Photographer portfolio layout

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

The layer’s parameters: Blending Options>Gradient Overlay



Gradient’s parameters:





Next we’ll combine in a group all the layers composing the button on the lowest part of the picture (press Ctrl button when marking the necessary layers and then hold on the left mouse’s button while moving the marked layers on Create a new group option). Make a copy of the new group and change the parameters for the first button’s layer: Blending Options>Gradient Overlay



The gradient’s parameters are the same with the original one.
Blending Options>Stroke



The gradient’s parameters are the same with the original one.
Choose now Free Transform option and turn around the group’s copy, situating it the same way from below:



Insert the section’s name on the menu’s zone:





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



Now we’ll represent a vertical dividing line on the picture’s right side, applying the Line Tool (U) (weight 1 px).



The layer’s parameters: Blending Options>Gradient Overlay



Gradient’s parameters:





Insert the section’s name on the picture’s right side, keeping the same demands from the next shown table:





Make a copy of the layer’s effects by right clicking on the layer containing the site’s name under the picture (Copy Layer Style) and then click on the right mouse’s button on the recently written section (Paste Layer Style).



… and finally the last stage includes introducing the basic text reserved for the appropriate section:





The final result!

View full size here.

Post Pages: 1 2 3 4

If you enjoyed this article, please consider sharing it!