Shadows & Glow
Drop Shadow
A shadow cast behind the element. Simulates a light source above-left by default.
Properties
- •Color — shadow color. Does not need to be black; colored shadows are fully supported.
- •Opacity — shadow transparency (0%–100%)
- •Offset X — horizontal distance from the element to the shadow (positive = right)
- •Offset Y — vertical distance from the element to the shadow (positive = down)
- •Blur Radius — the softness of the shadow edge. 0 = hard edge. Larger values = softer, more diffused shadow.
- •Spread — expands or contracts the shadow before the blur is applied. Positive spread makes the shadow larger than the element.
All shadow properties are animatable.
Multiple Shadows
A shape can have multiple drop shadows simultaneously, each with independent settings. Click the + button in the Shadow section to add additional shadows.
Inner Shadow
Identical properties to Drop Shadow, but the shadow is cast inside the shape rather than behind it. Creates a concave, pressed-in appearance.
Inner shadows interact with the element's fill layers — the shadow is composited on top of the fills but inside the shape boundary.
Outer Glow
A soft halo of light radiating outward from the element.
Properties
- •Color — glow color. Bright colors against dark backgrounds produce the strongest glow effect.
- •Opacity — glow transparency
- •Spread — how far the glow extends before the blur begins
- •Blur Radius — softness of the glow falloff
- •Blend Mode — how the glow composites with the layers beneath the element. Screen or Add produce luminous light effects; Normal produces a colored halo.
Inner Glow
A soft glow emanating from the inner edge of the shape boundary inward.
Properties identical to Outer Glow. Inner glow can simulate edge lighting or subsurface light in stylized compositions.