Post Reply 

Rounded Corners Help

Jan 10, 2012, 17:14
Post: #1
Rounded Corners Help
I am having lots of difficulty with this. Im hoping someone can help. I'm trying to create a rectangle that is transparent with rounded corners but I need the rounded rectangle outlined. Now I know how to create a rounded rectangle what I am doing for that is the following;

creating an image, selecting add alpha chanel, then selecting rounded rectangle, invert then cut.

The problem is I need the rounded rectangle outlined. When I try to use the paintbrush with stroke it outlines the image but when I go to save it it saves the whole image including the cut corners.

In essence. I just want to make a rounded transparent rectangle. Then have it outlined. This would be for a web page.

Any help would be appreciated...
Find all posts by this user
Quote this message in a reply
Jan 10, 2012, 17:42
Post: #2
RE: Rounded Corners Help
You are pretty much on the right track. But all images are rectangular. No exceptions. Those that are not just have transparent pixels in the corners. And if you want transparent pixels on an image on a web page, the only appropriate format is PNG (which is completely standard and supported by all browsers). JPEG has no transparency, so Gimp adds the corners back when you save as JPG. So save you image as PNG and it should be OK. If not, save as XCF and attach it in a post (got in "full edit" or "preview" to attach files).

See http://gimpforums.com/thread-pros-and-co...ge-formats

[Image: 2Tvo0.png]

Visit this user's website Find all posts by this user
Quote this message in a reply
Jan 12, 2012, 16:38
Post: #3
RE: Rounded Corners Help
Thanks so much for the reply...I guess though I am still having an issue with how to create a rounded rectangle and the just outline that rounded rectangle..I can make the rounded rectangle. The problem is when I outline it. When I outline it the whole rectangle gets outlined. I just want the rectangle + the rounded edges to be outlined.Any help would be greatly appreciated.
Find all posts by this user
Quote this message in a reply
Jan 12, 2012, 21:12
Post: #4
RE: Rounded Corners Help
If you can make the rounded rectangle I assume this is because you found the "Rounded rectangle selection".

First thing first, save that selection ("Select/Save to channel"). Si in case you lose it or have it replaced by something else, you can recover it (open Channels list), right click, and "Channel to selection").

To outline, depending on what you want to do, two solutions:

1) Select/Border: this replaces your selection by a border than follows it. You can fill that selection with whatever you want (color/pattern/gradient).

2) Edit/Stroke selection: the rounded rectangle will be used as a "path" to stroke either a plain uniform line (that can have a dot pattern), or anything using one of the paint tools (typically the paintbrush). So you can have the rounded rectangle made of anything.

It's better to produce the frame on an additional layer.

Quick example:
.xcf  RoundRectangle.xcf (Size: 157.44 KB / Downloads: 71)

[Image: 2Tvo0.png]

Visit this user's website Find all posts by this user
Quote this message in a reply
Jan 13, 2012, 16:18
Post: #5
RE: Rounded Corners Help
Okay, I tried both solutions and did it multiple ways. Please understand that I do appreciate your help. None worked.

1. I made the rectangle, then went to edit stroke selection..did that..it outlines just the edges not the rest of the rectangle.

2. Then I tried alpha to selection AFTER I created the rounded edged rectangle. Clciked on stroke selection. When you do that, the whole thing gets outlined. But the outline is much thicker in the edges than the rest of the rectangle.

3. Then I tried alpha to selection with Select border. Yes that outlines the rounded rectangle too but the edges are way too fuzzy. Not smooth at all.

4. Then tried the border without alpha to selection. Still the same results.

So my question is: Is Gimp even worth it. I mean honestly I rather pay for Adobe Photoshop if its going to take me three days to figure out how to make a rounded rectangle that is outlined but outlined in a professional manner. Neverthless, I'm not sure if Gimp can do this simple task and complete the task so it looks somewhat professional.

Very frustrated with this software at this point. Is there any way I can make a rounded rectangle and outline it but Im not talking about an outline that looks like you did it in MS Paint or a childs piece of software. I just want an even not fuzzy outline? I've tried 20 different ways. I may be missing something but I have to tell you it should be way easier than this.

Again, an help would be appreciated...

Thanks again..
Find all posts by this user
Quote this message in a reply
Jan 13, 2012, 17:48
Post: #6
RE: Rounded Corners Help
(Jan 13, 2012 16:18)rennar21 Wrote:  Okay, I tried both solutions and did it multiple ways. Please understand that I do appreciate your help. None worked.

