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 1


    This detailed tutorial will take you from the beginning techniques of design to making the a web page design layout using Adobe Photoshop.

    Create a new file (File>New), having 900x885px and 72 dpi. Select next the Paint Bucket Tool (G) and paint it in this presented color - #7E7E7E

    Create Web Page Design Layout in Photoshop CS3

    Apply for the layer in case the next parameters by making a right mouse’s click on the layer.
    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

    Create now another new layer (Create new layer) of 4x4 px for representing the next texture’s pattern:

    Create Web Page Design Layout in Photoshop CS3

    And save it: Edit>Define Pattern
    Continue by creating the next layer:

    Create Web Page Design Layout in Photoshop CS3

    Apply for this layer the next shown parameters:
    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 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