Categories

Partners
  • Website Templates

  • Design Feeds

  • Adobe Photoshop Tutorials

  • Website Templates, WordPress Themes

  • Website Templates

  • Flash Web Sites

  • Photoshop Templates

  • Photo Contests

  • Photo Tips
  • Search


    Advanced Search


    Partner Links
  • Adobe Photoshop Tutorials

  • Free Stock Photos and Images



  • Website Templates

    Website Design Studio
    Published  07/1/2008 | Web Layout
       
    Website Design Studio - part 2


    It’s time to represent the panel reserved for the menu of the site’s buttons. In this case we should apply the Rounded Rectangle Tool (U) (radius of 30 px). Press then Alt button while applying the Rectangle Tool (U) to trim a little the bottom part of the panel.

    Create Design Studio Website in Photoshop CS3

    The layer’s parameters: Blending Options>Inner Shadow

    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

    Use the same method described above to insert also the footer:

    Create Design Studio Website in Photoshop CS3

    The layer’s parameters: Fill 0%
    Blending Options>Inner Shadow

    Create Design Studio Website in Photoshop CS3

    Blending Options>Color Overlay

    Create Design Studio Website in Photoshop CS3 

    Create Design Studio Website in Photoshop CS3

    Choose again the Rounded Rectangle Tool (U) (radius of 35 px) to draw the lateral panel, colored with #F6F6F6. Firstly we need to create the basis itself of the panel, then press Alt button white applying the same tool to cut out the windows reserved for the news:

    Create Design Studio Website in Photoshop CS3

    Let’s draw now a white stripe above the menu’s buttons, choosing the Rectangle Tool (U) for this operation. The stripe needs to be inclined, applying the Free Transform solution.

    Create Design Studio Website in Photoshop CS3 

    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.