Home | Portfolio Layout Tutorial

Portfolio Layout

Photoshop Tutorial

Create a new file of 640 x 480 px having 72 dpi resolution and RGB mode. If you like you can use your own size for this.
Fill the background with #1F1F1F color.

Go to edit > fill and fill the background with this pattern. First, select this pattern :-

Set the opacity to 80% and Mode to Multiply as shown :-

This is what you will got after filling the background with pattern :-

Now, select

and draw this shape. Choose any color of your choice as it will be changed after applying the gradient overlay :-

Adjust the nodes as shown

Now, apply thse layer styles :-

Gradient colors #6F1700 & #F0980F :-

The full view of the file after applying above layer styles :-

Now, control+click on its layer name in layer pallate to select it. Create a new layer by pressing shift+ctrl+n together. Fill this layer with similar pattern, but this time reduce the opacity of this layer to 10%

Again with rectangle tool, draw this shape :-

Again, adjust the nodes as shown :-

Apply these layer styles :-

Full view of the image can be seen below :-

Now, rasterize the layer and select the part of the layer with rectangular marquee too and press delete :-

Again create a new layer, fill the layer with pattern (edit>fill) and reducing the opacity to 10% after selecting the layer by control clicking on its layer name in layer pallate.

Create this shape with rectangle tool. I have used #F09F2F color for this block :-

Place your picture :)

Create this block with rectangle tool. I have used #521607 color for this shape :-

Reduce the opacity 46%

Press control+j to duplicate the layer. Press control+t to transform the layer and set the size as shown :-

Draw another block with rectangle tool, use similar color, reduce the opacity to 56% and blending mode to screen :-

Select pencil tool, set the size to 1 pixel and set the spacing as shown :-

Create a new layer, set the foregroud color to #F09F2F and draw the line :-

Draw more lines on similar layer, but this time reduce the spacing :-

Now, draw some blocks with rectangle tool. Use red color for these shapes :-

Add link text :-

Add some text in two blocks :-

Add the name, copyright information etc as shown. Our portfolio layout is complete. I hope you will like it :)

2008 Copyright - YourPhotoshopGuide.com All right reserved.
Portfolio Layout Tutorial | Photoshop Portfolio Layout Tutorial | Learn to Create a Portfolio Layout