Publishing System Settings Logout Login Register
Simple Nav Design - Create a nice looking nav in a few steps
TutorialCommentsThe AuthorReport Tutorial
Tutorial Avatar
Rating
Add to Favorites
Posted on January 26th, 2007
6457 views
Adobe Photoshop
Simple Nav Design

1. Create a new document, i recommend the nav between 800*50 - 800*150. but you can have any size you need or make a banner out of the style.

2. Now fill the background with the color of your choice.

3. Now open up the blending options and use these settings:



4. Make a new layer, select the top half of the nav. Fill the selection with white.



5. Lower the opacity of the white bar untill u get a look u like.



6. Add text, mouseovers anything you want to finish it off.

Final Result


Thanks for viewing.
Dig this tutorial?
Thank the author by sending him a few P2L credits!

Send
3vo

I have been into webdesign and design for about a year now. I know X/HTML and CSS. Trying to learn PHP atm.
View Full Profile Add as Friend Send PM
Pixel2Life Home Advanced Search Search Tutorial Index Publish Tutorials Community Forums Web Hosting P2L On Facebook P2L On Twitter P2L Feeds Tutorial Index Publish Tutorials Community Forums Web Hosting P2L On Facebook P2L On Twitter P2L Feeds Pixel2life Homepage Submit a Tutorial Publish a Tutorial Join our Forums P2L Marketplace Advertise on P2L P2L Website Hosting Help and FAQ Topsites Link Exchange P2L RSS Feeds P2L Sitemap Contact Us Privacy Statement Legal P2L Facebook Fanpage Follow us on Twitter P2L Studios Portal P2L Website Hosting Back to Top