Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Designing a Wall Hanging Style Left Navigation Panel

Designing a Wall Hanging Style Left Navigation Panel


Create a rounded rectangle using rounded rectangle shape tool.

image 1

Enable "add to shape area" at the top bar. Create a circle using elliptical shape tool.

image 2

Double click the layer to open layer style window. Apply settings as shown.

image 3

image 4

image 5

image 6

image 7

Ctrl+Click the layer thumbnail to get the selection. Create a new layer and apply a black to white gradient.

image 8

Duplicate the layer. move it a few pixels downward. Change the layer mode to "Overlay" and opacity to 30% from the layer palette.

image 9

Select and duplicate all the button layers several times and place below each other. Create two vertical lines as shown.Apply same layer style.

image 10

Select and merge all the layers. Duplicate the layer.

image 11

Double click the layer to open layer style window. Apply settings as shown.

image 12

image 13

image 14

Right click the layer and select create layers. Select and merge all the resulting layers.

Change the layer mode to "Hard Light " from the layer palette.

image 15

Type link names over the button. Apply some drop shadow.

image 16

Press Ctrl+U to open Hue/Saturation window. Apply settings as shown.

image 17

Designing a Wall Hanging Style Left Navigation Panel



Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Designing a Wall Hanging Style Left Navigation Panel"

Captcha