In this tutorial you will learn how to design an unusual web layout.

Create a new file that must have the next dimensions: 760x550 px and 72 dpi. After that it should be painted in the shown here color?s code: 181818.



Now we have to take the following instrument and represent the lowest layer reserved for the menu?s buttons.





Blending Options-Gradient Overlay



Gradient?s parameters:

Select the previous instrument to create this time the basis for the menu?s buttons:





Blending Options-Inner Glow



Blending Options-Gradient Overlay



Gradient?s parameters:

Now we have to make three copies of the recently made layer, but we have to change also the parameters for each figure?s color, like it is demonstrated in the picture below:



The parameters of the Orange figure:
Blending Options-Inner Glow



Blending Options-Gradient Overlay



Gradient?s parameters:



The parameters of the Red figure:
Blending Options-Inner Glow

Blending Options-Gradient Overlay



Gradient?s parameters:



The parameters of the Green element:
Blending Options-Inner Glow



Blending Options-Gradient Overlay



Gradient?s parameters:

Take now the next tool and create four elements of 4x4 px, having the colors from below:
The Orange ? E97714:



The Red one ? BB1E27:



The Green element ? 47B81E:



The Blue element- 3074C5:



Save each of these elements.

Make use now of the following instrument to create a layer designed for the button?s indicator, colored in 0A9DE3.



Blending Options-Outer Glow



Blending Options-Inner Glow



Blending Options-Pattern Overlay



Make three copies of the new made layer and change the parameters of the copies.

The parameters of the Orange button:
Blending Options-Outer Glow



Blending Options-Inner Glow



Blending Options-Pattern Overlay



The parameters of the Red button:
Blending Options-Outer Glow



Blending Options-Inner Glow

Blending Options-Pattern Overlay



The parameters of the Green button:
Blending Options-Outer Glow



Blending Options-Inner Glow



Blending Options-Pattern Overlay



Select now this instrument to choose from the table below the figures we need, for ex. those indicated with red color.

Place the clich?s on each button, having the appropriate color:
The Blue one ? 63B0E6
The Orange one ? EDC361
The Red one ? E4525C
The Green one ? 8FDE5A

On the layers of each clich? we should have

Blending Options-Drop Shadow (each of the clich?s)



Copy the earlier created first layer of the button and take the instrument from here to erase the unnecessary tops on the bottom. The following instrument will be helpful in making the correction on the shapes.



Make three copies of the recently made layer.



Fill 0% on the layers.
Blending Options-Gradient Overlay



Gradient?s parameters:

Insert now the titles for the menu?s buttons:





Blending Options-Drop Shadow



The last step includes creating the site?s logotype, but first we have to write the name of it.



(online investing)



(we revard your experience)

Then the site?s logotype:
Take now the instrument again to choose the appropriate clich? of white color from the table below



Blending Options-Drop Shadow

Finished!

View full size here.