Online Consulting Layout

Create modern web layout for a consulting company.

Create a new file that must have 766x500 px and 72 dpi. Paint it the next shown color ? 354C5B.



Using the indicated here instrument , it?s possible to create the lowest layer for the site?s section, colored in 223642.



Copy the new made layer two times and make use of Free Transform selection to change the parameters for each of the copies, the way it is shown below:



Applying the last instrument, create the layers, designed for entitling the site?s sections. Their color should be 596B77. The layers should be placed on the upper parts of the site?s sections.



Take now the following instrument and represent the lowest layer reserved for the site?s header.

Blending Options-Gradient Overlay



Gradient?s parameters:



Select the next tool and draw a thin stripe colored in C1C8CC, along the lowest part of the site?s header. Apply then the next instrument for operating with the corners.





Insert now the names for the site?s sections.

Blending Options-Drop Shadow



Then introduce the photos on the site?s sections.



The parameters for all the photos are the same.
Blending Options-Inner Glow



Blending Options-Stroke

The site?s sections must be filled with the necessary text, but be attentive on the demands you have in the next presented tables.



(Bold text)



(The rest of the text)



Using the next instrument , try to make the necessary steps for representing the menu?s button on the site?s header.



Blending Options-Drop Shadow

Blending Options-Gradient Overlay



Gradient?s parameters:



Blending Options-Stroke





Make a copy of this new made layer and place it the same way it is indicated in the next picture.

Select the previous instrument also to create inside each of the preliminary button a colored gradient.



Blending Options-Gradient Overlay (for the orange button)



Gradient?s parameters:



Blending Options-Gradient Overlay (for the green button)



Gradient?s parameters:

Blending Options-Gradient Overlay (for the blue button)



Gradient?s parameters:



Blending Options-Gradient Overlay (for the violet button)



Gradient?s parameters:



Take then this instrument and draw by a flare on each colored gradient (make by a copy for each of the buttons and change the parameters, according to the button?s color and its parameters)

Blending Options-Gradient Overlay (the violet one)



Gradient?s parameters:



Blending Options-Gradient Overlay (the blue one)



Gradient?s parameters:

Blending Options-Gradient Overlay (the green one)



Gradient?s parameters:



Blending Options-Gradient Overlay (the orange one)



Gradient?s parameters:



Write the titles for the menu?s buttons.

Blending Options-Drop Shadow



Insert then the name of our site, keeping the demands from the table below for each of the words:



(online)



(consulting)

Blending Options-Drop Shadow

The final result!

View full size here.