Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Online Photo Portfolio

This tutorial will show you how to create a clean looking layout for your portfolio.

Create a new file (File>New) with 766×699 px and 72 dpi.

Create Online Photo Portfolio in Photoshop CS3

Choose after that the Rectangle Tool (U) to represent the background of the site’s page to be next:

Create Online Photo Portfolio in Photoshop CS3

Apply the next layer’s parameters by making a mouse’s click on the corresponding layer on the layers’ panel. Blending Options>Gradient Overlay

Create Online Photo Portfolio in Photoshop CS3

Gradient’s parameters:

Create Online Photo Portfolio in Photoshop CS3 

Create Online Photo Portfolio in Photoshop CS3

Create a new layer of 4×4 px and 72 dpi. Select then the Pencil Tool (B) to represent a pattern of white color.

Create Online Photo Portfolio in Photoshop CS3 

Create Online Photo Portfolio in Photoshop CS3

Edit>Define Pattern
It’s time to represent on the upper part of the background a thin stripe, applying the same Rectangle Tool (U).

Create Online Photo Portfolio in Photoshop CS3 

Create Online Photo Portfolio in Photoshop CS3

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

Create Online Photo Portfolio in Photoshop CS3 

Create Online Photo Portfolio in Photoshop CS3 

Create Online Photo Portfolio in Photoshop CS3

Using the same instrument above the made stripe, try to make another one, colored with #BBDD03

Create Online Photo Portfolio in Photoshop CS3

Page: 1 2 3 4 5 6 7 8

Comments