PSDartist





Classic navigation menu photoshop tutorial

Category : Designing, Oldies, Photoshop tutorials · by Apr 3rd, 2011

Use your favorite graphic software Adobe Photoshop to create a rustic classic navigation menu.

Classic navigation menu photoshop tutorial

Step 1.

Start off with a new document sized 500×80. Fill it with a cream colour. Create a new layer and using the rectangular tool with the colour code below create a shape:

Step 2.

Add to the new created shape a Inner Glow:

This is what it should look like:

Step 3.

Use the rounded rectangular tool on a new layer create a shape like below using the same colour as the background.

Grab the Burn tool with the settings below:

And brush the top:

Add it a Inner Shadow:

You should have something like this:

Step 4.

We are going to add some shine to the navigation menu. Grab a gradient White to Transparent.

Create a new layer and with a selection like below add the gradient starting from top to bottom.

Using a normal font with orange color add the text for the navigation:

Step 5.

Grab a pencil with 1 pixel thickness, zoom in between each word in the menu and add a little line like below:

This is the final result also with a rollover made using Step 4.

SHARE :

(4) comments

ammar
747 days ago · Reply

vere good

[...] 1. Classic navigation menu photoshop tutorial [...]

[...] Classic navigation menu photoshop tutorial [...]

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>