Designer portfolio layout

March 13th, 2009 by ART-D Posted in Adobe Photoshop, Web Layout

Press Alt button and make a mouse click between the menu’s layers and the previous layer.

Create a nice looking portfolio layout in Photoshop CS4

The layer’s parameters: Fill 60%

Create a nice looking portfolio layout in Photoshop CS4

On the menu’s panel we’ll situate the pictures, cutting them preliminarily and adapting them by their size. Set the same parameters for the pictures’ layers: Blending Options>Stroke

Create a nice looking portfolio layout in Photoshop CS4

Create a nice looking portfolio layout in Photoshop CS4

Insert the designer’s name, keeping the next demands from the table:

Create a nice looking portfolio layout in Photoshop CS4

Freelancer

Create a nice looking portfolio layout in Photoshop CS4

designer portfolio

Create a nice looking portfolio layout in Photoshop CS4

Choose the Rounded Rectangle Tool (U) with a radius of 15 px to represent a button of black color.

Create a nice looking portfolio layout in Photoshop CS4

Make three copies of the layer representing the button and then apply the Free Transform option to change the sizes of the copies, placing the copies the same way demonstrated below. We can use the line option for a correct representation.

Create a nice looking portfolio layout in Photoshop CS4

Select the same parameters for the buttons’ layers. Fill 40%

Create a nice looking portfolio layout in Photoshop CS4

Insert the titles for the buttons, keeping the next demands:

Create a nice looking portfolio layout in Photoshop CS4

portfolio

Create a nice looking portfolio layout in Photoshop CS4

biography, blog

Create a nice looking portfolio layout in Photoshop CS4

designer@mail.com

Create a nice looking portfolio layout in Photoshop CS4

The last stage includes inserting the telephone numbers:

Create a nice looking portfolio layout in Photoshop CS4

Create a nice looking portfolio layout in Photoshop CS4

That’s the final layout!

View full size here.

Post Pages: 1 2

  • Bigfoot29

    03.13.09

    Hi great tutorial I was wondering though how do you make it so that the thumbnails down the bottom become buttons that change the larger picture up the top to the picture’s thumbnail that you have selected? Would you make it so that it becomes a different page every time? Surely there is an easier way then that

    looking forward to your response, thanks!