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

    07/10/2009

    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!

  • Tobin

    29/11/2009

    Hey…did that mean to look like a christmas tree? I think that’s toooo coool!!

  • Kevin

    17/04/2010

    Hey! I wanna know how you make this layout becouse i dont understand u made it. Is it all using one layer or using severals layer? Tq!

  • Tim

    28/09/2010

    is there a tutorial on how you made that original image, with all the elements floating around the man?

  • Jesiejuz

    20/12/2010

    Hi hello, can you send me a .psd file for this layout ir on this image? i need ot, and please help me. ok great toturials, but i want psd for this work.. thank you,.

  • jason

    06/05/2011

    can you send me a .psd file for this layout ir on this image?thank you

  • yusuf

    24/10/2011

    i like inspiration…