DEsign your Portfolio Layout in a Most Special Way for Best Attraction by Others

In this tutorial I will show you how to create a nice looking portfolio layout.

Create a new file (File>New) of 980×700 px and 72 dpi.

Using the Rectangle Tool (U), try to make the background of the layout we want to have in the end.



Choose the next parameters for the made layer by making a mouse click on the layer on the layers’ palette. Blending Options>Gradient Overlay



Gradient’s parameters:





Using the same tool, try to represent the next layer belonging to the layout’s background:



The layer’s parameters: Fill 0%, Blending Options>Gradient Overlay


Gradient’s parameters:





Next represent a window reserved for the portfolio’s panel and the content’s review, applying the Rounded Rectangle Tool (U) with the radius of 15 px.



The layer’s parameters: Blending Options>Stroke


Gradient’s parameters:





Place the picture we have on the main portolio’s panel (I got the picture from Platinum Image Conception Studio). Press then Alt button and make a mouse click between the picture’s layers and the panel itself (on the layers’ palette)





Using the Rectangle Tool (U), try to make a layer reserved for the layout’s menu on the bottom part of the layers’ palette. The layer has black color.


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



The layer’s parameters: Fill 60%


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




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



Freelancer



designer portfolio



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



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.



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


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



portfolio



biography, blog



designer@mail.com



The last stage includes inserting the telephone numbers:





That’s the final layout!