Photographer portfolio layout

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

Combine in a group the layers composing both vertical lines (press Ctrl button and mark out the corresponding layers and then hold on the left mouse’s button to take the marked layers on Create a new group selection). Make two copies of the group that we’ve got and choose then Free Transform option to situate the copies the same way demonstrated below:

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

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

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Make a copy of the layer’s effects by clicking on the layer containing the site’s name (Copy Layer Style) and then have a right click button on each layer containing the button’s title (Paste Layer Style).

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Next we’ll situate the picture under the menu:

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Using the Rectangle Tool (U) we can hide the bottom part of the picture under a stripe of black color.

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

The layer’s parameters: Fill 60%

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Press Alt button while clicking between the black stripe’s layer and the picture’s layer on the layers’ panel:

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Using the Ellipse Tool (U), we can represent a button on the lowest part of the picture:

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

The layer’s parameters: Blending Options>Gradient Overlay

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Gradient’s parameters:

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Blending Options>Stroke

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Gradient’s parameters:

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Select next the Pen Tool (P) and represent a small pointer on the button that must be of white color.

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Post Pages: 1 2 3 4

  • Serafina

    05.15.09

    I love it! thank you!

  • AC

    05.15.09

    AMAZING!!!!!!!!

    We’ve done it
    and it was awesome , even better than yours!

    THANX ALOT!

    (K)(K)(K)(K)(K)(K)(K)(K)(K)

  • Andrey

    05.15.09

    Awesome tutorial except i don’t know how to make it online or on a website? can you please help me?!

  • clippingimages

    05.15.09

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