Photographer portfolio layout
In this tutorial I will show you how to create a nice looking Photographer portfolio layout.
Final Image Preview
Start working by creating a new file (File>New) of 1200x768px/72 dpi. Select after that the Paint Bucket Tool (G) and give the new backgroung layer black color.
Then we’ll insert the web site name:
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
Blending Options>Gradient Overlay
Gradient’s parameters:
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.
The layer’s parameters: Blending Options>Gradient Overlay
Gradient’s parameters:
Blending Options>Stroke
Gradient’s parameters:
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
Then we’ll apply the Free Transform option and compress the spot on its vertical position and then stretch it out by horizontal line. Place it the same way demonstrated below:
Continue representing the menu’s panel, applying the Rounded Rectangle Tool (U) with a radius of 5 px and white color. The layer’s parameters: Fill 10%
Using the Line Tool (U) (weight 1 px), try drawing a line of white color on the bottom part of the panel:
The layer’s parameters: Blending Options>Gradient Overlay
Gradient’s parameters:
Choose the same Line Tool (U) (weight 1 px) to draw a line on the top part of the menu’s panel:
The layer’s panel: Blending Options>Gradient Overlay
Gradient’s parameters:
Let’s divide the buttons, using a vertical line made with the Line Tool (U) (weight of 1 px)
The layer’s parameters: Blending Options>Gradient Overlay
Gradient’s parameters:
Make a copy of the layer containing the vertical line and choose Free Transform option to place the copy on the left side of the previous line. The copy layer’s parameters should be changed with those from below: Blending Options>Gradient Overlay
Gradient’s parameters:
Page: 1 2
Comments