Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Professional Header

Professional Header


This tutorial with guide you through how to make a professional looking website header with your company logo:

This tutorial takes in to account that you know the basics of Photoshop.

image 1
Click to enlarge

1. Open Photoshop and create a new image, 800x200.

2. For my background I will be using this picture of the Alps. You can use this if you want or you can get your own picture.

Professional Header
Click to enlarge

3. Put your image on to our canvas and adjust it to how you want it. With the Alps background I moved it so that the top rights matched.

4. Create a new layer, then with the Gradient Tool, select Black to Transparent and drag it from left to right.

5. Set this layers Blending Mode to Saturation

6. This will make the picture fade from black and white to colour

7. I made a logo using a hurricane custom shape that I have, which can be downloaded here.

8. Draw that in to your image, I also made a feather of 2px then filled it.

9. Then I added the Text. Font is Verdana (Windows built in font)

10. I added more text at the bottom for a company moto.

11. For the white lines I using the single line Marquee Tool with a white to transparent gradient and dragged it across on a new layer just above the Alps layer.

12. I also gave this layer an Inner Glow:

Blending Mode: Normal
Opacity: 100%
Colour: #FFFFFF
Size: 1px



Author's URL: Skeletorscorpse
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Professional Header"

Captcha