Design studio - web page layout

September 5th, 2008 by ART-D Posted in Adobe Photoshop, Web Layout

Introduce the text, having the next shown parameters for the top line.

Create a professional design studio layout in Photoshop CS3

… and then the lowest one.

Create a professional design studio layout in Photoshop CS3

Both lines of the text have the same parameters, shown next table:
Blending Options>Drop Shadow 

Create a professional design studio layout in Photoshop CS3 

Blending Options>Outer Glow

Create a professional design studio layout in Photoshop CS3

Next we need to insert the button title, reserved for the menu.

Create a professional design studio layout in Photoshop CS3

Set the next text’s parameters and Blending Options.

Create a professional design studio layout in Photoshop CS3 

Blending Options>Drop Shadow

Create a professional design studio layout in Photoshop CS3 

Blending Options>Gradient Overlay

Create a professional design studio layout in Photoshop CS3 

Gradient Editor

Create a professional design studio layout in Photoshop CS3

You must get the next result:

Create a professional design studio layout in Photoshop CS3

Now it’s time to insert the information about the design studio.

Create a professional design studio layout in Photoshop CS3

You may see below the parameters reserved for the title:

Create a professional design studio layout in Photoshop CS3

… and the parameters for the rest of the text:

Create a professional design studio layout in Photoshop CS3 

Create a professional design studio layout in Photoshop CS3

Creating the web site came to end!

View full size here.

Post Pages: 1 2 3

  • clippingimages

    09.05.08

    WoW :) Awesome tutorials. Thanks for sharing this nice post.