Navigation Bar Using Adobe Photoshop

Yes, you lot tin practice a navigation bar using adobe Photoshop. Here, inward this tutorial I volition say you lot how to practice a fashionable navigation bar. We are going to practice the easiest navigation bar using solely to a greater extent than or less basic selections. Let us accept a hold off at what nosotros are going to create:

Step 1: Create a novel document of a rectangular size or the size you lot wish to live your navigation bar of. And thence role Rectangular Marquee Tool to brand a alternative together with thence fill upwards it alongside the color #2c2c2c.

Step 2: Now become to this layer together with click to opened upwards the window of blending options together with practice the next changes:

And you lot volition right away teach the next image:

Step 3: Again lead the rectangular Marquee Tool together with brand a alternative together with fill upwards it alongside #444444:

It volition right away hold off like:

Step 4: Again brand a alternative using the same tool together with fill upwards it alongside dark color:

Again practice the same matter together with fill upwards it alongside #181818:

After all of the to a higher house steps done, you lot volition teach the lines like:

Step 5: Now over again practice a novel layer together with brand the next alternative together with fill upwards this alongside #2d2d2d:

Go similar Layer -> Layer Style -> Blending Options together with practice the next changes:

You volition right away teach the next image:

Step 6: Create a novel alternative together with fill upwards it alongside white color together with turns it opacity to 10%.

Now you lot volition get:

Step 7: Zoom out the ikon together with select the petty correct together with left business office of the previous alternative together with fill upwards it alongside white color to teach the next look:

Step 8: Repeat the to a higher house physical care for to teach the many buttons on the navigation bar every bit you lot similar together with that also of the desired sort together with thence merge all these layers into one.

Step 9: Now over again role the rectangular marquee tool together with brand the next selection:

Now become similar Layer -> Layer Style -> Blending Options -> Gradient overlay together with lead linear slope of dark color from elevation to bottom together with you lot volition get:

Step 10: Now over again brand the next alternative together with fill upwards it alongside the color #3d3d3d:

Now nosotros volition get:

Step 11: Now our navigation bar is nigh ready, the solely matter left is to add together to a greater extent than or less text, role the Text Tool from the left menus to add together text every bit next together with nosotros teach our lastly ikon as:

And nosotros are finished alongside this tutorial of navigation bar. Hope you lot similar it.

Sumber http://anotherphotoshopblog.blogspot.com