1. Make the selection
Create a new document, any old template size will do.
Fill the background with a very dark color, I've used #1A1A1A
Create a new layer and use the rectangular marquee tool to make a navigation bar sized selection
2. Making the bar
Fill the selection with the same color as the background, apply this Gradient Overlay
Create another layer and with the marquee tool make a selection at the top of the bar half the size, since my bar is 40 pixels in height, the top selection will be 20 pixels.
Use the gradient tool to make a White to Transparent gradient from the top to the bottom.
I changed the layer mode to Soft Light and the opacity to 40%.
3. Adding a button
Under the glossy layer create another layer and make a selection about 100 pixels wide, and the same height as the bar
On the new layer fill the selection with #2a88c5 and apply the same gradient overlay as the original layer
4. Adding text
Make some text then apply these layer styles:
I added some more text with a different gradient stroke and some other highlights.
PSD can be found here. Thanks for reading.
More Tutorials: 
