Hi gimp-user,

How are you creating a single rounded corner, like those used for css boxes with rounded corners.

(i.e., http://www.csszengarden.com/063/corner_yelongreen_tr.gif)

Or, if you wanted to outline an image's left, bottom, and right, sides and round the lower corners (radius 8), so it would look like a "U" without the tail and a flatter bottom (again for use in CSS background for a round cornered semi-flexible box).

There is a nice tutorial on GUG (GIMP Users Group) which suggests a method (http://gug.sunsite.dk/?page=tutorials). If you wish to have only certain corners rounded, I would propose rounding the corners on a duplicate layer then erasing the unwanted regions (or use layermasking) to reveal the original.

On Saturday 28 July 2007, saulgoode@flashingtwelve.brickfilms.com wrote:

Hi gimp-user,

How are you creating a single rounded corner, like those used for css boxes with rounded corners.

(i.e., http://www.csszengarden.com/063/corner_yelongreen_tr.gif)

Or, if you wanted to outline an image's left, bottom, and right, sides and round the lower corners (radius 8), so it would look like a "U" without the tail and a flatter bottom (again for use in CSS background for a round cornered semi-flexible box).

There is a nice tutorial on GUG (GIMP Users Group) which suggests a method (http://gug.sunsite.dk/?page=tutorials). If you wish to have only certain corners rounded, I would propose rounding the corners on a duplicate layer then erasing the unwanted regions (or use layermasking) to reveal the original. _______________________________________________

Typesetting programs like Context have this as a normal feature. If you are indeed importing text into Gimp and putting it in a box it might make sense to typeset it externally and import the eps.

On 7/30/07, DJ wrote:

Hi,

This gives me a solid 1 pixel left, right, bottom and an anti-aliased lower left and right corner.

I probably created 5 more steps than necessary :-). Is there a better way?

1. File->New
Specify the required height and width and fill with the color needed for the border.

2. Select->Rounded Rectangle Required radius of 10.

3. Select->Invert

4. Edit->Cut This gets rid of the corners.

5. Select Region by Color Click the image (see step 1)

6. Select->Shrink by 1

7. Edit->Cut

8. I fix up the top with the pencil and eraser to straighten the sides and get ride of the top line.

I noticed when I used File->New, Select->All, Edit->Stroke Selection, and selected the second option "Stroke with a paint tool" and selected the pencil as the paint tool, that only two sides (top and left) of the selection would get outlined. The pencil tool was a 1 pixel circle with no other options set. I expected to see a 1 pixel border on all 4 sides. I zoomed in and looked. If I increased the pixels (ie. 3 px) it kind of worked. It was clearly not 3 pixels on all sides. It seemed consistent in not doing all 4 sides with a 1 pixel pencil. I am not sure if I have something set in GIMP to create this outcome. [GIMP 2.2.13]

However, if I selected the first option, "Stroke line", with a width of 1, solid, and antialiasing not checked, I got the expected 1 pixel border. In general, I couldn't use this method after a Select->Rounded Rectangle because I need the corners to be antialiased but not the sides. With antialising checked, the corners were okay, but it also changed the color of the 1 pixel border on the left, right and bottom, so I came up with the above 8 step method ;-)

I think you could make this much simpler. If radius is constant, then you should just be able to make a template image of large size (enough that it's always going to be bigger than your layout). If you make it using two layers (one for the background color, one for the rounded rectangle.), then you can easily recolor it (enable 'lock alpha' for the rect-layer so this will work correctly.) Then, each time you want something like that, you can just

1. Open the template image 2. Drag-and-drop the appropriate colors onto the appropriate layers 3. Scale the image down to the appropriate size 4. Save with the filename appropriate to your particular project. (this will also allow you to have a fancier/more carefully done design, since you don't have to manually redo it each time.)

Does that help?

what about creating a selection with rounded corners and then just add parts you don't want to be rounded into it ?

or create the selection from a path where you can control every aspect of it

or combine both : create a rectangular selection and cut from selection using paths

or you can use quickmask to paint the selection

On 7/30/07, David Gowers wrote:

On 7/30/07, DJ wrote:

Hi,

This gives me a solid 1 pixel left, right, bottom and an anti-aliased lower left and right corner.

I probably created 5 more steps than necessary :-). Is there a better way?

1. File->New
Specify the required height and width and fill with the color needed for the border.

2. Select->Rounded Rectangle Required radius of 10.

3. Select->Invert

4. Edit->Cut This gets rid of the corners.

5. Select Region by Color Click the image (see step 1)

6. Select->Shrink by 1

7. Edit->Cut

8. I fix up the top with the pencil and eraser to straighten the sides and get ride of the top line.

I noticed when I used File->New, Select->All, Edit->Stroke Selection, and selected the second option "Stroke with a paint tool" and selected the pencil as the paint tool, that only two sides (top and left) of the selection would get outlined. The pencil tool was a 1 pixel circle with no other options set. I expected to see a 1 pixel border on all 4 sides. I zoomed in and looked. If I increased the pixels (ie. 3 px) it kind of worked. It was clearly not 3 pixels on all sides. It seemed consistent in not doing all 4 sides with a 1 pixel pencil. I am not sure if I have something set in GIMP to create this outcome. [GIMP 2.2.13]

However, if I selected the first option, "Stroke line", with a width of 1, solid, and antialiasing not checked, I got the expected 1 pixel border. In general, I couldn't use this method after a Select->Rounded Rectangle because I need the corners to be antialiased but not the sides. With antialising checked, the corners were okay, but it also changed the color of the 1 pixel border on the left, right and bottom, so I came up with the above 8 step method ;-)

I think you could make this much simpler. If radius is constant, then you should just be able to make a template image of large size (enough that it's always going to be bigger than your layout). If you make it using two layers (one for the background color, one for the rounded rectangle.), then you can easily recolor it (enable 'lock alpha' for the rect-layer so this will work correctly.) Then, each time you want something like that, you can just

1. Open the template image 2. Drag-and-drop the appropriate colors onto the appropriate layers 3. Scale the image down to the appropriate size 4. Save with the filename appropriate to your particular project. (this will also allow you to have a fancier/more carefully done design, since you don't have to manually redo it each time.)

Does that help? _______________________________________________ Gimp-user mailing list
Gimp-user@lists.XCF.Berkeley.EDU
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user

saulgoode@flashingtwelve.brickfilms.com wrote:

Hi gimp-user,

How are you creating a single rounded corner, like those used for css boxes with rounded corners.

(i.e., http://www.csszengarden.com/063/corner_yelongreen_tr.gif)

Or, if you wanted to outline an image's left, bottom, and right, sides and round the lower corners (radius 8), so it would look like a "U" without the tail and a flatter bottom (again for use in CSS background for a round cornered semi-flexible box).

There is a nice tutorial on GUG (GIMP Users Group) which suggests a method (http://gug.sunsite.dk/?page=tutorials). If you wish to have only certain corners rounded, I would propose rounding the corners on a duplicate layer then erasing the unwanted regions (or use layermasking) to reveal the original.

hi gimp-users!

I got a question about this tutorial you suggested for rounded corners:

http://gug.sunsite.dk/?page=tutorials

exactly this link:

http://gug.sunsite.dk/tutorials/rounded-corners/?PHPSESSID=15b9c066c893ecc1a a3465ad3351d1db

Does anyone understand what the last step 3 means:

Step 3:Go to Image-Colors-Levels... Change the input levels to: "119" "1.0" "135". That's all! Use different values for blurring and input levels to achieve other effects!

what ist colors - levels?

I've been searching for ages! thanks for any help,
tina
ps: attention, the site gug.sunsite.dk seems to be offline very often

Am 03.08.2007 3:55 Uhr schrieb "Eric P" unter :

saulgoode@flashingtwelve.brickfilms.com wrote:

Hi gimp-user,

How are you creating a single rounded corner, like those used for css boxes with rounded corners.

(i.e., http://www.csszengarden.com/063/corner_yelongreen_tr.gif)

Or, if you wanted to outline an image's left, bottom, and right, sides and round the lower corners (radius 8), so it would look like a "U" without the tail and a flatter bottom (again for use in CSS background for a round cornered semi-flexible box).

There is a nice tutorial on GUG (GIMP Users Group) which suggests a method (http://gug.sunsite.dk/?page=tutorials). If you wish to have only certain corners rounded, I would propose rounding the corners on a duplicate layer then erasing the unwanted regions (or use layermasking) to reveal the original.
_______________________________________________

Here's a script-fu plug-in that uses the technique found at the tutorial link.

http://epierce.freeshell.org/gimp/

EP _______________________________________________ Gimp-user mailing list
Gimp-user@lists.XCF.Berkeley.EDU
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user

On Sunday 16 September 2007, Bettina Lechner wrote:

hi gimp-users!

I got a question about this tutorial you suggested for rounded corners:

http://gug.sunsite.dk/?page=tutorials

exactly this link:

http://gug.sunsite.dk/tutorials/rounded-corners/?PHPSESSID=15b9c066c893ecc1 a a3465ad3351d1db

Does anyone understand what the last step 3 means:

Step 3:Go to Image-Colors-Levels... Change the input levels to: "119" "1.0" "135". That's all! Use different values for blurring and input levels to achieve other effects!

what ist colors - levels?

I think it is tutorial for older versions of Gimp. Now (2.4 v) you should go directly to Colors>levels
In previous versions (Colors>Levels

Meaning of numbers you've mentioned is shown here: http://punktyro.puslapiai.lt/gimp/colourlevels.png