Photographer portfolio layout

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

In this tutorial I will show you how to create a nice looking Photographer portfolio layout.

Start working by creating a new file (File>New) of 1200×768px/72 dpi. Select after that the Paint Bucket Tool (G) and give the new backgroung layer black color.

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Then we’ll insert the web site name:

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Select these parameters for the layer containing the site’s name by making a click on the layer we work with on the layers’ panel: Blending Options>Outer Glow

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

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

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Next we’ll represent the panel reserved for the menu’s buttons situated on the site header. In this case we’ll apply the Rounded Rectangle Tool (U) with a radius of 5 px.

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

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

We’ll create a new layer under the layer containing the menu’s buttons and select here the Brush Tool (B) to represent a spot colored with #666666

Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

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.