Open a new file that would have 596×750 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!