Creating a glossy button in Illustrator is easy. Here is how you do it:

button_9

STEP 1

Create a new document in Illustrator. Make sure the document is set in RGB color mode (File-Document Color Mode-RBG Color)

button_1

STEP 2

Next, draw the shape that you want the button to be.

button_2

STEP 3

Add a color gradient to the button shape, with the color at the bottom a darker shade of the color at the top.

button_3

STEP 4

Select the button shape, copy it, paste it in the front (Edit-Paste in Front), add a stroke to it (about 2 pts) and send it to the back (Object-Arrange-Send to Back).

button_4

glossy-buttons_10

STEP 5

Next, draw an oval, centering it on the button shape and raise it so that the bottom of the oval is around the center of the button shape.

button_5

STEP 6

Select your button shape (the one without the stroke), copy, paste it to the front and then move the button shape to the front, above the oval (Object-Arrange-Bring to Front).

button_6

STEP 7

Next, select the oval and the top button shape and use the Divide action in the Pathfinder palette. After you have done this, ungroup the pieces, and delete all of the shapes except the shape created by the division of the oval and the top button shape.

button_7

STEP 8

Select the new shape and fill it with a gradient, going from white at the top to black at the bottom. Then select the shape and using the Transparency palette, set it to Screen, at 80% opacity.

button_8