Online Consulting Layout

Online Consulting Layout
Online Consulting Layout
Create modern web layout for a consulting company.

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

Online Consulting Layout

Using the indicated here instrument

Online Consulting Layout

, it’s possible to create the lowest layer for the site’s section, colored in 223642.

Online Consulting Layout

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:

Online Consulting Layout

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.

Online Consulting Layout

Take now the following instrument

Online Consulting Layout

and represent the lowest layer reserved for the site’s header.

Online Consulting Layout

Blending Options-Gradient Overlay

Online Consulting Layout

Gradient’s parameters:

Online Consulting Layout

Select the next tool

Online Consulting Layout

and draw a thin stripe colored in C1C8CC, along the lowest part of the site’s header. Apply then the next instrument

Online Consulting Layout

for operating with the corners.

Online Consulting Layout
Online Consulting Layout

Insert now the names for the site’s sections.

Online Consulting Layout
Online Consulting Layout

Blending Options-Drop Shadow

Online Consulting Layout

Then introduce the photos on the site’s sections.

Online Consulting Layout

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

Online Consulting Layout

Blending Options-Stroke

Online Consulting Layout

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

Online Consulting Layout

(Bold text)

Online Consulting Layout

(The rest of the text)

Online Consulting Layout

Using the next instrument

Online Consulting Layout

, try to make the necessary steps for representing the menu’s button on the site’s header.

Online Consulting Layout

Blending Options-Drop Shadow

Online Consulting Layout

Blending Options-Gradient Overlay

Online Consulting Layout

Gradient’s parameters:

Online Consulting Layout

Blending Options-Stroke

Online Consulting Layout
Online Consulting Layout

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

Online Consulting Layout

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

Online Consulting Layout

Blending Options-Gradient Overlay (for the orange button)

Online Consulting Layout

Gradient’s parameters:

Online Consulting Layout

Blending Options-Gradient Overlay (for the green button)

Online Consulting Layout

Gradient’s parameters:

Online Consulting Layout

Blending Options-Gradient Overlay (for the blue button)

Online Consulting Layout

Gradient’s parameters:

Online Consulting Layout

Blending Options-Gradient Overlay (for the violet button)

Online Consulting Layout

Gradient’s parameters:

Online Consulting Layout

Take then this instrument

Online Consulting Layout

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)

Online Consulting Layout
Online Consulting Layout

Blending Options-Gradient Overlay (the violet one)

Online Consulting Layout

Gradient’s parameters:

Online Consulting Layout

Blending Options-Gradient Overlay (the blue one)

Online Consulting Layout

Gradient’s parameters:

Online Consulting Layout

Blending Options-Gradient Overlay (the green one)

Online Consulting Layout

Gradient’s parameters:

Online Consulting Layout

Blending Options-Gradient Overlay (the orange one)

Online Consulting Layout

Gradient’s parameters:

Online Consulting Layout

Write the titles for the menu’s buttons.

Online Consulting Layout
Online Consulting Layout

Blending Options-Drop Shadow

Online Consulting Layout

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

Online Consulting Layout

(online)

Online Consulting Layout

(consulting)

Blending Options-Drop Shadow

Online Consulting Layout
Online Consulting Layout

The final result!

View full size here.