Photo Portfolio Web Page Layout

February 13th, 2008 by ART-D Posted in Adobe Photoshop, Web 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

Post Pages: 1 2 3 4 5

  • Web designers

    02.13.08

    Cool design with refreshing look to make someone ’s day as sunny as sunflower.

  • rich

    02.13.08

    nice job ,
    very creative

  • kartit

    02.13.08

    Very nice tutorial Thanks a lot , keep it up!

  • Club Penguin Secrets

    02.13.08

    Very nice and clear tutorial. I am going to try it now with some modifications. thanks alot for the effort!