Designing Freelancer portfolio layout

May 25th, 2009 by ART-D Posted in Adobe Photoshop, Web Layout

Learn how to create a clean Freelancer portfolio layout design with great color.

Create a new file (File>New) of 900×900px/72 dpi. Select the Paint Bucket Tool (G) to give the new background layer black color.

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

Next we’ll draw a small circle of white color with the Ellipse Tool (U).

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

Set the next indicated styles by making a mouse click on the processed layer on the layers’ panel: Fill 20%, Blending Options>Stroke

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

Make a copy of the layer containing the circle and select then the Free Transform option to enlarge a little the circle and place it the same way demonstrated on the next picture. Change the corresponding parameter on the copy on Fill 10%

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

Make other copies of the same circle, changing the sizes for each copy with Free Transform option. Set the same parameter for the copies’ layers’ effects. Blending Options>Stroke

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

… and change also the Opacity and Fill parameters arbitrary:

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

Next we’ll apply a standard brush on a new layer (Create new layer) to represent several colored spots on the picture’s background. Each spot should be represented on a separate layer:

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

… the color #F900C1

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

The layer’s parameters: Fill 69%

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

The next spot has the color #C2D373

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

The layer’s parameters: Fill 63%, Blending mode-Linear Light

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

The next spot has the color #6DB0F5

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

The layer’s parameters: Fill 60%

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

On the next layer we’ll apply the same standard brush, but we’ll change the Opacity on 10 % and select black color.

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

Next we’ll write the site’s name, keeping the demands from the next table (used font):

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

The layer’s styles: Blending Options>Drop Shadow

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

Blending Options>Outer Glow

Create a clean Freelancer portfolio layout in Adobe Photoshop CS3

Post Pages: 1 2