Simple & Easy Web 2.0 Header

Create a Simple and Easy Web 2.0 Header with a great looking result

1. Start by opening a new 700*150px file
2. Select the Rectangular Marquee Tool and set a fixed size of 700*20px

3. Create a new layer, apply the selection at the top of the canvas and fill it with #333333

4. Create a new layer, selec the Single Row Marquee Tool and make a selection 1px over the bottom of the grey rectangle you just made

5. Fill it with #ffffff and change the layer’s blend mode to Overlay

6. Create a new layer, select the Rectangular Marquee Tool and set a fixed size of 700px*130px, make a selection on the bottom of the canvas and fill it with #86c32a

7. Now apply this layer style to it
- Gradient: #86c32a to #bae972

8. Create a new layer, selec the Custom Shape Tool and select the Registration Target 2 from the Shape Drop-Down menu

9. Press Shift while making the shape in your new layer

10. Ctrl+Click over the layer thumb to select it, delete it and create a new layer(but keep the selection)

11. Select the Gradient Tool and set a White to Transparent gradient in a Radial mode, make the gradient form the center to almost the end of the selecion like in the image below

12. Change this layer’s blend mode to Soft Light and opacity to 55%

13. Ctrl+Click over the green layer’s thumb, go to Select -> Inverse and go to Edit -> Clear

14. Now apply your logo, this will be different for everyone, depending on your site, so I will not explain it

15. Create a new layer, select the Rectangular Marquee Tool and set a fixed size of 90px * 30px, make a selection in the bottom of the grey rectangle, go to Select -> Modify -> Smooth and set a 3px radius

16. Zoom in your canvas, select the Rectangular Marquee Tool in Normal style, press Shift and make a selection that covers both top rounded corners

17. Fill your selection with #333333 and apply this layer style
- Gradient: #242424 to #333333

18. Ctrl+Click over the layer’s thumb, create a new layer, go to Edit -> Stroke and apply a 1px #666666 border

19. Zoom in and delete the top part of the border you just made

20. Duplicate this layers as many times as needed to make your links

21. Write your links in the buttons and you’re done