Clean header Photoshop Tutorial

14. Select the line tool
photoshop line tool
set the color to black and draw a black line between the first and the second link.

drawing a black line

15. Duplicate the black line layer and set the line’s color to white. You can do that by applying a color overlay style to the layer or by changing the color of the layer by double clicking on it. Now move the white line layer one pixel to the right.

creating a white line

16. Repeat this step for all the spaces between the links.

repeating step 15 of the web design photoshop tutorial

17. Now copy your logo to the header. For this tutorial I used a quick logo I just made. The logo was black and I reduced it’s opacity to 50% in order to blend better with the header colors.

adding a logo to the header

18. Add your text with your desired font. (I also reduced the opacity of the text layer to 50%)

adding text to the header

19. We are almost done, we just need to do one more thing. Create a new layer (Layer->New->Layer), set the foreground color to white and select the gradient tool. We are going to apply a white to transparent gradient to our header.
Apply these settings for the gradient.
white gradient settings

20. Now draw a linear gradient with the settings shown above from the top up to about the middle of our document.

And here is our final result scaled down.
final result of web design photoshop tuorial

Technorati Tags: , , , ,

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: