Web Page Design Layout

September 8th, 2007 by ART-D Posted in Adobe Photoshop, Web Layout

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 900×885px 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 4×4 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

Post Pages: 1 2 3 4 5 6