Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Design Studio 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

Create Design Studio Layout in Photoshop CS2

Create Design Studio Layout in Photoshop CS2

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

Create Design Studio Layout in Photoshop CS2

Create Design Studio Layout in Photoshop CS2

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

Create Design Studio Layout in Photoshop CS2

Blending Options>Stroke

Create Design Studio Layout in Photoshop CS2Create Design Studio Layout in Photoshop CS2

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:

Create Design Studio Layout in Photoshop CS2

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

Create Design Studio Layout in Photoshop CS2

The layer’s parameters:
Blending Options>Inner Shadow

Create Design Studio Layout in Photoshop CS2

Create Design Studio Layout in Photoshop CS2

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

Create Design Studio Layout in Photoshop CS2

The layer’s parameters:
Blending Options>Inner Glow

Create Design Studio Layout in Photoshop CS2Blending Options>Bevel and Emboss

Create Design Studio Layout in Photoshop CS2

Blending Options>Gradient Overlay

Create Design Studio Layout in Photoshop CS2

Gradient’s parameters:

Create Design Studio Layout in Photoshop CS2

Create Design Studio Layout in Photoshop CS2

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:

Create Design Studio Layout in Photoshop CS2

Create Design Studio Layout in Photoshop CS2

The layer’s parameters:
Blending Options>Gradient Overlay

Create Design Studio Layout in Photoshop CS2Gradient’s parameters:

Create Design Studio Layout in Photoshop CS2

Create Design Studio Layout in Photoshop CS2

Write the site’s title too:

Create Design Studio Layout in Photoshop CS2

(Design)

Create Design Studio Layout in Photoshop CS2

(Studio)

Create Design Studio Layout in Photoshop CS2

The layer’s parameters:
Blending Options>Gradient Overlay

Create Design Studio Layout in Photoshop CS2

Gradient’s parameters:

Create Design Studio Layout in Photoshop CS2Create Design Studio Layout in Photoshop CS2

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

Create Design Studio Layout in Photoshop CS2

Create Design Studio Layout in Photoshop CS2

We need to insert the text in the corresponding section:

Create Design Studio Layout in Photoshop CS2

(the orange text)

Create Design Studio Layout in Photoshop CS2

(the basic text reserved for the sections)

Create Design Studio Layout in Photoshop CS2

The last stage includes adding pictures on our site:

Create Design Studio Layout in Photoshop CS2

The site is finished!

View full size here.

Page: 1 2

Comments