How to Create a Glossy Effect in Illustrator
In this tutorial, we’ll examine how to create a simple glossy effect on a rounded rectangle shape (which can be applied to different shapes) using Adobe Illustrator.Next: Social Media Optimization: SMO is the New SEO, Part 2
Step 1: Base Shape
Select the Rounded Rectangle Tool available in the Tools Panel. To select this shape, hold the mouse button while clicking the Rectangle Tool (M). Drag out a rounded rectangle shape (R=152 G=220 B=244) and label this “Base.”
Duplicate the “Base” layer and remove the stroke. Label this layer “Inner Glow.” Change the fill color to a lighter shade (R=222 G=246 B=252).
Cut this rectangle to about 1/6 the height by selecting the Rectangle Tool (M) and create a new rectangle to act as a “cookie cutter.”
*Note: For some shapes, you can use a circle as the “cookie cutter” or simply use the eraser.
Make sure the new rectangle layer is above the other layers. With the new rectangle and the “Inner Glow” layers selected, choose the Pathfinder > Shape Modes: Subtract from shape area.
Select the fill paths from the “Inner Glow” and “Base” layers, choose Object > Blend > Blend Options and under Spacing: Specified Steps = 21. Then choose Object > Blend > Make.
*Note: For some shapes, you can create a gradient (with the lighter/darker color at the bottom and the base color toward the top) instead of using a Blend.
Select the “Highlight” layer created earlier and move this layer under the top “Stroke” layer. Change the fill color of the “Highlight” to R=232 G=246 B=249. As before, create a rectangle to be used as the “cookie cutter” and place this above the “Highlight” layer.
As aforementioned, for some shapes, you can use a circle as the “cookie cutter” or use the eraser.
Select the new rectangle and the “Highlight” layers and choose the Pathfinder > Shape Modes: Subtract, and then Expand.
*Note: For some shapes, changing the gradient from linear to radial works best.