Glossy Clan Navigation

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.