Photo Portfolio Web Page Layout

February 13th, 2008 by ART-D Posted in Adobe Photoshop, Web Layout

Hold on Alt button and make a mouse click between the photo’s layer and the reserved layer for the photos and the selected photo will be placed immediately in limits of the reserved layer for the photos.

Create Photo Portfolio Web Page Layout in Photoshop CS3 

Create Photo Portfolio Web Page Layout in Photoshop CS3

Insert the necessary titles of the divisions.

Create Photo Portfolio Web Page Layout in Photoshop CS3

WELCOME, PHOTO

Create Photo Portfolio Web Page Layout in Photoshop CS3

TO MY PORTFOLIO, CATEGORIES

Create Photo Portfolio Web Page Layout in Photoshop CS3

Now we should represent by rectangle to the left side of the divisions. Each one should be situated on a different layer and the instrument used in this case is the Rectangle Tool (U).

Create Photo Portfolio Web Page Layout in Photoshop CS3

Use the next parameters for the rectangles’ layers: 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

Fill the division with the corresponding text:

Create Photo Portfolio Web Page Layout in Photoshop CS3

the bold text

Create Photo Portfolio Web Page Layout in Photoshop CS3

the basic text of the division

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!