Show Sidebar

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:

headerfinal.png

  1. Create a new file with the dimensions that would fit your website. I am going to use 900 x 150 pixels
  2. Select the Gradient tool (shortcut: “L”)
  3. Go to the main Gimp window and you should see an option called Gradient, change the value of this to “Abstract 1″
  4. Now click and drag from the bottom left of the image to the top right, you should now have something like this:header1.png
  5. Go to the Layers window (shortcut: “Ctrl and L”)
  6. Duplicate the layer by clicking the fourth button along on the bottom of the window
  7. Now select the Flip Tool (shortcut: “Shift and F”)
  8. Click in the image area and it should flip the layer
  9. Now select the select tool (shortcut: “R”), select the right half of the image and press delete
  10. Make the opacity of the top layer to 70.0
  11. And that’s it, you have a nice looking funky rainbow effect, it should look like this:
    headerfinal.png
  12. As its a header to a website you can add some other effects to the image, for example this:
    headerfinaladjust.png
    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

Submit to Stumbleupon Submit to Del.icio.us Submit to Google

SUBSCRIBE TO RSS

RSS FEED - EMAIL FEED

Comments RSS Feed


Leave a Reply