Red Gel Button

Red Gel Button

We'll begin this tutorial, by using the below settings. Tip: While using the "Line Tool" hold the "Shift" key in on your keyboard so it will match up corner to corner. (45 degree angle)

Once you are satisfied with the look, go to the main menu and select "Edit" then "Define Pattern" Give it it a name and click OK.
Next, create a new document/canvas with a size of 274 x 151. Then select the "Paint Bucket Tool" and change the fill area source to pattern in the Options Palette. Find the pattern that you just created and fill the background layer with it.

Next, select the "Rounded Rectangle Tool" set at 10 pixels, with the color 7a1010, draw the shape illustrated below. Name this layer "Button".

Now right click on the "Button" layer and select, "Blending Options...". Now click on "Drop Shadow".

Do not click "OK" yet. Still more to do.
Now click on "Bevel and Emboss".

You may now click OK.
Now click on "Contour".

You may now click OK.
You should now have the below image.

Then select the "Pen Tool". Draw the below shape as illustrated using Black as the color. Call this layer "Shadow".

Now "Ctrl" click the "Button" layer to create a selection around it and go to the main menu and click on "Select" then "Inverse". Rasterize the "Shadow" layer by going to the main menu and selecting "Layer" then "Rasterize" then "Shape". Make sure the "Shadow" layer is indeed selected in the Layers Palette and hit Delete on your keyboard and deselect the selection.

Place the "Shadow" layer beneath the "Button" layer in the Layers Palette.

Next, "Ctrl" click the "Button" layer again to create a selection around it and create a new layer and change the Blending Mode to "Color Dodge". Call this "Highlight". Now select the "Brush Tool" and set the foreground color to c02626, the size to 12 and hardness to 0%. Then begin to brush along the bottom edge of the selection as I have done below.

Select the "Text Tool" and use the settings below and type your text.

You should now have the following:

Now right click on the text layer and select, "Blending Options...". Now click on "Outer Glow".

You may now click OK.
The Results!!!
I hope you enjoyed this tutorial.

another sample in blue

Source: http://www.tutorialcut.com/tutorials/photoshop/website-graphics/Chrome-Button