
A gradient is a slow change from one colour to another, so gradual as to blend the colour change so that it is seamless.
We are going to make a small image that graduates from white to blue and which will be used as a background image in a webpage.
To follow along, open the Gimp, select new and set the size to 200 pixels wide by 400 pixels high.
Now look at the toolbox and choose the 'Blend' tool just over halfway through the tool list.
Look down at the tool properties that open below the toolbox and find the find the box with a tooltip of 'Gradient'. It's the box that displays an image of a black to white colour transition.
Click that box to display the contents and inspect the other gradients that the Gimp has already prepared for you to use.
Although not the colours we need, we can select, say, the 'Deep Sea' gradient. Leave the other controls in the box as they are and drag the cursor anywhere across the new image in a straight line left to right to produce a graduated fill using just those colours.
If you have the default options, you will create a linear - that is one side to another - gradient that begins with the colour on the left of the sample swatch and ends with the final colour.
Undo this using 'Control' + 'Z' and then try dragging down the image from top to bottom to produce a graduation in that direction. Reversing the direction in either plane will allow you to create a graduation that reverses the colours.
Making our own
This is all very well but, despite the Gimp having a good selection of graduations, the colours that I want to use are not there so I must make my own graduation.
The first four gradients that are shown in the drop-down gradient selector are a little special. Although they will be coloured black to white by default they actually represent the foreground and background colours that are selected in the Gimp.
(The reason they are back and white is because this is the default foreground and background selection. If you are doing this and you have already changed the colours then your first four gradients will look a little different.)
To create my gradient I simply select white for the foreground colour and blue for the background and now I can use one of the gradients to make my image.
The first two create gradients that use HSV colours and use the colour circle to make them. If you are not sure what this means just try them and see if you like them.
I want the next two. The one headed FG to BG(RGB). This one uses the normal RGB colour model and simply graduates the foreground colour into the background one.
Choosing this one and dragging across the image produces a nice graduation from white on the left to blue on the right.
However, I am not satisfied. The intensity of the blue and the quickness of the graduation is a little too harsh for my liking. I want a less dramatic graduation.
I can easily archive this by dragging the cursor across the image and continuing on across the blank canvas on the right side of the image. Obviously the more intense colour that is laid down on the right hand side will not show as it is not part of the image but I will finish up with a nice graduation that is not too harsh. Try it and see, and also refer to the image above.
OK, I have created my image but if I had swapped my colours to make blue the foreground colour and white the background and then used the fourth option headed 'FG to transparent' it would have created a fill that went from blue on the left to transparent on the right.
There is much more to using gradients and it is well worth experimenting both with the supplied gradients and making your own to see the range of gradients that it is possible to create.





