Categories

Partners
 
  • Photoshop Templates

  • Website Templates

  • Web Templates

  • Flash Web Sites

  • WordPress Templates

  • Free Ringtones

  • Free Stock Photos and Images

  • Photoshop

  • St. Louis LASIK | LASIK info

  • Load Cells

  • osCommerce Templates

  • Web Hosting


  • Website Templates
    Search


    Advanced Search


    Stylish WebStudio Web Layout
    Published  05/30/2007 | 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

    Create Stylish WebStudio Web Layout in Photoshop CS Stylish WebStudio Web Layout
    A complete tutorial on how to make a stylish webstudio web layout.


    PSDTUTS+ Photoshop Tutorials and More