Post Reply 

pointing text box with rounded corners like on Google Maps

Dec 14, 2010, 03:46
Post: #1
pointing text box with rounded corners like on Google Maps
Hi. I'm trying to make a shape that I don't know the name of, but it is similar in shape to the popup on Google Maps when you click on a restaurant (etc): sort of a rectangle with rounded corners and then one section juts out to a sharp point that points at the place on the map. It is similar to a speech balloon in comics, I suppose.

I have almost got it, but I wind up with bad aliasing/jaggy corners and jagginess at the "pointer" part of it. I'd like it to look as smooth as possible and yet also crisp.

I'd also like it to be gradient filled and be sitting on a transparent layer.

What is the smart way to go about this?

Thanks,
CM
Find all posts by this user
Quote this message in a reply
Dec 14, 2010, 21:32
Post: #2
RE: pointing text box with rounded corners like on Google Maps
(Dec 14, 2010 09:14)ofnuts Wrote:  Without knowing what you actually tried and what you consider too jaggy it's not too easy to make suggestions. Anti-aliasing always blurs edges a bit, at the pixel level.

Otherwise to obtain the shape, I would do:

- new layer (transparent background) big enough for balloon plus finger
- draw rectangular selection with "round corners" check
- bucket fill it (because you will want that visible later in the process)
- save selection to channel
- make the finger using polygonal path (two lines are enough), the open side should
be in the rectangle
- select/from path
- in Channels dialog, select the saved rectangle and add it to selection
- save selection again (you can drop the previously saved one)
- select all/erase (this removes the filled-in rectangle)

Now you have a transparent layer with a balloon-shaped selection, if you drag the gradient tool, it will only fill the balloon.

You can also autocrop the layer to reduce its size to the strict minimum (makes it easier to move/align).

This is extremely helpful, I have got something now that looks quite a bit better, plus I know more about GIMP than I did.

After these steps, I also stroked the selection (edge) with a one point dark gray line to give it a border, and although there is a rather small bit of jagginess around the corners, it is much better than what I had before. Thanks again!

Che
Che
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Brushes box won't move stronics 1 243 Sep 3, 2018 05:13
Last Post: paynekj
  text line spacing leavitt@buffalo.edu 1 186 Aug 20, 2018 20:07
Last Post: paynekj
  Character size in menus (text size) Punchcard 1 231 Aug 13, 2018 06:27
Last Post: paynekj
Exclamation Bug: Changing text size by one changes it by thousands Puntherline 1 254 Jun 16, 2018 18:25
Last Post: paynekj
Sad Cant Move Text Area ! bhavtosh 1 311 Mar 9, 2018 13:34
Last Post: paynekj

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS