Design Studio Website

March 17th, 2008 by ART-D Posted in Adobe Photoshop, Web Layout

A step by step guide to creating a professional web layout with a dark theme for Web Design Studios.

Create a new file (File>New), having 780×700 dpi and 72 dpi

Next we shall use the Rectangle Tool (U) to represent the background of the site’s page to be next:

Create Design Studio Website in Photoshop CS3

Select next shown parameters for the made layer by making a mouse click on this layer on the layers’ panel: Blending Options>Gradient Overlay

Create Design Studio Website in Photoshop CS3

Gradient’s parameters:

Create Design Studio Website in Photoshop CS3 

Create Design Studio Website in Photoshop CS3

Now we shall draw a small stripe on the page’s top, colored with #1B1B1B. In this case we’ll use the same Rectangle Tool (U).

Create Design Studio Website in Photoshop CS3

Next we’ll represent the site’s header, applying the Rounded Rectangle Tool (U) with a radius of 10 px. Firstly we need to represent the basic layer and then press Alt button to cut out with the same tool the zone reserved for the menu’s buttons.

Create Design Studio Website in Photoshop CS3

The layer’s parameters: Blending Options>Drop Shadow

Create Design Studio Website in Photoshop CS3

Blending Options>Bevel and Emboss

Create Design Studio Website in Photoshop CS3

Blending Options>Gradient Overlay

Create Design Studio Website in Photoshop CS3

Gradient’s parameters:

Create Design Studio Website in Photoshop CS3

  •  

  •    
  •  

 

Post Pages: 1 2 3 4 5 6

  • sawebdesigns

    10/05/2011

    This really cool great tutorial thanks

  • Muddaser

    31/01/2012

    AWW PLEASE MAKE IT BIT EASIER

  • rony

    21/09/2012

    thanks for tutorial

You can enter our ccent practice exam and 642-374 dumps training sessions for guaranteed pass exams,after achiving success in E20-361 dumps,JN0-101 and LX0-101,you can get a tremendous job.