Designer portfolio layout

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.

Create a nice looking portfolio layout in Photoshop CS4

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

Create a nice looking portfolio layout in Photoshop CS4

Gradient’s parameters:

Create a nice looking portfolio layout in Photoshop CS4

Create a nice looking portfolio layout in Photoshop CS4

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

Create a nice looking portfolio layout in Photoshop CS4

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

Create a nice looking portfolio layout in Photoshop CS4

Gradient’s parameters:

Create a nice looking portfolio layout in Photoshop CS4

Create a nice looking portfolio layout in Photoshop CS4

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.

Create a nice looking portfolio layout in Photoshop CS4

The layer’s parameters: Blending Options>Stroke

Create a nice looking portfolio layout in Photoshop CS4

Gradient’s parameters:

Create a nice looking portfolio layout in Photoshop CS4

Create a nice looking portfolio layout in Photoshop CS4

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)

Create a nice looking portfolio layout in Photoshop CS4

Create a nice looking portfolio layout in Photoshop CS4

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.

Create a nice looking portfolio layout in Photoshop CS4

Page: 1 2

Comments