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

Pages: 1 2 3

del.icio.us Clean header Photoshop Tutorial digg this reddit this Furl this +Spurl this

One Response to “Clean header Photoshop Tutorial”

  1. Yas Says:

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

Leave a Reply

Related Posts from the Past: