Hosting Company Web Layout


Hosting Company Web Layout

Open a new file that would have 766×620 px and 72 dpi. Paint it in this color: 3D4959.

Hosting Company Web Layout

Select now this instrument

Hosting Company Web Layout

to choose the corresponding cliché form the next table out of which we’ll create the lowest layer for the menu’s button.

Hosting Company Web Layout

Fill 0% on the layers.

Hosting Company Web Layout

Blending Options-Gradient Overlay

Hosting Company Web Layout

Gradient’s parameters:

Hosting Company Web Layout

Copy the last created layer and select Free Transform option to make it smaller a little and place it inside the previous layer.

Hosting Company Web Layout

Fill 0% on the layers:
Blending Options-Inner Shadow

Hosting Company Web Layout

Blending Options-Gradient Overlay

Hosting Company Web Layout

Gradient’s parameters:

Hosting Company Web Layout

Blending Options-Stroke

Hosting Company Web Layout

Take the next tool

Hosting Company Web Layout

now and represent the inside gradient colored in 3B6E05.

Hosting Company Web Layout

Make a mouse click on that you may see below:

Hosting Company Web Layout

Apply now this option

Hosting Company Web Layout

, like it is shown here:

Hosting Company Web Layout
Hosting Company Web Layout

Combine now all the layers composing the button in a group. Copy this created group three times and place everything the way it is done below: Change the colors on different ones in the groups’ layers for each of the button.

Hosting Company Web Layout

The yellow button
The lowest layer
Blending Options-Gradient Overlay

Hosting Company Web Layout

Gradient’s parameters:

Hosting Company Web Layout

The interior layer:
Blending Options-Inner Shadow

Hosting Company Web Layout

Blending Options-Gradient Overlay

Hosting Company Web Layout

Gradient’s parameters:

Hosting Company Web Layout

Blending Options-Stroke

Hosting Company Web Layout

The main color designed for painting the upper layer is C8760C.
The red button
The lowest layer
Blending Options-Gradient Overlay

Hosting Company Web Layout

Gradient’s parameters:

Hosting Company Web Layout

The interior layer
Blending Options-Inner Shadow

Hosting Company Web Layout

Blending Options-Gradient Overlay

Hosting Company Web Layout

Gradient’s parameters:

Hosting Company Web Layout

Blending Options-Stroke

Hosting Company Web Layout

The main color for the gradient of the red button’s last layer is 9F1000.
The blue-dark button
The lowest layer
Blending Options-Gradient Overlay

Hosting Company Web Layout

Gradient’s parameters:

Hosting Company Web Layout

The interior layer
Blending Options-Inner Shadow

Hosting Company Web Layout

Blending Options-Gradient Overlay

Hosting Company Web Layout

Gradient’s parameters:

Hosting Company Web Layout

Blending Options-Stroke

Hosting Company Web Layout

The main color for the last layer’s gradient is 08549F. Take now the tool used at the beginning

Hosting Company Web Layout

to choose an appropriate cliché, that one chosen in the picture below:

Hosting Company Web Layout
Hosting Company Web Layout

Blending Options-Drop Shadow

Hosting Company Web Layout

Blending Options-Gradient Overlay

Hosting Company Web Layout

Gradient’s parameters:

Hosting Company Web Layout

Introduce now the site’s title keeping the demands form the table below:

Hosting Company Web Layout

hosting

Hosting Company Web Layout

Cоmpany

Hosting Company Web Layout

the best hosting solutions

Hosting Company Web Layout

Hosting Company’s effects:
Blending Options-Drop Shadow

Hosting Company Web Layout

Blending Options-Bevel and Emboss

Hosting Company Web Layout

Blending Options-Gradient Overlay

Hosting Company Web Layout

Gradient’s parameters:

Hosting Company Web Layout

Effect for the next expression: “the best hosting solutions”:
Blending Options-Bevel and Emboss

Hosting Company Web Layout

Blending Options-Gradient Overlay

Hosting Company Web Layout

Gradient’s parameters:

Hosting Company Web Layout

Draw now a dividing line between the words composing the site’s title, applying this tool

Hosting Company Web Layout
Hosting Company Web Layout

Blending Options-Gradient Overlay

Hosting Company Web Layout

Gradient’s parameters:

Hosting Company Web Layout

The last step includes introducing the titles for the site menu’s buttons.

Hosting Company Web Layout

Blending Options-Bevel and Emboss

Hosting Company Web Layout

Blending Options-Gradient Overlay

Hosting Company Web Layout

Gradient’s parameters:

Hosting Company Web Layout
Hosting Company Web Layout

The final result should be this one!