Illustrated designs

Stylish WebStudio Web Layout

Stylish WebStudio Web Layout - part 1
A complete tutorial on how to make a stylish webstudio web layout.

Begin by creating a new file (File>New) with 800x600 px and 72 dpi. Using the Paint Bucket Tool (G), paint it out in here showed color: # E2C89F.

Create Stylish WebStudio Web Layout in Photoshop CS

Next we need to take the Rectangle Tool (U) to create the layer designed for the site’s sections, which color is the same with the background’s one. The shape may be corrected with Convert Point Tool. We’ll add one more top with Add Anchor Point Tool.

Create Stylish WebStudio Web Layout in Photoshop CS

The layer’s parameters:
Blending Options>Drop Shadow

Create Stylish WebStudio Web Layout in Photoshop CS

Blending
Options>Stroke


Create Stylish WebStudio Web Layout in Photoshop CS

Create Stylish WebStudio Web Layout in Photoshop CS

Create a new layer. After that we’ll represent the shadow under the sections’ layer. Using firstly the Brush Tool (B), try to make a patch of black color and then applying the Smudge Tool (R) we’ll blur out the patch from the right side to the left one. The Eraser Tool (E) will be helpful in erasing the unnecessary elements.

Create Stylish WebStudio Web Layout in Photoshop CS

Create Stylish WebStudio Web Layout in Photoshop CS



Pages: « Back  1 2 3 4 5 6 7 8 9 10 11  Next » 

Popular Tutorials

Create a professional design studio layout in Photoshop CS3Create Stylish web navigation template in Photoshop CS3Create Portfolio Web Layout in Photoshop CSCreate Professional Design Studio Web Layout in Photoshop CSCreate Online Photo Portfolio in Photoshop CS3Create Web Page Design Layout in Photoshop CS3Create Creative Arts Studio Web Site Layout in Photoshop CS3Create Modern Web Layout in Photoshop CSCreate Web layout for Night Club web site in Photoshop CSCreate Stylish WebStudio Web 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



You Recently Viewed...

No popular authors found.
No popular articles found.