Source metadata
- Type: Internal studio style guide (PDF, 37 pages)
- Author: League of Legends VFX Discipline (Riot Games)
- Full title: The Complete Guide to Creating Visual Effects Within League of Legends
Key takeaways
- VFX is a gameplay-readability system, not decoration. Riot’s four stated goals are visual clarity, minimal clutter, thematic reinforcement, and surprise/delight — in that order.
- Every effect has a primary and secondary element. Primary carries the gameplay signal (focal point, high value, clear silhouette, strong shape, high opacity). Secondary carries theme and flavour (lower value, blurry/simple shape, low opacity, subtle movement).
- Visuals must match hitboxes. Area-of-effect art should show the actual radius at ground level so camera angle does not mislead players (Teemo mushroom and Sona ultimate are named as corrective redesigns).
- Scale of importance. Idle particle → basic attack → defensive spell → damage spell → game changer → ultimate, each with increasing size, saturation, opacity, value range, and movement intensity. An ultimate should never look like a basic attack.
- Four value and saturation bands. UI, Character, VFX, and Environment each occupy different value/saturation ranges so they remain distinguishable in combat. VFX sits wider and higher than character and environment but below UI extremes.
- Avoid pure 0% and 100% values/saturation in VFX — they collide with UI and environment.
- Prefer analogous colour palettes. When complementary colours appear together, one must be demoted to secondary; otherwise they fight for focal-point status.
- Theme palettes are codified. Void, poison, heal, frost, gunpowder, arcane, shadow isle, nature, celestial, wind, hextech, water — each has a recognisable palette. Ally indicators are blue, enemy indicators red.
- Shape language is hand-painted, mixing soft and sharp. Photographs and superfluous detail are banned; silhouettes must read cleanly.
- Motion blur sells movement. Fast particles without blur read as frame drops rather than speed.
- Timing has three stages: anticipation, main, dissipation. Every effect gets all three. Outros are secondary — lower value, saturation, and opacity.
- Dynamic (non-linear) timing beats linear for impact and satisfaction (Ekko R cited).
- Linger time should be minimised to keep teamfights readable (Syndra W comparison).
Notable claims
- “VFX goals: provide visual clarity for gameplay; minimize visual clutter; deliver visual effects that promote a champion’s themes; create effects that surprise and delight players.”
- “It is ideal to use analogous colors, but when there are two complementary colors in one effect, one of those colors must serve as the secondary color.”
- “Higher value range draws more focus. Contrast can create a clear area of effect. Avoid using 100% or 0% values, as it can be confused for the game environment or UI.”
- “All effects should have anticipation and dissipation. Outros should be considered as a secondary effect; with a lower value, saturation, and opacity.”
- “We intentionally minimize an effect’s linger duration to reduce visual noise for team fights.”
- “A combination of hand-painted textures with a combination of soft and hard defining lines work best.”
Structure
Six sections: I Overview, II Gameplay, III Value, IV Color, V Shapes, VI Timing. Each illustrates rules with annotated “accurate” vs “inaccurate” examples drawn from real champions and skins.
Relevance
Informs pages on VFX design principles, value/saturation management, shape language, and timing in game art. Complements general lighting, composition, and colour pages. Relates to player guidance, game feel, UI design, and particle system implementation.
Open questions raised
- How do these rules scale down to mobile, pixel-art, or top-down games with smaller screen space?
- How should VFX palettes be coordinated with UI accessibility (colour-blindness, contrast)?
- How does Riot author and enforce the per-discipline value bands in practice — tooling, review, or shader tricks?
- How do the rules change for player-vs-environment genres where teamfight readability is less of a constraint?