Create a Simple Navigation Menu
In this tutorial i will show you how to crate a simple and effective navigation menu in a few easy steps.Step 1:
Create a new document and fill it with #393939
Create a new layer.Select Rectangular marquee tool and make a selection leaving a 1px border shown below and fill with #141414.
Step 2:
Now grab the gradient tool and with the selection change your foreground colour to #252425 and your background colour to #393939 make a new layer then drag a gradient down.
Step 3:
Next, double click the gradient layer to bring up the blending options. Go to Outer glow and set colour to #2B2B2B and opacity to 52%, Leave rest as default.
Step 4:
Then it’s just a case of merging all the layers together then duplicating too how ever many times you need to use the button for.
Step 5:
Here is my final result after a few other touches and some text
Enjoy!
Final Image
very nice tut! now how could I use this on my site?
hi todd
you can use this in your website after create this menu bar slice up each button in photoshop and then save as for webpage. then goto that page’s code and copy that code in your page where you want these buttons. make sure you have images folder in same directory where you have your page.
good luck!