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 6


    Create Web Page Design Layout in Photoshop CS3

    (products, downloads, store, support, community)

    Create Web Page Design Layout in Photoshop CS3

    Now we have to create a circle on the right part of the menu’s button, applying the Ellipse Tool (U):

    Create Web Page Design Layout in Photoshop CS3

    The layer’s parameters: Blending Options>Inner Shadow

    Create Web Page Design Layout in Photoshop CS3

    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

    Make five copies of the last made layer and place the copies exactly the way it is demonstrated next picture:

    Create Web Page Design Layout in Photoshop CS3

    We have to make some corrections on the right corner of the menu’s buttons panel. For the beginning we’ll mark out all the layers with the small circles (keep pressed the Ctrl button and make a click on the marked buttons), paste them together Ctrl+E. And then select the Rectangular Marquee Tool (M) for marking the zone as it is shown on the next picture. Press Delete button:

    Create Web Page Design Layout in Photoshop CS3 

    Create Web Page Design Layout in Photoshop CS3

    Finished!

    View full size here.

    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