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 :)



And now that you're done, I want to really trip you out on something. It has nothing to do with Photoshop, but it's still cool. :) Click here.
©2008 Copyright - YourPhotoshopGuide.com All right reserved.
Stylish Navigation Menu Tutorial | Photoshop Stylish Navigation Menu Tutorial | Learn to Create a Stylish Navigation Menu