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

Designing a Wall Hanging Style Left Navigation Panel

Author: 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 Tutorial: Final Result




Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

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