Illustrated designs

Website Design Studio

Website Design Studio - part 1
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 800x600 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



Pages: « Back  1 2 3 4 5 6  Next » 

Popular Tutorials

Create Portfolio Web Layout in Photoshop CSCreate Creative Arts Studio Web Site Layout in Photoshop CS3Create Professional Design Studio Web Template in Photoshop CSCreate Design Studio Website in Photoshop CS3Create a professional design studio layout in Photoshop CS3Create Photo Portfolio Web Page Layout in Photoshop CS3Create Online Photo Portfolio in Photoshop CS3Create Design Studio Website in Photoshop CS3Create Creative Studio Web Page in Photoshop CS3Create Personal Site Layout in Photoshop CS

Latest Tutorials

Design grunge wordpress theme in Adobe Photoshop CS4Create contemporary web layout for your design studio in Adobe Photoshop CS4Create a trendy portfolio layout in Adobe Photoshop CS4Create a clean Freelancer portfolio layout in Adobe Photoshop CS3Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Subscribe via RSS



No popular authors found.
No popular articles found.