Company Layout


Company Layout

Open a new file with 760×795 px and 72 dpi. Use the next instrument

Company Layout

to mark out the same region from below. The parameters you may see next step.

Company Layout

Blending Options-Gradient Overlay

Company Layout

Gradient’s parameters:

Company Layout

Take this instrument

Company Layout

to create the lowest layer of the site to be with the sizes shown next picture.

Company Layout

Blending Options-Outer Glow

Company Layout

Blending Options-Stroke

Company Layout

Using the same instrument represent the lateral panel colored in EDEDD9 with the parameters shown below.

Company Layout

Blending Options-Outer Glow

Company Layout

Blending Options-Stroke

Company Layout

Apply the shown instrument

Company Layout

to represent several stripes colored in BEBEBE.

Company Layout

Apply the following tool

Company Layout

to create the interface text’s window of white color with the same sizes shown next step.

Company Layout

Blending Options-Stroke

Company Layout

Using the last instrument, it’s possible to represent a button colored in 4AA1A8 that must have the sizes from next picture.

Company Layout

Blending Options-Stroke

Company Layout

Take another tool now

Company Layout

and draw several pointers colored in 9F9F9F, like in this picture

Company Layout
Company Layout

Apply next instrument

Company Layout

now to represent the lowest frame that must have the following parameters:

Company Layout

Blending Options-Outer Glow

Company Layout

Blending Options-Stroke

Company Layout

Using the previous tool, it’s possible to create the web-site’s header. The parameters are the next ones:

Company Layout

Blending Options-Gradient Overlay

Company Layout

Gradient’s parameters:

Company Layout

Applying the same instrument, represent now the basis for the future header’s buttons. Keep the same sizes shown below.

Company Layout

Blending Options-Inner Glow

Company Layout

Blending Options-Gradient Overlay

Company Layout

Gradient’s parameters:

Company Layout

Blending Options-Stroke

Company Layout

Make use of the next tool

Company Layout

to represent one more button with the same sizes from the picture that you may see below.

Company Layout

Blending Options-Inner Glow

Company Layout

Blending Options-Gradient Overlay

Company Layout

Gradient’s parameters:

Company Layout

Blending Options-Stroke

Company Layout

Use the next tool

Company Layout

to draw several white vertical stripes, exactly the way it is demonstrated below:

Company Layout

Using this instrument

Company Layout

, create a dividing part of the header that must have this color – 777777 and the parameters shown next step.

Company Layout

Blending Options-Stroke

Company Layout

Copy this new made layer 3 times. One copy must be stretched out horizontally with Free Transform option.

Company Layout

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.

Company Layout

Add now the text that includes the site’s name, keeping the type, size and the color from the next table.

Company Layout
Company Layout

Add more text under the site’s name, keeping again the type, size and the color.

Company Layout
Company Layout

Continue with introducing the text on the lowest frame, but keep the demands from the next table.

Company Layout
Company Layout

Now you may insert the text on the header’s buttons, keeping the type, size and the color from the table.

Company Layout
Company Layout

Add now the text on the dividers’ names on the lateral panel. Be attentive with the demands.

Company Layout
Company Layout

Introduce now the text on the web-site’s divisions, keeping the type, size and the color.

Company Layout
Company Layout
Company Layout

Add now the heading text on the central and the right panels, keeping the same demands requested in the table below.

Company Layout
Company Layout

As a result we must get the next image:

Company Layout

The final result!