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!