Photographer portfolio layout
May 15th, 2009 by ART-D Posted in Adobe Photoshop, Web Layout
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: 





















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.