Clean header Photoshop Tutorial

8. Create a new layer, (Layer -> New -> Layer) name it black stripe and fill the selection with black. Then Create another two new layers and fill the one with a dark grey and the other one with a light grey (name them grey stripe and light grey stripe respectively). Your layers palette should now look like this.

photoshop layers palette

9. Move the “grey stripe” layer below the “black stripe” layer and the “light grey stripe” below both of them. The result should be like the screenshot below.

moving layers result

10. Duplicate the “black stripe” layer (Layer->Duplicate Layer) and move it at the bottom of the document.

web design tutorial step 10

11. Now merge the four stripes layers. Pick the Magic Wand tool and click on the space between the three stripes and the black stripe layer at the bottom. You should get a selection like the one below.

Magic wand selection

12. Fill that selection with a linear gradient (grey to white)

applying gradient result

13. Now select the text tool and add your desired links names to the navigation bar (I used the Tahoma font).

navigation bar text links

About Dimitris

My name is Dimitris and I am from Greece. I created this blog as a learning tool for Photoshop both for other but for me as well. I am definitely no Photoshop Guru or a professional graphic designer, I am just an amateur trying to learn as much as I can about Photoshop.

One Response to Clean header Photoshop Tutorial

  1. Yas January 9, 2006 at 12:54 am #

    Very nice tutorial! Thank you for publishing it on DaTutorials.com!

Leave a Reply