[Gimp-user] The best way to make a rounded corner box with a border

2010-06-02 Thread Deniz Dogan
Lately, I've been thinking whether the way I make bordered boxes with
rounded corners is the best one or if I'm missing something
essential.

The way I do it is:
1. Use the rounded rectangle selection to make a rectangle.
2. Fill it with the color I want the border to have.
3. Shrink the selection by as many pixels as I want the border to take up.
4. Fill the new selection with the box background color.

What ways are there to accomplish it? Are there any cons to using the
method I use? I'm asking because I recently wrote a little Script-Fu
for doing just this, since I do it so often.

-- 
Deniz Dogan
___
Gimp-user mailing list
Gimp-user@lists.XCF.Berkeley.EDU
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user


Re: [Gimp-user] The best way to make a rounded corner box with a border

2010-06-02 Thread Branko Vukelic
On Wed, Jun 2, 2010 at 10:33 AM, Deniz Dogan deniz.a.m.do...@gmail.com wrote:
 The way I do it is:
 1. Use the rounded rectangle selection to make a rectangle.

2. Select - Border...
3. Fill new selection with color
4. Enjoy. :)

-- 
Branko Vukelić

bg.bra...@gmail.com
stu...@brankovukelic.com

Check out my blog: http://www.brankovukelic.com/
Check out my portfolio: http://www.flickr.com/photos/foxbunny/
Registered Linux user #438078 (http://counter.li.org/)
I hang out on identi.ca: http://identi.ca/foxbunny

Gimp Brushmakers Guild
http://bit.ly/gbg-group
___
Gimp-user mailing list
Gimp-user@lists.XCF.Berkeley.EDU
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user


Re: [Gimp-user] The best way to make a rounded corner box with a border

2010-06-02 Thread Branko Vukelic
On Wed, Jun 2, 2010 at 11:16 AM, Branko Vukelic bg.bra...@gmail.com wrote:
 On Wed, Jun 2, 2010 at 10:33 AM, Deniz Dogan deniz.a.m.do...@gmail.com 
 wrote:
 The way I do it is:
 1. Use the rounded rectangle selection to make a rectangle.

Sorry, missed one step:

1a: Fill the selection with color.

 2. Select - Border...
 3. Fill new selection with color
 4. Enjoy. :)

+ it might be entirely possible to do a script that does this
automatically. It could take border with from the user, and use FG/BG
color to fill the selections.

-- 
Branko Vukelić

bg.bra...@gmail.com
stu...@brankovukelic.com

Check out my blog: http://www.brankovukelic.com/
Check out my portfolio: http://www.flickr.com/photos/foxbunny/
Registered Linux user #438078 (http://counter.li.org/)
I hang out on identi.ca: http://identi.ca/foxbunny

Gimp Brushmakers Guild
http://bit.ly/gbg-group
___
Gimp-user mailing list
Gimp-user@lists.XCF.Berkeley.EDU
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user


Re: [Gimp-user] The best way to make a rounded corner box with a border

2010-06-02 Thread Deniz Dogan
2010/6/2 Branko Vukelic bg.bra...@gmail.com:
 On Wed, Jun 2, 2010 at 11:16 AM, Branko Vukelic bg.bra...@gmail.com wrote:
 On Wed, Jun 2, 2010 at 10:33 AM, Deniz Dogan deniz.a.m.do...@gmail.com 
 wrote:
 The way I do it is:
 1. Use the rounded rectangle selection to make a rectangle.

 Sorry, missed one step:

 1a: Fill the selection with color.

 2. Select - Border...
 3. Fill new selection with color
 4. Enjoy. :)

 + it might be entirely possible to do a script that does this
 automatically. It could take border with from the user, and use FG/BG
 color to fill the selections.

 --
 Branko Vukelić

 bg.bra...@gmail.com
 stu...@brankovukelic.com

 Check out my blog: http://www.brankovukelic.com/
 Check out my portfolio: http://www.flickr.com/photos/foxbunny/
 Registered Linux user #438078 (http://counter.li.org/)
 I hang out on identi.ca: http://identi.ca/foxbunny

 Gimp Brushmakers Guild
 http://bit.ly/gbg-group


I used to try it your way before, but I always get jagged edges on
the border when I try that.

This is what I get when I do a rounded rectangle with a 5 pixel corner
radius, black background and white edge using your technique:
http://pici.se/pictures/fWkVUUfxo.png
This is what I get when I do it my way: http://pici.se/pictures/xFAQhXVbC.png

Is there something I'm missing?

-- 
Deniz Dogan
___
Gimp-user mailing list
Gimp-user@lists.XCF.Berkeley.EDU
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user


Re: [Gimp-user] The best way to make a rounded corner box with a border

