Portfolio Web Layout

April 18th, 2007 by ART-D Posted in Adobe Photoshop, 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

Post Pages: 1 2 3 4 5 6 7 8 9

  • Cem

    04.18.07

    Hi!

    Which version do you use on photoshop?
    For example, cs 4 or extended version?
    Because, i use cs4 extended version but i’can’t do gradient tool. =(

    Sincerely,

    Cem