Blending Options-Bevel and Emboss

Create Design Studio Web Layout in Photoshop CS

Blending Options-Gradient Overlay

Create Design Studio Web Layout in Photoshop CS

Gradient?s parameters:

Create Design Studio Web Layout in Photoshop CS

Make three copies of the new made layer and place all the copies the way it is indicated
below:

Create Design Studio Web Layout in Photoshop CS

Then we should represent the site?s header in several stages, the method we used before.
The main instrument is this one: .
Correct the angles with the next tool and the openings may be cut out by holding the Alt button.

Create Design Studio Web Layout in Photoshop CS