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

     »  Adobe Home  »  Adobe Photoshop  »  Web Layout  »  Modern Web Layout
    Modern Web Layout
    Published  04/22/2007 | Web Layout
       
    Modern Web Layout - part 4


    Make a copy of the new made layer and Hide the next effects: Drop Shadow, Gradient (with the right mouse’s button directed to the effect on the layers’ panel)

    Create Modern Web Layout in Photoshop CS

    Create Modern Web Layout in Photoshop CS

    The Drop Shadow layer may be corrected with the Eraser Tool (E)
    Apply the following filter to copies layer.
    Blending Options>Stroke

    Create Modern Web Layout in Photoshop CS

    Make visible again the original layer we made a copy of it:

    Create Modern Web Layout in Photoshop CS

    We have to represent now a part of the button, using the Ellipse Tool (U)

    Create Modern Web Layout in Photoshop CS

    Create Modern Web Layout in Photoshop CS

    The layer’s parameters:
    Blending Options>Gradient Overlay

    Create Modern Web Layout in Photoshop CS

    Create Modern Web Layout in Photoshop CS Modern Web Layout
    In this tutorial I will show how to design modern layout.