Hello!
Today we will create awesome and sleek navigation bar.
I use pen tool, gradients and grid view.

Estimation time 20 minutes.

Lets begin.
First, create photoshop document with 800px width and 300px height.

Turn on grid view (ctrl+’ or View->Show->Grid).
Create new layer and name it ‘mainshape’.

Now with pen tool create shape.

Right click and choose ‘create vector mask’.

Then fill layer ‘mainshape’ with gradient.

Add some menu items. I use ‘tahoma’ font with 12px size with underline and color #b5e6ff.

Turn on grid view, and with pen tool make this shape.

Create new layer, vector mask and fill it with gradient.

Add drop down menu using same technique.
Thats it.  (image clickable)

Source PSD - Download

Perhaps, you may also interested in this links:

Tags: navigation menu, photoshop, sleek, tutorial, web site

This entry was posted on Tuesday, April 12th, 2011 at 8:42 pm and is filed under Photoshop tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.