Illustrated designs

Sound System Studio 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



Pages: « Back  1 2 3 4 5 6 7 8 9 10 11  Next » 

Popular Tutorials

Create Creative Arts Studio Web Site Layout in Photoshop CS3Create Photographer Page Layout in Photoshop CS3Create Personal Site Layout in Photoshop CSCreate Sound System Studio Web Layout in Photoshop CS3Create Professional Modern Web Layout in Photoshop CSCreate Stylish web navigation template in Photoshop CS3Create Design Studio Website in Photoshop CS3Create Creative Studio Web Page in Photoshop CS3Create Design Studio Website in Photoshop CS3Create Portfolio Web Layout in Photoshop CS

Latest Tutorials

Design grunge wordpress theme in Adobe Photoshop CS4Create contemporary web layout for your design studio in Adobe Photoshop CS4Create a trendy portfolio layout in Adobe Photoshop CS4Create a clean Freelancer portfolio layout in Adobe Photoshop CS3Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Subscribe via RSS



No popular authors found.
No popular articles found.