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 3


    Make six copies of the recently made layer and select one more time the Free Transform option to situate the layers as it is indicated next image:

    Create Design Studio Website in Photoshop CS3 

    Combine in a group all the layers containing the white stripes (press Ctrl button to mark out the necessary layers and then keep pressed the left mouse’s button while moving the marked layers on Create a new group option). Mark out the group and press Ctrl +E, applying the next shown parameters for the rasterized layer:
    Fill 20%
    Blending Mode-Overlay

    Create Design Studio Website in Photoshop CS3

    Choose again the Rounded Rectangle Tool (U) (radius of 20 px) to draw a button of white color.

    Create Design Studio Website in Photoshop CS3

    The layer’s parameters: Blending Options>Inner Shadow

    Create Design Studio Website in Photoshop CS3 

    Create Design Studio Website in Photoshop CS3

    Let’s create the primary layer, reserved for the next button on the menu. The tool applied in this case is Rounded Rectangle Tool (U) (radius of 20 px).

    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>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

    Make a copy of the last made layer and use again the Free Transform option to situate the copy a little lower, changing also the layer’s parameters with those from below: Fill 0%
    Blending Options>Inner Shadow

    Create Design Studio Website in Photoshop CS3

    Blending Options>Gradient Overlay

    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.