Categories

Partners
Search


Advanced Search




PSD Tuts

flash websites

Web Page Design Layout
Published  09/8/2007 | Web Layout
   
Web Page Design Layout - part 1


This detailed tutorial will take you from the beginning techniques of design to making the a web page design layout using Adobe Photoshop.

Create a new file (File>New), having 900x885px and 72 dpi. Select next the Paint Bucket Tool (G) and paint it in this presented color - #7E7E7E

Create Web Page Design Layout in Photoshop CS3

Apply for the layer in case the next parameters by making a right mouse’s click on the layer.
Blending Options>Gradient Overlay

Create Web Page Design Layout in Photoshop CS3

Gradient’s parameters:

Create Web Page Design Layout in Photoshop CS3 

Create Web Page Design Layout in Photoshop CS3

Create now another new layer (Create new layer) of 4x4 px for representing the next texture’s pattern:

Create Web Page Design Layout in Photoshop CS3

And save it: Edit>Define Pattern
Continue by creating the next layer:

Create Web Page Design Layout in Photoshop CS3

Apply for this layer the next shown parameters:
Blending Options>Gradient Overlay

Create Web Page Design Layout in Photoshop CS3

Gradient’s parameters:

Create Web Page Design Layout in Photoshop CS3

Create Web Page Design Layout in Photoshop CS3 Web Page Design Layout
This detailed tutorial will take you from the beginning techniques of design to making the a web page design layout using Adobe Photoshop.