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


     »  Home  »  Adobe Photoshop  »  Web Layout  »  Website Design Studio
    Website Design Studio
    Published  07/1/2008 | Web Layout
       
    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

    Create Design Studio Website in Photoshop CS3 Website Design Studio
    Learn how to create a professional website design studio. A step by step guide to creating a professional web layout.


    PSDTUTS+ Photoshop Tutorials and More