In this Adobe Photoshop tutorial I will show you how to make a custom shaped glossy web button in just a few easy steps

1.
Start with draging a ellipse with the elliptical drawing tool.

2.
Now with the elliptical selection tool select an inner part of the ellipse from before as shown below, (you do not have to select center).

3.
Now hit delete to delete the selected part.

In a new layer fill the selection with the color white.

4.
In the layers panel double click the layer with the first shape, to get to the layers style panel and give it settings as shown below.

5.
In the layers panel double click the layer containing the white ellipse from before, to get to the layers style panel and give it settings as shown below.

6.
hold down ctrl and click the shape layer in the layers panel to load the selection, then drag a subtraction selection over the top of the shape as shown below.

7.
Make a new layer and name it reflection.
Drag a gradient from white to transparent over the selection so that you shape will look like this.
Go to filters -> blur -> gaussian blur and blur it about 8.

8.
Now repeat the same reflection steps for a bottom reflection.

9.
Now make a new layer between the shape layers and the reflection layer (these should be placed at the top), then make your custom shape inside the button and make its layer blending mode to color dodge.