1. I made the rectangle, then went to edit stroke selection..did that..it outlines just the edges not the rest of the rectangle.
For me "outline" and "edges" are similar concepts. "Stroke selection" is like passing a paintbrush along the limit of the selection so that's what you got it seems. If you want to fill the selection, then use the bucket-fill tool (Bucketfill). Make sure to tick "fill selection" in the options. Otherwise what behavior would you expect to oultine the inside of the rectangle?

(Jan 13, 2012 16:18)rennar21 Wrote:  2. Then I tried alpha to selection AFTER I created the rounded edged rectangle. Clciked on stroke selection. When you do that, the whole thing gets outlined. But the outline is much thicker in the edges than the rest of the rectangle.
Where did you get the idea to use alpha-to-selection? Did I mention it?

(Jan 13, 2012 16:18)rennar21 Wrote:  3. Then I tried alpha to selection with Select border. Yes that outlines the rounded rectangle too but the edges are way too fuzzy. Not smooth at all.
Same question...

(Jan 13, 2012 16:18)rennar21 Wrote:  4. Then tried the border without alpha to selection. Still the same results.

So my question is: Is Gimp even worth it. I mean honestly I rather pay for Adobe Photoshop if its going to take me three days to figure out how to make a rounded rectangle that is outlined but outlined in a professional manner. Neverthless, I'm not sure if Gimp can do this simple task and complete the task so it looks somewhat professional.
Plenty of people use Gimp and get very good-looking results.

(Jan 13, 2012 16:18)rennar21 Wrote:  Very frustrated with this software at this point. Is there any way I can make a rounded rectangle and outline it but Im not talking about an outline that looks like you did it in MS Paint or a childs piece of software. I just want an even not fuzzy outline? I've tried 20 different ways. I may be missing something but I have to tell you it should be way easier than this.

Again, an help would be appreciated...

Thanks again..

Would the following be sharp enough?

   

If not, I wonder if you are looking at the right kind of software. Gimp, like Photoshop and MS paint, is a bitmap editor. Its unit of work is the pixel. Up close the images don't look too good, since on a screen you can see the pixels (100 pixels/inch). It's OK in print, provided you have enough pixels (300 to 600pixels/inch). The other kind of software is vector graphics, like Adobe Illustrator, or in the same league as Gimp, InkScape. There you can expect infinite sharpness since the pixels are rendered on the final media.

Otherwise, the image above has been generated using the vector graphics capabilities of Gimp (yes, it has some, see the Paths (Path) tool).

[Image: 2Tvo0.png]

Visit this user's website Find all posts by this user
Quote this message in a reply
Jan 15, 2012, 06:01
Post: #7
RE: Rounded Corners Help
Thanks for your help. I tried a bunch of things today. For some reason when Gimp outlines an object such as a rounded rectangle, the line is fuzzy Especially around the rounded corners...Really what I am trying to make is a a rounded rectangle that has a brown thin outline bordering/outlining the rounded rectangle ..nothing special but I've tried a millions ways today even tried path to selection...It outlines the rectangle yes but the image outline is fuzzy in some areas like around the corners...it just really looks unprofessional and messy....you can see the fuzzyness and choppiness on the webpage and in a normal image viewer...

I used alpha to selection because I'm trying every which way I can before I give up and purchase photoshop.....I just cant grasp why outlining an object such as rounded corners comes out fuzzy and choppy...Could be something Im doing wrong...but I spent a few days on something that should take 5 minutes......I'll check out the paths tools you recommended....
Find all posts by this user
Quote this message in a reply
Jan 15, 2012, 09:44
Post: #8
RE: Rounded Corners Help
Have a look at this: http://gimpforums.com/thread-proper-subj...d-painting

This explains why you will always have some choppiness. You didn't tell me if the sample image above looks sharp enough (this is the sharpest you'll ever get with Gimp or any bitmap editor).

[Image: 2Tvo0.png]

Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Removing the image white corners thedge84 3 543 Jan 20, 2014 06:41
Last Post: thedge84
  Only top 2 corners rounded txrunner 4 815 Jan 15, 2014 13:47
Last Post: rich2005
  Rounded corners teaphoto 5 364 Dec 10, 2013 17:51
Last Post: ofnuts
  Make rounded corner squares Arthas 1 249 Dec 2, 2013 21:13
Last Post: ofnuts
  Stroke a path using the pen with sharp corners? yapity 3 546 Sep 10, 2013 11:56
Last Post: ofnuts

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS