Graphic Design Studio Web Layout


A simple and professional design studio layout.

Create a new file with 766×700 dpi and select the Rectangle Tool (U) to represent the background of the picture to be next:

Graphic Design Studio Web Layout

Blending Options-Gradient Overlay

Graphic Design Studio Web Layout

Gradient’s parameters:

Graphic Design Studio Web Layout

Select the Pen Tool (P) to represent twenty rays, having a triangle shape.

Graphic Design Studio Web Layout
Graphic Design Studio Web Layout

All of them have the same parameters:
Blending Options-Color Overlay

Graphic Design Studio Web Layout

For our convenience, we have to merge down in a group all the rays and set the Blending Mode to Soft Light for this group.

Graphic Design Studio Web Layout

Download from http://www.deviantart.com brushes evil_bloodsplat. Place them on the next directory … Program FilesAdobeAdobe Photoshop CS2 PresetsBrushes.
Load them and select the Brush Tool (B). Click with the right mouse’s button on the picture and choose the next option:

Graphic Design Studio Web Layout

Load brushes.
Create a new layer now and apply the appropriate brush of white color on the layer, to get the same picture it is shown below:

Graphic Design Studio Web Layout

Using the Rectangle Tool (U), represent the lowest layer for the site’s panels, having the white color.

Graphic Design Studio Web Layout

Blending Options-Drop Shadow

Graphic Design Studio Web Layout

Using the same instrument, create one more layer reserved for the site’s sections, colored in 4A4A4A.

Graphic Design Studio Web Layout

Using the same Rectangle Tool (U), represent the layer reserved for the right and left halves of the site to be next.

Graphic Design Studio Web Layout

Blending Options-Gradient Overlay

Graphic Design Studio Web Layout

Gradient’s parameters:

Graphic Design Studio Web Layout

Applying a set of ready to use brushes, try to draw the drops, having the colors C34713 and BAE1FC.

Graphic Design Studio Web Layout

Select next the Line Tool (U) and represent a vertical dividing stripe, colored in 646464.

Graphic Design Studio Web Layout
Graphic Design Studio Web Layout

Make three copies of the new made layer and place them the way it is shown below:

Graphic Design Studio Web Layout

Write now the titles for the site’s menu’s buttons.

Graphic Design Studio Web Layout
Graphic Design Studio Web Layout

Select now the Custom Shape Tool (U) and choose the corresponding cliché from the table inserted here:

Graphic Design Studio Web Layout

Set the next color – 01C2EE.

Graphic Design Studio Web Layout
Graphic Design Studio Web Layout

Introduce now the site’s name:

Graphic Design Studio Web Layout

(Design)

Graphic Design Studio Web Layout

(Studio)

Graphic Design Studio Web Layout

(imagination is our power)

Graphic Design Studio Web Layout

The parameters for the text are the same in all cases:
Blending Options-Drop Shadow

Graphic Design Studio Web Layout

Insert the titles of the site’s sections, keeping te demands from the table below:

Graphic Design Studio Web Layout

(Latest news)

Graphic Design Studio Web Layout

(About company)

Graphic Design Studio Web Layout

(The software)

Graphic Design Studio Web Layout

The text’s parameters are the same also.
Blending Options-Drop Shadow

Graphic Design Studio Web Layout

Fill the site’s sections with the corresponding text:

Graphic Design Studio Web Layout

(This is a legal agreement…)

Graphic Design Studio Web Layout

(The software may be freely)

Graphic Design Studio Web Layout

Applying the Rectangle Tool (U), represent two layers designed to reflect the date of the news, colored in 00A1DC.

Graphic Design Studio Web Layout

Introduce the date on the earlier made layers:

Graphic Design Studio Web Layout

(26.03.07)

Graphic Design Studio Web Layout

The site is finished!