Freelancer portfolio design

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

The layer’s styles: Blending Options>Drop Shadow

Create a designer portfolio web layout in Adobe Photoshop CS3

Blending Options>Outer Glow

Create a designer portfolio web layout in Adobe Photoshop CS3

Blending Options>Gradient Overlay

Create a designer portfolio web layout in Adobe Photoshop CS3

Gradient Editor:

Create a designer portfolio web layout in Adobe Photoshop CS3

Create a designer portfolio web layout in Adobe Photoshop CS3

Using the Rounded Rectangle Tool (U) (radius of 20 px), try to make the menu’s button:

Create a designer portfolio web layout in Adobe Photoshop CS3

The layer’s styles: Fill 0%, Blending Options>Outer Glow

Create a designer portfolio web layout in Adobe Photoshop CS3

Blending Options>Stroke

Create a designer portfolio web layout in Adobe Photoshop CS3

Create a designer portfolio web layout in Adobe Photoshop CS3

Make three copies of the button’s layer and select the Free Transform option to place the copies the same way indicated below:

Create a designer portfolio web layout in Adobe Photoshop CS3

Insert the titles for the menu’s buttons, putting each word on a separate layer:

Create a designer portfolio web layout in Adobe Photoshop CS3

Create a designer portfolio web layout in Adobe Photoshop CS3

Select for the layers containing the buttons’ titles the same styles demonstrated below: Blending Options>Outer Glow

Create a designer portfolio web layout in Adobe Photoshop CS3

Create a designer portfolio web layout in Adobe Photoshop CS3

Next we’ll select the Rectangle Tool (U) to represent the site’s panel, giving it the color #F5F5F5

Create a designer portfolio web layout in Adobe Photoshop CS3

The layer’s styles: Blending Options>Drop Shadow

Create a designer portfolio web layout in Adobe Photoshop CS3

Create a designer portfolio web layout in Adobe Photoshop CS3

Make three copies of the layer and choose Free Transform option to place the copies the same way as below:

Create a designer portfolio web layout in Adobe Photoshop CS3

Insert the pictures on the made layers, I used this photo from deviantart. I would like to thank the author of this artwork:

Create a designer portfolio web layout in Adobe Photoshop CS3

Post Pages: 1 2 3

  • clippingimages

    05.08.09

    WoW :) Awesome tutorials for freelancer portfolio. Thanks for sharing this nice post.