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  »  Design Studio Website
    Design Studio Website
    Published  03/17/2008 | Web Layout
       
    Design Studio Website - part 1


    A step by step guide to creating a professional web layout with a dark theme for Web Design Studios.

    Create a new file (File>New), having 780x700 dpi and 72 dpi

    Next we shall use the Rectangle Tool (U) to represent the background of the site’s page to be next:

    Create Design Studio Website in Photoshop CS3

    Select next shown parameters for the made layer by making a mouse click on this layer on the layers’ panel: 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 shall draw a small stripe on the page’s top, colored with #1B1B1B. In this case we’ll use the same Rectangle Tool (U).

    Create Design Studio Website in Photoshop CS3

    Next we’ll represent the site’s header, applying the Rounded Rectangle Tool (U) with a radius of 10 px. Firstly we need to represent the basic layer and then press Alt button to cut out with the same tool the zone reserved for the menu’s buttons.

    Create Design Studio Website in Photoshop CS3

    The layer’s parameters: Blending Options>Drop Shadow

    Create Design Studio Website in Photoshop CS3

    Blending Options>Bevel and Emboss

    Create Design Studio Website in Photoshop CS3

    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 Design Studio Website
    A step by step guide to creating a professional web layout with a dark theme for Web Design Studios.


    PSDTUTS+ Photoshop Tutorials and More