Photoshop Tutorial

Techy and metallic style interface navigation bar

Techy and metallic style interface navigation bar

Learn how to make this stylish Techy and Metallic style interface navigation bar.
Web Graphics » Pspack
Views: 28383 | 2 Comments
Page(s): 1 2 Next »

Techy and metallic style interface navigation bar



Learn how to make this stylish Techy and Metallic style interface navigation bar.
Here is the final result:



Let start!



Start this tutorial by making a new document.

Click on "Rounded Rectangle Tool" and make a rounded rectangle as shown







Right click on its layer and click on [ Rasterize Layer ].




Click on [ Rectangular Marquee Tool (M) ] and make a selection as shown.



Now press Del key.




Making style
Double click the layer or go to Layers->Blending options and apply settings as shown.







Result:



click on [ Rectangular Marquee Tool (M) ] and make a selection as shown.



Now press Ctrl + N to create a new layer.

fill it by #000000.



Making style
Double click the layer or go to Layers->Blending options and apply settings as shown.





Your Result should be like this:



Complete navigation buttons by making some copies of its layer.