| Create a new file of 779 x 160 pixel wide.
Create a new layer by pressing shift+control+n. Name it 'Bgrnd'.
Fill the layer with #AFE0FF color. |
 |
| Draw a path with pen tool. |
 |
| Drag the nodes to have this shape. |
 |
| Now, right click anywhere in the path and select Make Selection. Set feather radius to 0 and click ok. Press delete. You now have this shape. |
 |
| Select Rounded Rectangle Tool and draw the rectangel at the left side of the 'bgrnd' layer leaving around two pixels from the top and 4 pixels from the left. Rename the layer to 'Search'. |
 |
| Apply these layer styles in it. |
 |
 |
| Type 'content search'. Change the text color to #B02810. |
 |
| Draw a white colored rectangle. Add 1 pixel #A8A8A8 color stroke in it. Type 'Enter search Keywords here' in the box. Name this layer 'SearchBox' |
 |
| Change the blending mode of rectangle to multiply. |
 |
| Now, we will create a submit button. For that, draw a white colored circle with Ellipse tool. Go to Select>Modify>Contract and contract it 2 pixels. Fill the selection with linear gradient tool selecting #BB4F3C as foreground and #6C1102 as background. Press Control+D to deslect. Add little drop shadow in it and also draw a small white colored triangular shape in middle. |
 |
| We will now create two simple buttons. For that, select Rounded Rectangle Tool and draw a rectangle. Fill it with #2F57AF. |
 |
| Add drop shadow in it. Type 'Log in' from the type tool and place it in the middle of the button. Name this layer 'Bt1'. |
 |
| Draw another button, but this time type 'Singnup' in the button. Name this layer 'Bt2'. Place both buttons in the right side of the canvas leaving 2 pixel from the top and 3-4 pixel from the right. |
 |
| Draw a rectangle. Type anything related to it. |
 |
| I have applied these layer styles in it :- |
 |
 |
| Add company slogan and logo. |
 |
| Draw a white colored rectanglular shape. Rename this layer 'Nbar'.
Click on 'Search' layer. Now, right click on it and click copy layer style.
Right click on 'Nbar' layer. Select 'Paste Layer Style'. You will have this layer effect. |
 |
| Type some text in it. |
 |
| Draw two lines between the texts. First, draw a gray color line and than a white color line next to gray line. |
 |
| Group and merge these lines. Duplicate and place this merged layer between texts. |
 |
| We now have a new header and navigation buttons :) |
 |
