In this Adobe Photoshop tutorial you will see how to make a custom shaped smooth and glossy web button.

1.
Start by drawing an elliptical shape on the stage, then make a smaller one to the right as shown below.

2.
Now draw a rectangle over the circles, use the free transform tool (edit -> free transform), hold down ctrl and drag the corners out to the edges of the circles as shown below.

3.
In the layers panel select all the shapes layers you just made then right click and merge them together.
Hold down ctrl and click the new layer we just merged to load the selection.

4.
Make a gradient as the one below and drag it over the selection.

5.
Now go to edit -> transform -> wrap and drag the handles as in the first image below, so the result will look like the second image below.

6.
Now double click the shape layer in the layers panel to get to the layers style panel, and give it settings as shown below.

7.
Make an elliptical selection to fit the the shape as shown below, then fill it with white color.

8.
Double click the shape layer in the layers panel to get to the layers style panel, and give it settings as shown below.

9.
Now make a new layer and name it reflection, then hold down ctrl and click the shape layer from before to load the selection, with the elliptical selection tool and selection mode called intersect with selection drag and select as shown below.

10.
Now drag a gradient from white to transparent over the selection.
Go to filters -> blur -> gaussian blur and blur it about 4 to soften the reflection.

Now you can write some menu text to the right, and you have made a custom web button in Photoshop.