Her

Home Photoshop Tutorials Web Layout Designing a Wall Hanging Style Left Navigation Panel

Designing a Wall Hanging Style Left Navigation Panel

Author: MastersOfPhotoshop.com Author's URL: mastersofphotoshop.com More by this author

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