Open a new file that would have 596x750 px and 72 dpi. Paint it in the indicated color – 626262.



Take the next instrument and create the lowest layer of the future web-site with the parameters shown below.



Blending Options-Gradient Overlay



Gradient’s parameters.



Blending Options-Stroke



Take the same instrument and create a part of the button with the sizes indicated next step.



Blending Options-Gradient Overlay

Gradient’s parameters.



Copy the new made layer 3 times and change the parameters in each case the way it is shown below.
The first copy:



Blending Options-Gradient Overlay



Gradient’s parameters.



The second copy:



Blending Options-Gradient Overlay



Gradient’s parameters:

The third copy:



Blending Options-Gradient Overlay



Gradient’s parameters:



Take now a new instrument and represent the button painted in white.



Using the same instrument and keeping pressed the Alt button, it’s possible to erase the upper part of the button.



Copy this new made layer three times and place everything the same way it is shown below.



Take the photo with the demonstrated sizes next step and place it exactly the same way it is indicated next picture.

Blending Options-Drop Shadow



Blending Options-Stroke



Then you should add the web-site’s name on the header, keeping the same type, size and the color from the next table. Keep the same parameters too.



Blending Options-Stroke







Add the text now containing the buttons’ names on the header, keeping again the type, size and the color from the table below.





The final result!

View full size here.