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


    Learn how to create an effective and contemporary web layout for your design studio.

    Start by creating the background of the site we want to represent next (File>New), having 800x600 px and 72 dpi. Select the Rectangle Tool (U) for this operation.

    Create Design Studio Layout in Photoshop CS2

    The layer’s parameters:
    Blending Options>Gradient Overlay

    Create Design Studio Layout in Photoshop CS2

    Gradient’s parameters:

    Create Design Studio Layout in Photoshop CS2

    Create Design Studio Layout in Photoshop CS2

    Create a new layer that would have 4x4 px and 72 dpi and try to represent a pattern. We need to choose in this case the Pencil Tool (B) with the color # 59AAC8.

    Create Design Studio Layout in Photoshop CS2

    Save it!

    Create Design Studio Layout in Photoshop CS2

    Take the same instrument applied before and represent one more Pattern, but firstly we need to create a new layer of 4x4 px and 72 dpi. The background’s color is #002848, but the pattern’s color is the same with the previous one.

    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.


    PSDTUTS+ Photoshop Tutorials and More