This is a simple Navigation Bar and Button Tutorial Using Photoshop Designing tutorial. This will going to create a navigation bar for the web in a simple format using photoshop. if you like to know or like to do how to create it then you have to apply it and you will learn a lot to create cool navigation bar.
First of all, create a new document and fill the background with a dark gray. (my document is 430 x 130, and my background color is #161616)
Empty image, oh yeah! Make a new layer then make a selection sized around 400 x 34, fill the selection with #393939.
Apply this following Gradient Overlay.
Your Oject Look like this
Make a new layer and select the bar again, fill the area with a nice pattern.
(note: click the word pattern above to be taken to the pattern image)
Change the layer opacity of this pattern layer to 30%.
Make a new layer again and with the Rectangular Marquee Tool make a set sized selection of 300×26 in the middle of the main bar.
Fill this selection with #161616.
Apply the following layer styles:
1. Inner Glow
2. Gradient Overlay
3. StrokeNow your Object Look like this…