In this tutorial I`m going to show you how to create a clean and modern navigation menu in Photoshop. The navigation will have a dropdown menu and a beautiful ribbon as a home button. Along the way, we`ll use different photoshop techniques and layer styles explained in very detailed images to help you following the tutorial with ease.
Create new document 800x 200 pixels with background color #212121
Next set the your foreground color #00b5e9, Select the rectangle marquee tool and create a rectangle box across leaving about 20px on both sides.
Now let’s add a gradient overlay to our new rectangle layer. Right click on layer>Blending Options>Gradient overlay. Now lets add a stroke to our Nav. 1px color#fff.
Ok it is now time to add some text to our Nav.
For the final step we will add some dividers between our text.
Select the rectangle marquee tool color #fff, and make a 1px line like the one below, Then duplicate the layers
Congratulations, you now have a cool Navigation Menu to show off on your website