Open a new file having 770×720 px and 72 dpi. Paint its background with 444444.

Blending Options-Bevel and Emboss

Texture

Choose the tool shown here

to represent the primary layer of the site to be.

Blending Options-Gradient Overlay

Gradient’s parameters:

Select the previous instrument to represent one more layer for the central site’s panel:

Blending Options-Gradient Overlay

Gradient’s parameters:

Using the last instrument, try to represent one more layer designed this time for a site’s section. It should have the white color.

Fill 10% on the layers
Select the next tool

to create the basis for the logotype to be next.

Blending Options-Gradient Overlay

Gradient’s parameters:

Blending Options-Stroke

Choose the instrument from here

to dark out a part of the layer, reserved for the logotype.

Blending Options-Gradient Overlay

Gradient’s parameters:

We have to represent now the menu’s button on the site’s header the same way we have represented the logotype’s layer:

Blending Options-Gradient Overlay

Gradient’s parameters:

Blending Options-Stroke

The darkening is represented with the next instrument

Blending Options-Gradient Overlay

Gradient’s parameters:

For your convenience, we should merge down in a group all the layers composing the menu’s button. Copy the group four times and change the parameters of each copy.

The parameters for the green copy:
The first layer:
Blending Options-Gradient Overlay

Gradient’s parameters:

Blending Options-Stroke

The second layer:
Blending Options-Gradient Overlay

Gradient’s parameters:

The parameters for the blue one:
The first layer:
Blending Options-Gradient Overlay

Gradient’s parameters:

Blending Options-Stroke

The second layer:
Blending Options-Gradient Overlay

Gradient’s parameters:

The parameters of the green – light one:
The first layer:
Blending Options-Gradient Overlay

Gradient’s parameters:

Blending Options-Stroke

The second layer:
Blending Options-Gradient Overlay

Gradient’s parameters:

The parameters of the blue – dark one:
The first layer:
Blending Options-Gradient Overlay

Gradient’s parameters:

Blending Options-Stroke

The second layer:
Blending Options-Gradient Overlay

Gradient’s parameters:

Insert now the titles for the menu’s buttons, keeping the demands from the table shown below:

Blending Options-Drop Shadow (is the same for all the inscriptions)

Insert the logotype of the site, being attentive with the inscriptions too:

(design)

(studio)

Fill the site’s section with the necessary text:
The demands for the title:

(welcome to company)

(website!)
The demands for the section’s text:

Using the instrument

, represent a vertical pointed line, having the color 7AAA36.

Make a copy of the recently drawn line and place it the same way it is indicated in the next picture:

Using the same instrument, try to represent an indicator colored with 9BB23C.

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

Insert the pictures in the site’s section:

Blending Options-Stroke

Introduce the titles of the site’s sections, keeping the demands from this table:

Insert the text in the site’s sections:

We have to represent now the stripes on the menu’s panel, selecting the instrument

. Represent firstly the horizontal one colored with 666666.

Represent after that with the same instrument the vertical dividing line:

Blending Options-Gradient Overlay

Gradient’s parameters:

Make four copies of the new made layer and place all of them the same way it is shown below:

The final result is this one!