Professional Web Layout for Business Solutions


Professional Web Layout for Business Solutions

Make a stylish and clean professional layout for your Business Solutions site.

Create a new file with 766×792 px and 72 dpi. Paint it in this shown color: 6D6D6D.

Professional Web Layout for Business Solutions

Select now this instrument

Professional Web Layout for Business Solutions

and represent the lowest layer of the site’s panel, colored in white.

Professional Web Layout for Business Solutions

Blending Options-Drop Shadow

Professional Web Layout for Business Solutions

Using the previous instrument, it’s possible to represent one more layer, this time for the site’s section.

Professional Web Layout for Business Solutions

Blending Options-Drop Shadow

Professional Web Layout for Business Solutions

Blending Options-Gradient Overlay

Professional Web Layout for Business Solutions

Gradient’s parameters:

Professional Web Layout for Business Solutions

Blending Options-Stroke

Professional Web Layout for Business Solutions

Take the same instrument used before and represent the continuation of the already made layer.

Professional Web Layout for Business Solutions

Blending Options-Gradient Overlay

Professional Web Layout for Business Solutions

Gradient’s parameters:

Professional Web Layout for Business Solutions

Blending Options-Stroke

Professional Web Layout for Business Solutions

Using the same instrument

Professional Web Layout for Business Solutions

, create now the panel for the menu’s buttons situated on the site’s header.

Professional Web Layout for Business Solutions

Blending Options-Gradient Overlay

Professional Web Layout for Business Solutions

Gradient’s parameters:

Professional Web Layout for Business Solutions

Blending Options-Stroke

Professional Web Layout for Business Solutions

Apply the following instrument now

Professional Web Layout for Business Solutions

to draw a divider between the menu’s buttons. It must be painted in white.

Professional Web Layout for Business Solutions
Professional Web Layout for Business Solutions

Blending Options-Drop Shadow

Professional Web Layout for Business Solutions

Make three copies of the recently made layer and place them exactly like in the following picture.

Professional Web Layout for Business Solutions

Insert the buttons’ titles now, keeping the demands shown in the table situated below:

Professional Web Layout for Business Solutions
Professional Web Layout for Business Solutions

Blending Options-Drop Shadow

Professional Web Layout for Business Solutions

Take now the known instrument already

Professional Web Layout for Business Solutions

that will help us to create that special window of the searching system. It will have the white color too.

Professional Web Layout for Business Solutions

Blending Options-Stroke

Professional Web Layout for Business Solutions

Select the same instrument and try to represent the button of the searching system that will have the white color too.

Professional Web Layout for Business Solutions

Introduce now the title for the searching system window:

Professional Web Layout for Business Solutions

(the window’s title)

Professional Web Layout for Business Solutions

(the button’s title)

Professional Web Layout for Business Solutions

Insert the site’s name now:

Professional Web Layout for Business Solutions

(business solutions)

Professional Web Layout for Business Solutions

(providing best solutions)

Professional Web Layout for Business Solutions

Blending Options-Drop Shadow

Professional Web Layout for Business Solutions

Make use of another instrument shown here

Professional Web Layout for Business Solutions

to create the basis for the site’s logotype that will have the color FC9200.

Professional Web Layout for Business Solutions

Blending Options-Stroke

Professional Web Layout for Business Solutions

Select the following instrument

Professional Web Layout for Business Solutions

to choose from the table inserted here that special cliché shown in this table:

Professional Web Layout for Business Solutions

Of white color

Professional Web Layout for Business Solutions

Blending Options-Drop Shadow

Professional Web Layout for Business Solutions

Insert now the photo on the site’s header:

Professional Web Layout for Business Solutions

Blending Options-Inner Shadow

Professional Web Layout for Business Solutions

Take the next tool

Professional Web Layout for Business Solutions

to represent a shadow stripe on the bottom of the site’s section:

Professional Web Layout for Business Solutions

Blending Options-Gradient Overlay

Professional Web Layout for Business Solutions

Gradient’s parameters:

Professional Web Layout for Business Solutions

Take this instrument

Professional Web Layout for Business Solutions

and draw a continuous line reserved for the title of the site’s section.

Professional Web Layout for Business Solutions
Professional Web Layout for Business Solutions

Make a copy of the recently made layer and place it the same way it is shown in the next picture.

Professional Web Layout for Business Solutions

Take next the photo like that one indicated here and place it under the stripes.

Professional Web Layout for Business Solutions

Blending Options-Stroke

Professional Web Layout for Business Solutions

Insert the titles for the site’s sections:

Professional Web Layout for Business Solutions

(company, services)

Professional Web Layout for Business Solutions

(profile, overview)

Professional Web Layout for Business Solutions

Insert also the text in the site’s sections:

Professional Web Layout for Business Solutions

(the text of the green color)

Professional Web Layout for Business Solutions

(the rest of the text)

Professional Web Layout for Business Solutions

Add to this text a little more.

Professional Web Layout for Business Solutions
Professional Web Layout for Business Solutions

Select the next instrument

Professional Web Layout for Business Solutions

and represent three triangles colored in 858687.

Professional Web Layout for Business Solutions
Professional Web Layout for Business Solutions

Take the following tool again

Professional Web Layout for Business Solutions

and create this time two parallel stripes

Professional Web Layout for Business Solutions
Professional Web Layout for Business Solutions

Make a copy of the new made layer and place everything the way it is shown in this picture.

Professional Web Layout for Business Solutions

Insert the text of the news.

Professional Web Layout for Business Solutions

(the date)

Professional Web Layout for Business Solutions

(the text of the yellow color)

Professional Web Layout for Business Solutions

(the rest of the text)

Professional Web Layout for Business Solutions

Write now the titles of the sections (NEWS&EVENTS, ADRESSES)

Professional Web Layout for Business Solutions
Professional Web Layout for Business Solutions

Blending Options-Drop Shadow

Professional Web Layout for Business Solutions

(Fill the address’s section)

Professional Web Layout for Business Solutions

(the yellow text)

Professional Web Layout for Business Solutions

(the white text)

Professional Web Layout for Business Solutions

The final result should be this one!