Stylish Business WebLayout


Stylish Business WebLayout

First you should open a new file with 703×655 px and 72 dpi. Paint now the background with the next tool

Stylish Business WebLayout

. The color must be this one: 8C8C8C.

Stylish Business WebLayout

Get to create now the site’s header. It’s necessary to take this instrument

Stylish Business WebLayout

Radius- 5px. Create now an element colored in F7F5F3. The right lowest corner must be stretched out downwards along the diagonal with this instrument

Stylish Business WebLayout
Stylish Business WebLayout

Set next adjustments in Blending Options.

Stylish Business WebLayout

Use Create Layer option now by clicking on the right mouse’s button on the layers. After that, the shadow will come off from the basic layer and we’ll have a separate one.

Stylish Business WebLayout

Move the shadow’s layer and turn it around with Free Transform option. The unnecessary bounds must be erased with the usual instrument

Stylish Business WebLayout

.

Stylish Business WebLayout

Create now above all this a figure painted in white, like you may see in the picture, with next instrument

Stylish Business WebLayout

. Fill 30% on the layer. Click on the Alt button now and keep it pressed when directing the mouse in the layers’ window, between the upper one and the layer under it. Click on it. This way the upper layer will get the shape of the lowest layer.

Stylish Business WebLayout

Place those two decorative buttons. They may be drawn with this instrument

Stylish Business WebLayout

.

Stylish Business WebLayout

1. Represent now a black circle with Blending Options adjustments, as you may see on the picture.

Stylish Business WebLayout
Stylish Business WebLayout

2. Create now a white smaller circle and press on Alt button to create a cutting circle.
Apply the Create Layer option to the circle to get a separate shadow and to place it the same way it is demonstrated below.

Stylish Business WebLayout

Create the logotype now.

Stylish Business WebLayout

The large text has the next parameters:

Stylish Business WebLayout

The color’s code is FF7800.

Stylish Business WebLayout
Stylish Business WebLayout

The smaller text that is situated under the biggest one:

Stylish Business WebLayout
Stylish Business WebLayout

Get to represent the Menu now.
Choose the instrument

Stylish Business WebLayout

Radius -5px, and create the button that you may see below.

Stylish Business WebLayout

Copy it and place under the header, as you may see below.

Stylish Business WebLayout

The Blending Options parameters are the same for all the buttons, except gradient.

Stylish Business WebLayout
Stylish Business WebLayout

The parameters for all the gradients:

Stylish Business WebLayout

Apply again the Create Layer option to all the buttons and place a separate shadow the way it is shown below.

Stylish Business WebLayout

Write now the buttons’ names. The text’s parameters are shown in the next table:

Stylish Business WebLayout
Stylish Business WebLayout
Stylish Business WebLayout

Place the photo now and place it exactly under the layer next to the last one.

Stylish Business WebLayout

In the end you must place the text on the photo.

Stylish Business WebLayout
Stylish Business WebLayout
Stylish Business WebLayout

We’ve got a web-site like this one!