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 Option Bar, click on the Fill Pixels icon.

Step 5: In the Options Bar change 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". ( Its first from the left)

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

Step 18: From your Layer Styles, choose Bevel and Emboss.

Step 19: For Style, choose Inner Bevel. Set the angle to 126, Depth to 2, and Size to 4. 

Step 20: Raise the highlight Opacity to 100% and lower the shadow opacity to 50%.

Step 21: In the list of styles on the left hand side, click on the name Outer Glow.

Step 22: Set the Blend Mode to Normal, and click on the Color Swatch. Choose 30% Black as your Glow Color. Increase the Spread to 25% . Click Ok.

Step 23: Hold the Apple+ Key and in the Layers Palatte, click the layer that contains the Tab

Sep 24: Go to the Select Menu, Under Modify, choose Contract. Enter 5 Pixels. Click Ok.

Step 25: 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 26: Add a new layer.

Step 27:  Press X then Option+ Delete.

Step 28: Deselect

Step 29: Go to Filter Menu, under Blur, choose Gaussian Blur. Enter 1.5 Pixels. Click OK

Step 30: Lower the Opacity to 30.