1. Create a new layer set and name it "Selected Button ". With a Rounded Rectangle Tool radius 5 px create a shape:
2. Then take a Rectangle Tool and create a second shape in the same layer with "Intersect with shape area" option active 
to intersect new shape with existing one:
3. Double-click on this layer to open the Layer Style window and use the settings from the following image for Gradient Overlay:
Bevel and Emboss:
Drop Shadow:
Here is a result:
4. Dublicate "Selected button" layer set and move it to the left. Name dublicated set "Button out":
5. Dublicate a "plastic" shape, disable all effects under this layer:
6. Click this layer and change the color of the shape to #000000, then set the blend mode for this layer to Soft Light with opacity 80%.
. 
7. CTRL+Click black layer to load a selection:
add new layer (I named it "shadow") and with a Gradient Tool from a color #00446A to transparent create a bottom shadow. Deselect.
8. Dublicate "button out" set several times:
Add your text (in Photoshop or editable in HTML) and enjoy.
No related posts.
Its great to show how navigation tabs like these are more simple to create than you’d think. The text emboss really finishes it off nicely.
Simply handy tutorial,very helpful ,want more like this.Good going man.
hi man.. very good tutorial
do you know where i can find the script for this simple leave a reply box .. tutorial, link or sometnih plzz ?
guestbook like this on your site..
thx