Simple Navigation Bar n Button Using Phtoshop

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.


1.
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%.

2.
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…

Thank you for visit our blog.
Hope you can learn something new from this tutorial. You can share your thought & suggestion with us though comments below.

Discover the top most quality clipping path, clipping path serviceor low cost clipping path, image masking service&photo editingin reasonable price with quick turnaround time from Clipping Design, one of the most popular outsourcing clipping path service provider.
Clipping Design always ready to provide 100% handmade clipping path, photoshop clipping path, clipping path service, SEO service&photoshop maskingwith Guaranteed client satisfaction on top quality clipping path service&masking service .

Thank you…

Reference: buildtutorial