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!

Website Design Studio

Learn how to create a professional website design studio. A step by step guide to creating a professional web layout.

Begin your work by creating a new file (File>New), having 800×600 px and 72 dpi

Next we shall select the Rectangle Tool (U) to create the background of the web site page to be.

Create Design Studio Website in Photoshop CS3

Set the next parameters for the layer by clicking on this layer on the layers’ palette.
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

Choose the previous tool to represent a thin stripe of white color.

Create Design Studio Website in Photoshop CS3

Select then the Pen Tool (P) to draw a ray like the next one:

Create Design Studio Website in Photoshop CS3

Use the same tool to draw several more rays:

Create Design Studio Website in Photoshop CS3

Set for the layers the same parameters shown below: Fill 0%
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 should use the Rounded Rectangle Tool (U) (radius of 35 px) to represent the body, applying the white color also:

Create Design Studio Website in Photoshop CS3

Page: 1 2 3 4 5 6

Comments