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.

Step 5:
In the Options Bar increase the radius to 20

Step 6:
Draw your rounded corner bar.

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 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.
Raise the highlight Opacity to 100% and lower the shadow opacity to 50%.

Step 20:
In the list of styles on the name Outer Glow.

Step 21:
Set the Blend Mode to normal, then click on the color swatch, choose 30% black as your arrow color.
Increase the spread to 23%. 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.
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 to.

Step 25:
Add a new layer.

Step 26:
Press x.
Then Option+Delete.

Step 27:
Deselect.

Step 28:
Filter Menu, Blur, choose Gaussian Blur.
Enter 1.5 pixels.
Click OK.

Step 29:
Lower the opacity to 70%.