Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

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.

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 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

Page: 1 2 3 4 5 6

Comments