Photoshop

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.
Simple Navigation Bar n Button Using Phtoshop
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)
Simple Navigation Bar n Button Using Phtoshop
Empty image, oh yeah!  Make a new layer then make a selection sized around 400 x 34, fill the selection with #393939.
Simple Navigation Bar n Button Using Phtoshop
Apply this following Gradient Overlay.
Simple Navigation Bar n Button Using PhtoshopYour Oject Look like this

Simple Navigation Bar n Button Using Phtoshop
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)
Simple Navigation Bar n Button Using Phtoshop
Change the layer opacity of this pattern layer to 30%.
Simple Navigation Bar n Button Using Phtoshop
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.
Simple Navigation Bar n Button Using Phtoshop
Fill this selection with #161616.
Simple Navigation Bar n Button Using Phtoshop
Apply the following layer styles:
1.    Inner GlowSimple Navigation Bar n Button Using Phtoshop
2.    Gradient OverlaySimple Navigation Bar n Button Using Phtoshop
3.    StrokeSimple Navigation Bar n Button Using PhtoshopNow your Object Look like this…
Simple Navigation Bar n Button Using Phtoshop

About the author

NadeemSMB

1 Comment

  • I think other web-site proprietors should take this website as an model, very clean and excellent user genial style and design, as well as the content. You’re an expert in this topic!- Elegant London Escorts, 65-67 Brewer Street, Floor: 2, London W1F 9UP. Phone: 020 3011 2941

Leave a Comment


*