Natural flat look beautiful website header image in Adobe Photoshop. How to create header for website (for your own)? Just follow the bellow step by step simple guide and tips. Before you start gather some basic knowledge about Photoshop. See the final out put bellow.

a. Rectangular Marquee Tool:

The Rectangular Marquee Tool,is a Photoshop’s basic selection tools. Along with the Elliptical Marquee Tool and the Single Row Marquee Tool, and Single Column Marque Tool is used for making selections based on simple geometric shapes.

b. Text Tool:

Text tools is one of the basic tools of Photoshop. With the text tool you can type your desire text into your canvas and  can give style you want. This an important tools.

Setp One:

Create new document press Ctrl+N from keyboard or go to File>New. Now select the size 960px X 180px and click OK.

Step Two:

Now in the new document take a new layer and fill it by black color.

 Step Three:

Now take a new layer and rename the layer as 1^st Rectangle. Select the Rectangular Marque Tools and draw a rectangular as shown bellow picture. For selecting the Rectangular Marque Tools press M from the keyboard.

 It is time to apply style to 1^st Rectangle.

Gradient Overlay:

Stroke:

Step Four:

Now create navigation bar. Create new layer and rename as Navigation bar. Draw a rectangle and fill with white color. It is time to apply gradient overlay.

Gradient Overlay:

Now you can do whatever you want. You can psd free download header image and edit as you want. You can add your logo create the secondary navigation menu as you required. See the picture bellow.

Now I will discuss how you will add text you see in the above header image. If you can able to add one layer text can do other. So I will see you only one step or psd free download and edit the text as you want.

Now take a new layer and select Text/Type Tools and type as you saw in that picture. Now time to apply the style.

Gradient Overlay:

 Now recycle this for the rest of all text layer.

Search Box:

Take new layer and draw a rectangular with the help of Rectangular Marque (M) tools. Then fill it with white color and apply Gradient Overlay select first color #fafafa and second color #ffffff. Now select Text Tools and type Search An Article and apply Gradient Overlay by selecting first color #000000 and second color #837979.

Now draw another small box with the Rectangular Marque Tools (M). Apply Gradient Overlay and select first color #000000 and second color #ffffff. Apply stroke with size=1 and color #000000. Now apply Inner Shadow select Blend Mode=Multiply.

Now select Elliptical Marque Tools and draw a circle and apply first Gradient Overlay and select first color #b40f0f second color #ffffff. Stroke size=1 and color #ffffff. Drop shadow blend mode=Multiply. Now select Belevel and Ambosh select style=Pilllow Ambosh that’s all.

Again draw a rectangle and position it like the final picture and apply Gradient Overlay select first color #000000 and second color #ffffff and apply Belevel and Ambosh as applied for the circle.

psd free download Final Header Image with Text and customize as you required and use as you want.

Note: Each time while draw rectangular or circle take a new layer first.