In this photoshop tutorial you will learn how to create a Clean Vertical Navigation Interface for your website.

Create a new document with a black background and 360×300 pixels dimensions. In a new layer draw a rectangle with #5A5A5A color shade and 288×50 px dimensions.

Under Layer Style(Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options to your rectangle layer.

Result:

Select your Horizontal Type Tool and above your screen under the options palette set the font family to Century Gothic, regular, 18 pt, smooth and black color shade. In a new text layer type your first navigation title.

Add the rest of your navigation links with its own vertical tab.

In a new layer draw a black circle with 30×30 px dimensions on your home tab. This will be part of the rollover tab.

Under Layer Style(Layer > Layer Style) add an Inner Glow and Gradient Overlay blending options to your black circle layer. Then set the layer’s blending mode to Soft Light at 19% opacity.

Result:

Select your Horizontal Type Tool and above your screen under the options palette set the font family to Wingdings 3, regular, 13 pt, smooth and white color shade. In a new text layer type ‘r’ which is a circle arrow icon. Place the arrow inside the circle design.

Clean Vertical Navigation Interface.

No Comments

Post Your Comment »»

Name (required) Email (required) Website URL