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  »  Web Page Design Layout
    Web Page Design Layout
    Published  09/8/2007 | Web Layout
       
    Web Page Design Layout - part 4


    Create Web Page Design Layout in Photoshop CS3

    Now we have to represent a lateral menu’s panel on the left page’s part. Firstly represent the primary layer of the menu’s panel, selecting the Rectangle Tool (U).

    Create Web Page Design Layout in Photoshop CS3

    The layer’s parameters: Fill 0% on the layers. Blending Options>Gradient Overlay

    Create Web Page Design Layout in Photoshop CS3

    Gradient’s parameters:

    Create Web Page Design Layout in Photoshop CS3 

    Create Web Page Design Layout in Photoshop CS3

    Divide now the panel of the menu’s button, using the Pencil Tool (B) and represent a dividing stripe:

    Create Web Page Design Layout in Photoshop CS3 

    Create Web Page Design Layout in Photoshop CS3 

    Create Web Page Design Layout in Photoshop CS3

    The layer with the dividing stripe needs the next parameters: Blending Options>Color Overlay

    Create Web Page Design Layout in Photoshop CS3 

    Create Web Page Design Layout in Photoshop CS3

    Create Web Page Design Layout in Photoshop CS3 Web Page Design Layout
    This detailed tutorial will take you from the beginning techniques of design to making the a web page design layout using Adobe Photoshop.


    PSDTUTS+ Photoshop Tutorials and More