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 Website

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

Page: 1 2 3 4 5 6

Comments