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!

Photo Portfolio Web Page Layout

The layer’s parameters: Blending Options>Gradient Overlay

Create Photo Portfolio Web Page Layout in Photoshop CS3

Gradient’s parameters:

Create Photo Portfolio Web Page Layout in Photoshop CS3

Create Photo Portfolio Web Page Layout in Photoshop CS3

Select now the Line Tool (U) (weight 2 px) to represent a line above the menu’s panel on the site’s header. The beginning color is white. Select after that the Free Transform option to make the appropriate corrections on the color’s edges; letting down the frame (the edges should be very clearly defined). Press then Alt button and apply the same instrument to interrupt the line in three demonstrated places on the same distance (the segments are equal to the earlier drawn button).

Create Photo Portfolio Web Page Layout in Photoshop CS3

Create Photo Portfolio Web Page Layout in Photoshop CS3

The layer’s parameters: Blending Options>Gradient Overlay

Create Photo Portfolio Web Page Layout in Photoshop CS3

Gradient’s parameters:

Create Photo Portfolio Web Page Layout in Photoshop CS3

Create Photo Portfolio Web Page Layout in Photoshop CS3

Use the same tool, (Line Tool (U)), to insert on the picture four vertical lines.

Create Photo Portfolio Web Page Layout in Photoshop CS3

Use the same parameters for each layer containing the white line. Fill 30%

Create Photo Portfolio Web Page Layout in Photoshop CS3

Write now the titles for the buttons situated on the menu on the site’s header.

Create Photo Portfolio Web Page Layout in Photoshop CS3

Create Photo Portfolio Web Page Layout in Photoshop CS3

Page: 1 2 3 4 5

Comments