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:



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



Gradient’s parameters:

 



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).



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.



The layer’s parameters: Blending Options>Drop Shadow



Blending Options>Bevel and Emboss



Blending Options>Gradient Overlay



Gradient’s parameters:

•  

•    

•  

 

Post Pages: 1 2 3 4 5 6