Making Glossy Button in Illustrator

This tutorial is about creating glossy button using Illustrator.
1. Creating the Circle Shapes
Draw a circle 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.

Draw a circle path and fill it with orange colour.
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).

Choose the Blend Tool. click on the top edge of the yellow circle
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.

Create an oval path. Fill it with black & white Gradient

 

Choose the oval path and then navigate to Transparency palette,
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.

Making Glossy Button in Illustrator has be implemented

FOR MORE TUTORIALS  –  CLICK

avatar admin (257 Posts)