Home | Stylish Navigation Menu Tutorial

Stylish Navigation Menu

Photoshop Tutorial

Start by creating a new file. I have used 709x47 pixels for my file. Fill the background with #454545 color.

Now, we will create a pattern to fill the bacground. Create a new file (30 x 30 pixel wide), set the background to transparent, click on pencil tool to select it and set the size to 1 pixel. Draw a single block, after zooming in the file to 800 percent. Select rectangluler marquee tool to select the area as shown. Now, go to edit > Define Pattern and give your name as you like :-

Close this file and return to our original one. Now, go to edit>fill and select our newly created pattern to fill the background :-

With rectangle tool, draw this shape :-

Draw another shape with rectangle tool. Use #2F371F color for this one :-

Draw another shape. This time, use #3F4830 color for this shape :-

Rasterize this layer. Now, add these layer styles in it :-

With polygonal lasso tool, draw this selection :-

Press delete :-

Move the selection by pressing shift+right arrow key towards right side and press delete. :-

Inside the deleted part, draw this selection :-

Create a new layer by pressing shift+ctrl+n together and fill the selection with black :-

Apply Bevel and Emboss as shown :-

Duplicate this layer by pressing ctrl+j and place it as shown :-

Now, with the help of line tool, draw this 2 pixel weight line.

Reduce the opacity to 23% :-

Draw this 1 pixel wide line :-

Again reduce the opacity to 23%.

Draw a circle with ellipse tool :-

Apply similar Bevel and Emboss effect in it.

Now, type in your text. Our navigation menu is ready :)

2008 Copyright - YourPhotoshopGuide.com All right reserved.
Stylish Navigation Menu Tutorial | Photoshop Stylish Navigation Menu Tutorial | Learn to Create a Stylish Navigation Menu