Navigation Tab tutorial

Step 1: Change your foreground color to black.

Step 2: Add a new layer.

Step 3: Select the rounded rectangle tool. 

Step 4: In the options bar, click on the fill pixels icon (it's the third icon).

Step 5: In the options bar increase the radius to 20.

Step 6: Draw your rounded corner box.

Step 7: Select the  rectangular marquee tool.

Step 8: Draw a rectangular selection around the bottom 1/4 of your rounded rectangle.

Step 9: Press the delete key.

Step 10: Deselect.

Step 11: Switch to the gradient tool.

Step 12: Click on the arrow to bring up the gradient thumbnail.

Step 13: Double-click on the left color stop under the editor bar.

Step 14: Choose 40% black. Click ok.

Step 15: Double+Click on the right color stop but this time choose white. Click ok.

Step 16: In the layers palette, turn on "Lock transparent pixels" ( it's the first icon from the left.)

Step 17: Using the gradient you created, draw a gradient from the op of your shape to the bottom.

Step 18: From your layers styles choose bevel and emboss.

Step 19: For style choose inner bevel, set the angle to 126, depth to 2 and size to 4. Raise the highlight opacity to 100% and lower the shadow opacity to 50%. Don't click ok yet.

Step 20: In the list of the styles on the left hand side, click on the name outer glow. 

Step 21: Set the blend mode to normal, then click the color swatch, choose 30% black as your glow color. Increase the spread to 25%. Click ok.

Step 22:  Hold the apple key and in the layers palette click the layer that contains the tab.

Step 23: Select modify, contract. Enter 5 pixels. Press ok.

Step 24: Select the marquee tool. Hold the option key then draw a rectangle starting from the bottom of your current selection to just a little below the top.

Step 25: Add a new layer.

Step 26: Press x. Then option delete.

Step 27: Deselect.

Step 28: Filter menu, blur, gaussian blur. Enter 1.5 pixels. Click ok.

Step 29: Lower the opacity to 70%.