5 Tutorials How to create a Navigation Bar in Photoshop


1 – Blue on Black Navigation Bar

Blue on Black Navigation Bar

Tutorials that will teach you how to combine several layer styles to create a beautiful yet simple navigation bar.


2 – Cool 3D Web Design Effect

Cool 3D Web Design Effect

In this tutorial I will show you some very easy techniques, using gradients and layer styles, that we can use to produce nice subtle 3D effects in our web designs.

3 – Stunning Vista Inspired Menu

Stunning Vista Inspired Menu

This tutorial will show you how to make a semi-transparent Vista-inspired menu using gradients, shadows, and blurring to produce a stunning modern effect.

3a – Vista Inspired Menu in Photoshop

Video Tutorial Available


4 – Cute Cloud Navigation Set

Cute Cloud Navigation Set

How to design a cute, cloud-based website navigation.


5 – CSS Menu With Icons including PSD + Dreamweaver tutorial


Learn how to create a navigation bar with custom icons, then code it up in dreamweaver.


Enjoy this post and don’t forget to bookmark it for e later view!

Get our hottest stories to your inbox.
Check your inbox for a confirmation email.

Have something to add to this story? Share it in the comments.

  • http://convert-to.com/ Convert

    Perfect it worked, thank you!

  • http://www.rezpls.com Murray

    Excellent list of tutorials!


    in one word: PERFECT

    • http://www.lirent.net Lirent.P

      Thank you!