Today we are going to learn How to Designing Orange Buttons Horizontal Web Navigation bar in Photoshop CS5 with the help or Marquee Selection Tools, Brushes and Texts. Se lets begin.

STEP 1:

First of all create a new Photoshop Project for 1280×1024 pixels resolution. Fill the background color with Black color.

Now create a new layer, select the Rectangular Marquee Tool (M) and make  horizontal shape filled with #FC3826 color as showing below.

STEP 2:

Again select the Rectangular Marquee Tool (M) and make another selection shape over the horizontal bar as showing in next screenshot.

STEP 3:

Next Right Click on its layer, click Blending Options and select Gradient Overlay and set the color properties similar like following screenshot.

STEP 4:

After you have done with the above shape button over horizontal bar, duplicate the layer 4 times more and place it over horizontal bar.

STEP 5:

To add some effects and have more attractive look for horizontal menu buttons, select a blur Brush Tool (B) with 200 px diameter and apply  it over Menu buttons as showing in screenshot.

STEP 6:

For Active or Home Button, select Text Type Tool (T) and type Home text in dark color.

STEP 7:

Finally for other buttons, select Text Type Tool (T) and type buttons text for other menu buttons.

FINAL RESULT

 

I hope you’ve enjoyed this tutorial and learned creating Buttons and Navigation Menus for your templates in a different way. We will appreciate if you add your comments for improve our quality in future tutorials.