Follow Design Stacks

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

Portfolio Web Layout

Learn how to create a web layout with services, portfolio, careers and others.

Select File>New option with 800×720 px and 72 dpi. Select the Rectangle Tool (U) to represent the background of the site to be next:

Create Portfolio Web Layout in Photoshop CS

Make the necessary adjustments on the layer’s parameters in the layers’ panel:
Blending Options>Gradient Overlay

Create Portfolio Web Layout in Photoshop CS

Gradient’s parameters:

Create Portfolio Web Layout in Photoshop CS

Using the Rounded Rectangle Tool (U), try to represent the primary layer reserved for the site’s panel:

Create Portfolio Web Layout in Photoshop CS

The layer’s parameters:
Blending Options>Gradient Overlay

Create Portfolio Web Layout in Photoshop CS

Gradient’s parameters:

Create Portfolio Web Layout in Photoshop CS

Blending Options>Stroke

Create Portfolio Web Layout in Photoshop CS

Page: 1 2 3 4 5 6 7 8 9

Comments