Create a rainbow coloured web header
April 1, 2008
If you want to “funk up” your website or blog then a great thing to do is add a whole range of colours. In this tutorial I am going to show you how to create a rainbow header like this:
- Create a new file with the dimensions that would fit your website. I am going to use 900 x 150 pixels
- Select the Gradient tool (shortcut: “L”)
- Go to the main Gimp window and you should see an option called Gradient, change the value of this to “Abstract 1″
- Now click and drag from the bottom left of the image to the top right, you should now have something like this:

- Go to the Layers window (shortcut: “Ctrl and L”)
- Duplicate the layer by clicking the fourth button along on the bottom of the window
- Now select the Flip Tool (shortcut: “Shift and F”)
- Click in the image area and it should flip the layer
- Now select the select tool (shortcut: “R”), select the right half of the image and press delete
- Make the opacity of the top layer to 70.0
- And that’s it, you have a nice looking funky rainbow effect, it should look like this:

- As its a header to a website you can add some other effects to the image, for example this:

To do this I simply added a new layer, created an oval 4 times bigger than the header so that there was only half of a semicircle over the header and filled it with white. Then I changed the opacity of the layer to 10.0






Leave a Reply