2010-06-02 Thread Branko Vukelic
On Wed, Jun 2, 2010 at 12:48 PM, Cameron Gregory c...@bloke.com wrote:
 In some cases there is also out by one problem.

 Here is a patch for said issue (most noticeable when rounding is 100% (trying 
 to make a pill)

 http://blog.bloke.com/2010/05/patch-for-gimp-select-rounded-rectangle/

The most straightforward way to create a pixel-perfect rounded
rectangle with border I can think of is to use Inkscape
(http://www.inkscape.org/) and import the SVG into Gimp. You get
perfect control over the rounding and border weight + the
rasterization of the SVG eliminates the jaggedness.

Another way I can think of is to convert the rounded selection to
path, stroke it to create the border. This produces acceptable
results, but I've noticed some weird artifacts.

-- 
Branko Vukelić

bg.bra...@gmail.com
stu...@brankovukelic.com

Check out my blog: http://www.brankovukelic.com/
Check out my portfolio: http://www.flickr.com/photos/foxbunny/
Registered Linux user #438078 (http://counter.li.org/)
I hang out on identi.ca: http://identi.ca/foxbunny

Gimp Brushmakers Guild
http://bit.ly/gbg-group
___
Gimp-user mailing list
Gimp-user@lists.XCF.Berkeley.EDU
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user


Re: [Gimp-user] The best way to make a rounded corner box with a border

2010-06-02 Thread Deniz Dogan
2010/6/2 Branko Vukelic bg.bra...@gmail.com:
 On Wed, Jun 2, 2010 at 12:48 PM, Cameron Gregory c...@bloke.com wrote:
 In some cases there is also out by one problem.

 Here is a patch for said issue (most noticeable when rounding is 100% 
 (trying to make a pill)

 http://blog.bloke.com/2010/05/patch-for-gimp-select-rounded-rectangle/

 The most straightforward way to create a pixel-perfect rounded
 rectangle with border I can think of is to use Inkscape
 (http://www.inkscape.org/) and import the SVG into Gimp. You get
 perfect control over the rounding and border weight + the
 rasterization of the SVG eliminates the jaggedness.

 Another way I can think of is to convert the rounded selection to
 path, stroke it to create the border. This produces acceptable
 results, but I've noticed some weird artifacts.


It's too bad one has to resort to using other programs for pixel
perfect borders (as if there ever was such a thing). That means it's
impossible to write a Script-Fu for it (unless you are *really*
ambitious) and also that you can't use GIMP's gradients to fill the
border or the background of the box.

A sad day this is.

-- 
Deniz Dogan
___
Gimp-user mailing list
Gimp-user@lists.XCF.Berkeley.EDU
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user


Re: [Gimp-user] The best way to make a rounded corner box with a border

2010-06-02 Thread Branko Vukelic
On Wed, Jun 2, 2010 at 2:18 PM, Deniz Dogan deniz.a.m.do...@gmail.com wrote:
 It's too bad one has to resort to using other programs for pixel
 perfect borders (as if there ever was such a thing). That means it's
 impossible to write a Script-Fu for it (unless you are *really*
 ambitious) and also that you can't use GIMP's gradients to fill the
 border or the background of the box.

 A sad day this is.

Not as long as you can do it. :) Most FLOSS workflows do require a
certain amount of dedication, imo.

-- 
Branko Vukelić

bg.bra...@gmail.com
stu...@brankovukelic.com

Check out my blog: http://www.brankovukelic.com/
Check out my portfolio: http://www.flickr.com/photos/foxbunny/
Registered Linux user #438078 (http://counter.li.org/)
I hang out on identi.ca: http://identi.ca/foxbunny

Gimp Brushmakers Guild
http://bit.ly/gbg-group
___
Gimp-user mailing list
Gimp-user@lists.XCF.Berkeley.EDU
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user


Re: [Gimp-user] The best way to make a rounded corner box with a border

2010-06-02 Thread Deniz Dogan
2010/6/2 Cameron Gregory c...@bloke.com:
 you can still fill the border with gradients.
 same way .. make a border. fill with gradient, make an inner border and bill 
 with BG...

 similar for gradient on the inside

 cameron


Sure, I'm just saying I can't use GIMP's gradients. I have to use the
ones in Inkscape. :)

-- 
Deniz Dogan
___
Gimp-user mailing list
Gimp-user@lists.XCF.Berkeley.EDU
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user


Re: [Gimp-user] The best way to make a rounded corner box with a border

2010-06-02 Thread Sven Neumann
On Wed, 2010-06-02 at 11:22 -0400, Rob Antonishen wrote:
  Sure, I'm just saying I can't use GIMP's gradients. I have to use the
  ones in Inkscape. :)
 
 
 BTW- Inkscape can use gimp gradients (they are the same format).

Are they?

It also works the other way around: GIMP can use SVG gradients.


Sven


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


Re: [Gimp-user] The best way to make a rounded corner box with a border

2010-06-02 Thread Rob Antonishen
 BTW- Inkscape can use gimp gradients (they are the same format).

 Are they?


Maybe not the same format(?), but drag and drop a .ggr into the canvas
and you can then use it in inkscape.

-Rob A
___
Gimp-user mailing list
Gimp-user@lists.XCF.Berkeley.EDU
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user