Gel Button

That is essentially what the end product should look like, if you use my settings for exact...

1. To begin, you need to made a shape like this. So open up a new document, with all the default settings; except for the size which should be 500x500, or whatever you feel your button will fit inside.

2. Start by creating a perfect circle selection, using the elliptical marquee tool.

3. Make sure view -> snap is checked.

4. Turn on rulers using Control+R.

5. Drag a horizontal ruler to the top and bottom of your selection.(Do this by clicking and dragging on the rulers on the top and side of your document.)

6. Drag a vertical and horizontal ruler through the center of your selection.

7. While the elliptical marquee tool is still out, drag the selection to the right, the distance you drag it should be so that the length between where the selection is and used to be, should equal the size of your button. For a further explanation, look down to the next picture.

If you want a rather large button, that's about how far you should drag the selection.

8. Drag a vertical ruler through the center of the selection.

9. Hold shift and hold the left mouse button down when the mouse is at the intersection of the middle horizontal guide, and the vertical guide on the left.

10. While holding the left mouse button, repress and hold down shift and hold down alt drag the selection until it intersects with the top and bottom guide. Your selection should now look like this:

11. hold shift and click and drag from the beginning of the red arrow to the ending of the red arrow in the upcoming picture.

12. Create a new layer and fill the selection in with the color of your choice, I chose a light blue.

13. Double click your current working layer, and then click "Inner glow". Fill in the following settings:

As for color, just use something a little darker than what you used to fill in the selection.

14. Click "Inner shadow" and fill in the following settings:

15. Click "Outer glow" and use the following settings:

As for color, use something darker than what you filled the selection with.

16. Click "Bevel and Emboss" and fill in the following settings:

17. Click "Contour" and fill in the following settings:

18. Click "Satin" and fill in the following settings:

Use a brighter color than the one you used for your selection you filled in.

19. Use image -> Trim, and then make sure "Top", "Right", "Bottom", and "Left" are checked.

Your image is done, but if you don't want to enter in the styles again if you ever repeat this technique, Click the style tab, and then click inside the tranish area. Next time you want to apply this style, just click the new style tab that you just created.