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  »  Design Studio Layout
    Design Studio Layout
    Published  06/6/2007 | Web Layout
       
    Design Studio Layout - part 5


    Gradient’s parameters:

    Create Design Studio Layout in Photoshop CS2

    Create Design Studio Layout in Photoshop CS2

    For a better result, we need to combine in a group all the layers composing the left section (press on Ctrl button to mark the necessary layers and hold on the left mouse’s button to take the layers down on Create a new group option). Make a copy of this group and apply the Free Transform option to narrow the copy horizontally, placing it the way it is demonstrated below.

    Create Design Studio Layout in Photoshop CS2

    Applying the Rounded Rectangle Tool (U), create now a layer on the site’s header colored in # 003250

    Create Design Studio Layout in Photoshop CS2

    Create Design Studio Layout in Photoshop CS2

    Draw next a thin stripe colored in #002848, situated lower than the new made layer. It’s possible to apply the Rectangle Tool (U) for this operation.

    Create Design Studio Layout in Photoshop CS2

    The layer’s parameters:
    The Opacity should be of 50%
    Blending Options>Pattern Overlay

    Create Design Studio Layout in Photoshop CS2

    Create Design Studio Layout in Photoshop CS2 Design Studio Layout
    Learn how to create an effective and contemporary web layout for your design studio.