floating facebook button arrow left side

Apr
3
2011

Classic navigation menu photoshop tutorial

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.

Incoming search terms:

  • how to make navigation menu in photoshop
  • navigation menu tutorials in photoshop
  • navigation menu photoshop tutorials
  • navigation tutorials photoshop
  • photoshop navigation tutorials
  • photoshop search navigation
  • rustic photoshop menus templates

Related Posts

About the Author:

My name is Chris. I love graphics and art. I became interested in Adobe Photoshop since 2003 when as a child I used to create my own signatures for gaming forums and such, yet things have evolved a lot in time and I still use Photoshop today. I have been working as a Graphic Editor for a local magazine, webdesigner for various companies and in present I am a freelancer and owner of PSDartist and involved in various projects.

4 Comments + Add Comment

Leave a comment

Sponsors

Popular Posts