It is currently Wed Apr 24, 2024 1:28 am


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 7 posts ] 
Author Message
 Post subject: Creating a curved gradient with Gimp 2.8
PostPosted: Fri Jun 21, 2013 9:04 am  (#1) 
Offline
GimpChat Member
User avatar

Joined: Feb 14, 2012
Posts: 426
Start with a black horizontal one pixel pencil line in the middle of a white layer like this.
Image



Then use the fuzzy selection tool to select the black line and run a [Select + Border] I used a 300 pixel border and made sure to select [Feather]. The bigger the canvas size the bigger the feather you want to do in pixels.
Image



Then fill the selection with the foreground color of black.
Image



Then create a new black layer, unselect everything and fill the layer with a linear black and white horizontal gradient.
Image


Then set the layer mode to divide.
Image


And finally use the curves to bend the gradient to your liking like the image below.
Image

You can make all sorts of cylindrical objects and shapes this way. Just play around with different curve shapes.

Alan


Share on Facebook Share on Twitter Share on Orkut Share on Digg Share on MySpace Share on Delicious Share on Technorati
Top
 Post subject: Re: Creating a curved gradient with Gimp 2.8
PostPosted: Fri Jun 21, 2013 9:24 am  (#2) 
Offline
Global Moderator
User avatar

Joined: Nov 16, 2011
Posts: 5128
Location: Metro Vancouver, BC
PegLeg44. Nice one! :bigthup

_________________
Image
Gimp 2.8.18, Linux, median user
Gimp Chat Tutorials Index
Spirit Bear (Kermode)


Top
 Post subject: Re: Creating a curved gradient with Gimp 2.8
PostPosted: Fri Jun 21, 2013 3:06 pm  (#3) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
thanks for the tutorial !
pretty wild stuff


Top
 Post subject: Re: Creating a curved gradient with Gimp 2.8
PostPosted: Fri Jun 21, 2013 3:57 pm  (#4) 
Offline
Script Coder
User avatar

Joined: Oct 25, 2010
Posts: 4739
Nice but the bottom layer can just as well be filled with a bilinear black-to-50%gray gradient.

Rather easy to understand on a simplified version, with a vertical and an horizontal gradient:
- The horizontal gradient is just a mapping of the X coordinate of the pixels.
- The curve is therefore just a function the X coordinate of the pixels
- The value of the curve for X is the value by which we divide all the pixels on the same vertical line.
- Since that vertical line of pixels on the bottom layer is a white to black gradient, those with a value greater that the divisor value will have a result greater that one and be completely white, and the bottom of the line is a black to white linear gradient.
- Therefore the full-white limit line follows exactly the curve in the curves tool.

Attachment:
CurveShape.png
CurveShape.png [ 222.93 KiB | Viewed 11901 times ]

_________________
Image


Top
 Post subject: Re: Creating a curved gradient with Gimp 2.8
PostPosted: Fri Jun 21, 2013 4:09 pm  (#5) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
i just made this one form PegLegs technique, plus a cone shaped bevel, nothing else
looks pretty good imo

Image


Last edited by Esper on Sat Jun 22, 2013 11:44 am, edited 1 time in total.

Top
 Post subject: Re: Creating a curved gradient with Gimp 2.8
PostPosted: Sat Jun 22, 2013 11:43 am  (#6) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
ofnuts wrote:
Rather easy to understand on a simplified version
:mrgreen:


Top
 Post subject: Re: Creating a curved gradient with Gimp 2.8
PostPosted: Sat Jun 22, 2013 4:35 pm  (#7) 
Offline
GimpChat Member
User avatar

Joined: Feb 14, 2012
Posts: 426
ofnuts wrote:
Nice but the bottom layer can just as well be filled with a bilinear black-to-50%gray gradient.

Rather easy to understand on a simplified version, with a vertical and an horizontal gradient:
- The horizontal gradient is just a mapping of the X coordinate of the pixels.
- The curve is therefore just a function the X coordinate of the pixels
- The value of the curve for X is the value by which we divide all the pixels on the same vertical line.
- Since that vertical line of pixels on the bottom layer is a white to black gradient, those with a value greater that the divisor value will have a result greater that one and be completely white, and the bottom of the line is a black to white linear gradient.
- Therefore the full-white limit line follows exactly the curve in the curves tool.

Attachment:
CurveShape.png


Ya! That's what I was trying to say. You can also do other directions other than X too, I think. I'm thinking of X and Y as axis points or something.

The flower stem and leaves were made by making a boarder of feathered pixels around a stroked path and then a black divide layer with an angled gradient to define the shape with the curves and then colorized and stuff. The pedals were done with lines coming out from the center that are feathered and a divide layer with a radial gradient that was manipulated with curves.

Image

Alan


Top
Post new topic Reply to topic  [ 7 posts ] 

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts Attachment(s) curved image (how do I stretch)

4

No new posts Creating an image map with gimp

8

No new posts Attachment(s) Creating palette from image

9

No new posts Creating a guide for GIMP

4

No new posts Attachment(s) Supernova - creating rings

5



* Login  



Powered by phpBB3 © phpBB Group