Blue Glassy Nav Bar

Create a Navigation Bar for your web site with a glassy look.

1. Start by opening a new 460px by 70px file
2. Select the Rounded Rectangle Tool and make a rectangle with any color. Right click over the layer and select Rasterize Layer

3. Now apply these layer styles to this layer
- Inner Glow

- Gradient Overlay: #96bfcc, #bfdde7 to #ffffff

- Stroke: #96bbcb

4. This is what we have so far

5. Select the Text Tool and write the links for your nav bar using: Trebuchet MS Bold 13pt Strong

6. Now apply this layer style to the text layer
- Drop Shadow

7. This is how it should look like

8. Now, zoom in your image, create a new layer, select the Rectangular Marquee Tool and create a 1px width line that goes from top to bottom of the nav bar, now fill it with #a1b7c1 and move the selection by 1px to the right and fill it with #ffffff

9. Select the Rectangular Marquee Tool and make a selection at the top of the nav bar like in the image below

10. Go to Select -> Modify -> Feather and apply 5px radius, now press Del or go to Edit -> Clear, move the selection to the bottom and press Del again

11. Duplicate this layer for as many links as you have, and place it between each one. Your nav bar should look like this