MixavisdocsHomeCommunityOpen editor
DOCS/Effects

Outer Glow

Shadow & Glow

A soft halo of light around the silhouette.

Outer Glow is a drop shadow with no offset and a bright colour. It spreads evenly in every direction, so it implies emission rather than a light source somewhere off-frame.

Because it does not imply direction, it composites over anything without needing to agree with the rest of the scene's lighting.

What it looks like
Aa
Before
Aa
Outer Glow
Same artwork either side, so the difference you see is the effect. Built with the same SVG-filter primitives the product uses, but tuned for legibility at this size — treat it as a faithful illustration of the behaviour rather than a pixel-exact capture of the editor.

When to reach for it#

  • Neon, magic, energy, anything that should look like it emits light.
  • Separating a subject from a background without implying a light direction.
  • Making small bright elements read at a distance.

How it works#

The glow is the silhouette, blurred and tinted, drawn behind. Style changes how the falloff is shaped: a simple glow falls off smoothly, while the neon styles stack a tight core against a wide soft halo, which is what real gas-discharge light actually does.

Parameters#

Stylestyle#

Simple is one smooth falloff. Double stacks a tight inner glow against a wider outer one. Neon adds a bright near-white core. Soft is a very wide, very low-opacity spread for atmosphere.

Sizesize#

How far the glow reaches in pixels. Large sizes on a large layer are one of the more expensive things you can ask for per frame.

Colourcolor#

Glows read best when the colour is more saturated than the layer it surrounds. A glow the same colour as the fill mostly disappears.

Opacityopacity#

Overall strength.

Spreadspread#

Grows the source silhouette before blurring, which thickens the glow rather than enlarging it.

Recipes#

01

Convincing neon

  1. Set the layer fill to a light, desaturated version of the neon colour — near-white, faintly tinted.
  2. Add Outer Glow, style Neon, in the fully saturated colour.
  3. Add a second Outer Glow with a much larger Size and low Opacity for the room glow.

The core of a real neon tube is almost white; the colour is in the light around it. Colouring the tube itself is the usual mistake.

Things that catch people out#

Glow escapes masks applied earlier

The glow runs after the mask, so it spreads past the mask edge. Mask the parent instead if you need it clipped.

See also#

effectsGlow (Bloom) — driven by brightness instead of the silhouette→effectsNeon Glow→

Something here wrong or missing? Tell us in the community.