Design Studio Layout

June 6th, 2007 by ART-D Posted in Adobe Photoshop, Web Layout

Using the same Rounded Rectangle Tool (U), we need to represent now the primary layer reserved for the menu’s buttons on the site’s header, colored in #065E91

Choosing the last instrument, represent next the button on the menu’s palette situated on the site’s header. The color is #0473AC

The layer’s parameters:
Blending Options>Bevel and Emboss

Blending Options>Stroke

Make four copies of the last made layer and select the Free Transform option to change the copies’ sizes, the way it is shown on the next picture:

Using the Ellipse Tool (U), draw now the primary layer of the site’s logotype that would have the color indicated here: #003F6E

The layer’s parameters:
Blending Options>Inner Shadow

Make a copy of the new made layer and select again Free Transform option to make smaller the copies, changing their parameters too.

The layer’s parameters:
Blending Options>Inner Glow

Blending Options>Bevel and Emboss

Blending Options>Gradient Overlay

Gradient’s parameters:

Write on the logotype the first letters that would compose the site’s name, having the demands for the inscription indicated in the next table:

The layer’s parameters:
Blending Options>Gradient Overlay

Gradient’s parameters:

Write the site’s title too:

(Design)

(Studio)

The layer’s parameters:
Blending Options>Gradient Overlay

Gradient’s parameters:

Insert the titles for the menu’s buttons, the name of the current page and the copyright, keeping the demands from the next table:

We need to insert the text in the corresponding section:

(the orange text)

(the basic text reserved for the sections)

The last stage includes adding pictures on our site:

The site is finished!

View full size here.

•  

•    

•  

 

Post Pages: 1 2

Tags: design, layer, Photoshop, portfolio, studio, style, web, Web Layout