This tutorial is about creating glossy buttons using Illustrator.
1. Creating the Circle Shapes
Draw a circular path and fill it with orange colour. Copy (Ctrl+C) the image and Paste in Front (Ctrl+F). Scale it down to 40%. Drag the copy and place it slightly below the central point of the orange circle.
2. Bend Tool
Choose the Blend Tool. click on the top edge of the yellow circle and then click again on the top edge of the orange circle. Or blend them by choosing both the circles and move to Object > Blend > Make (Ctrl+Alt+B).
3. Adding Light Reflection
Create an oval path. Fill it with black & white Gradient. Place it on top of the circles. Note: If colour setting is CMYK, make sure that the black gradient is full black (C=100, M=100, Y=100, K=100). Choose the oval path and then navigate to Transparency palette, select Screen Blend Mode. If the Transparency is not visible, then go to Window > Transparency or press Ctrl+Shift+F10.
Advantages
Here are some of the advantages of creating glossy button in Illustrator than in Photoshop:
1. It is a vector image. So, it is scalable.
2. It is quite easy to create
3. It is easy to change the colour using the fill.
