Categories

Partners


  • Free Flash Website

  • Website Templates

  • Adobe Photoshop Tutorials

  • Bittorent and
    Google desktop programs

  • Free Stock Photos and Images

  • Adobe Photoshop Tutorials

  • Photoshop, Flash, 3dsmax tutorials
  • Search


    Advanced Search




    Subscribe

    Sound System Studio Web Layout
    Published  06/22/2007 | Web Layout
       
    Sound System Studio Web Layout - part 1


    In this tutorial you will learn how to create a nice looking layout.

    Firstly we need to open a new file (File>New) of 800x800. The first layer will represent the site’s background. After that we need to select the Rectangle Tool (U) and use it on the entire page. Set the here shown parameters of Blending Options> Gradient Overlay>Gradient Editor

    Create Sound System Studio Web Layout in Photoshop CS3

    We must get the same result as it is demonstrated next picture:

    Create Sound System Studio Web Layout in Photoshop CS3

    Take now the Rounded Rectangle Tool (U) and represent an element like that one from below, placed in the middle of the picture.

    Create Sound System Studio Web Layout in Photoshop CS3

    Fill 0% on the right side on the layers’ palette, for our picture to get a transparent gradient.

    Create Sound System Studio Web Layout in Photoshop CS3

    Set next parameters in the Blending Options> Gradient Overlay

    Create Sound System Studio Web Layout in Photoshop CS3

    Select Blending Options> Gradient Overlay>Gradient Editor and choose here Presets transparent gradient’s type. Set the same parameters, like those from next table.

    Create Sound System Studio Web Layout in Photoshop CS3

    We should get that:

    Create Sound System Studio Web Layout in Photoshop CS3

    Continue by working with the next element. Select for the beginning the Custom Shape Tool (U) where we have to choose the Thin Frame.

    Create Sound System Studio Web Layout in Photoshop CS3

    Create Sound System Studio Web Layout in Photoshop CS3 Sound System Studio Web Layout
    In this tutorial you will learn how to create a nice looking layout.

    WiFiReview.com - your guide to the wireless world