Open a new file with 760×795 px and 72 dpi. Use the next instrument
to mark out the same region from below. The parameters you may see next step.
Blending Options-Gradient Overlay
Gradient’s parameters:
Take this instrument
to create the lowest layer of the site to be with the sizes shown next picture.
Blending Options-Outer Glow
Blending Options-Stroke
Using the same instrument represent the lateral panel colored in EDEDD9 with the parameters shown below.
Blending Options-Outer Glow
Blending Options-Stroke
Apply the shown instrument
to represent several stripes colored in BEBEBE.
Apply the following tool
to create the interface text’s window of white color with the same sizes shown next step.
Blending Options-Stroke
Using the last instrument, it’s possible to represent a button colored in 4AA1A8 that must have the sizes from next picture.
Blending Options-Stroke
Take another tool now
and draw several pointers colored in 9F9F9F, like in this picture
Apply next instrument
now to represent the lowest frame that must have the following parameters:
Blending Options-Outer Glow
Blending Options-Stroke
Using the previous tool, it’s possible to create the web-site’s header. The parameters are the next ones:
Blending Options-Gradient Overlay
Gradient’s parameters:
Applying the same instrument, represent now the basis for the future header’s buttons. Keep the same sizes shown below.
Blending Options-Inner Glow
Blending Options-Gradient Overlay
Gradient’s parameters:
Blending Options-Stroke
Make use of the next tool
to represent one more button with the same sizes from the picture that you may see below.
Blending Options-Inner Glow
Blending Options-Gradient Overlay
Gradient’s parameters:
Blending Options-Stroke
Use the next tool
to draw several white vertical stripes, exactly the way it is demonstrated below:
Using this instrument
, create a dividing part of the header that must have this color – 777777 and the parameters shown next step.
Blending Options-Stroke
Copy this new made layer 3 times. One copy must be stretched out horizontally with Free Transform option.
The second and the third copies must be compressed horizontally too with Free Transform option (the same size). Place them like it is demonstrated in the next image.
Add now the text that includes the site’s name, keeping the type, size and the color from the next table.
Add more text under the site’s name, keeping again the type, size and the color.
Continue with introducing the text on the lowest frame, but keep the demands from the next table.
Now you may insert the text on the header’s buttons, keeping the type, size and the color from the table.
Add now the text on the dividers’ names on the lateral panel. Be attentive with the demands.
Introduce now the text on the web-site’s divisions, keeping the type, size and the color.
Add now the heading text on the central and the right panels, keeping the same demands requested in the table below.
As a result we must get the next image:
The final result!