Summary
Shape and timing decide whether a visual effect reads as an intentional spell or as incidental noise. Shape language governs what the effect looks like frozen in a single frame; timing governs how it unfolds across frames. In a busy competitive scene, both must be disciplined: simple hand-painted shapes with clear silhouettes, paired with a three-stage timeline that tells the player the effect is coming, happening, and ending.
Key ideas
Shape language
Riot’s guidance for VFX texture authoring:
- Hand-paint all textures with concise, deliberate detail. Photographic textures or overly busy noise fields create visual clutter without adding information.
- Mix soft and sharp shapes. Soft gradients carry atmosphere and energy; sharp edges define silhouettes and directional intent. Using only one produces either mush or hardness.
- Well-defined silhouettes. The effect must read as a recognisable shape at a glance — circle, cone, beam, burst — not as a cloud of particles.
- Simple shapes in busy moments. In teamfights, simpler shapes read faster than complex ones. Complexity belongs in calm moments or in ultimate-tier effects.
Creating movement with the shape layer
Motion blur is not a post-processing afterthought; it is part of the shape authoring. Fast-moving particles without blur look like dropped frames or jitter. With directional blur, the same particles read as purposeful motion. The blur also tells the player where the effect is going, which is gameplay information.
Three-stage timing
Every effect is composed of three stages:
- Anticipation — a wind-up or tell that the effect is about to happen. Usually lower saturation, lower opacity, a charging or gathering motion. This is the player’s cue to react.
- Main — the payload. The moment of impact, burst, or peak expression. Highest value, saturation, opacity, and size.
- Dissipation — the fade out. The effect dies with lower value, saturation, and opacity than the main. Dissipation is a secondary element: it must never compete with the main stage, and it must never linger beyond its purpose.
Fading can be driven by any or all of value, hue, saturation, opacity, and size.
Dynamic vs linear timing
Linear curves — constant velocity, constant growth, constant fade — produce mechanical, unsatisfying effects. Dynamic curves (ease-in/ease-out, anticipation overshoot, snappy attack followed by slow decay) produce impact. Riot cites Ekko’s R as a clear example: non-linear timing between cast and explosion blast creates a more powerful moment than a constant ramp would.
This is the same principle as Disney’s timing and “slow in, slow out”: bodies and forces in the real world do not move at constant speed, and game-feel follows the same rule (see game-feel).
Minimising linger time
The most common VFX failure in competitive games is over-persistence. An intensely opaque, long-lingering effect dominates everything around it, even after its gameplay moment has passed. Corrective practice:
- Fade the main stage quickly after its gameplay window closes.
- Use transparency even at the peak moment so other effects can still read through it.
- Treat the dissipation as a suggestion of what happened, not a replay.
The Syndra W comparison in the guide: the version with long linger time blocks the teamfight; the version that fades off quickly lets the rest of the fight remain legible.
In practice
Unity specifics:
- Unity Particle System — use Colour over Lifetime, Size over Lifetime, and Velocity over Lifetime curves to shape all three timing stages in data. Mark the attack portion as fast ease-out, the decay as slow ease-in.
- Stretched Billboard render mode gives cheap directional motion blur on fast-moving particles.
- Animation curves are authored as AnimationCurve assets and can be shared between particle properties for consistent feel.
- VFX Graph (URP/HDRP) exposes age-based evaluation explicitly; three-stage timing maps directly to Spawn → Update → Output blocks.
- For hand-painted flipbooks, use Texture Sheet Animation on a particle system with a single painted sheet. Keep sheets 4×4 or 8×8 to stay in budget.
- Shader Graph (see shader-graph-overview) can drive dissolve, erosion, or edge-bright shaders off particle age — an easy way to get sharp-yet-soft dissipation without painting 16 frames.
- For motion blur as a scene effect, URP/HDRP post-processing Motion Blur volumes cover camera-driven motion; per-particle motion is best handled at the particle level.
Evidence
“A combination of hand-painted textures with a combination of soft and hard defining lines work best. Avoid using photographs texuture or visuals with superfluous detail because it creates unnecessary noise.” (Riot Games, League of Legends VFX Style Guide, see source-lol-vfx-style-guide)
“All effects should have anticipation and dissipation. Outros should be considered as a secondary effect; with a lower value, saturation, and opacity.” (Riot, see source-lol-vfx-style-guide)
“Fast moving particles without motion blur end up creating visual noise and illusion of frame drop.” (Riot, see source-lol-vfx-style-guide)
“We intentionally minimize an effect’s linger duration to reduce visual noise for team fights.” (Riot, on Syndra W comparison, see source-lol-vfx-style-guide)
Implications
- VFX timing is design information, not just art polish. Anticipation length is effectively the player’s reaction window; it belongs in combat tuning, not only in art review.
- Linger time should be treated as a budget, not a default. Every on-screen effect is spending from a shared readability budget.
- Dynamic curves take more authoring effort than linear ones but pay back in perceived power. Linear curves are usually a sign that no one has passed on the effect with timing in mind.
- Motion blur on particles is one of the cheapest upgrades in a VFX pass and is almost always worth doing.
Open questions
- How should linger times be tuned for spectator modes and replays, where slower timing might help viewers read what happened?
- At what point does heavy anticipation become telegraphing that breaks competitive balance (e.g. windows so long that high-level players always dodge)?
- How do these rules change in VR, where motion blur can induce cybersickness and anticipation/dissipation timings interact with embodied perception?