Clean Red Navigation bar

Final Image:


This is a Photoshop Tutorial.In this Tutorial you can learn How to make a Red Navigation bar.I think you can learn it easily.Just Follow some steps.


Create a new Document with 500*200 Pixels.
Fill it with Raial gradien of color #766748 and #514a2c


Create a new Layer,select rectangular marquee tool from tools panel.
Make a silection of 440*50 Pixels.




Now we will apply gradient on navigation bar.
Go to Layer>>Layer Style>>Gradient Overlay.


Now your image look like this.


We are going to apply a couple of layer style to this layer.
Go to Layer>>Layer Style>>Drop shadow.


Go to Layer >> Layer Styles >> Outer Glow.



Now add some text link using text tool.I have used Font-Verdana, Regular, 13 pt, Sharp,
and color #ffffff


Now we will apply Mouse over effect on Tutorials text link.
Select Tutorials text layer and press ctrl+J To duplicate the layer.
Go to Filter>>Blur>>Guassian Blur.Apply Radius 3 Pixels.


Now your Image look like this.


Now we will add some dividers Between the text links.
Create a new layer,Select ractangular marquee tool from tools panel.
Make a selection of 1*50 Pixels.Fill it with Gray color,
Make this layer opacity to 40%


Now selecting this layer press ctrp+j Three times to create three duplicate layer.
and move the dividers to right side(follow this picture)


Now your Navigation bar is ready to use.
Thank you.

Posted in: Layout