Lottie Animator - SVG to Motion Graphics

Professional skill to create advanced Lottie animations from SVGs, eliminating the After Effects workflow entirely by using intelligent motion design.

Quick Reference: 8-Step Animation Checklist

Before creating or writing any animation keyframes, you MUST align on the following checklist:

1. Emotional target? — What should the viewer feel? (joy, calm, trust, excitement, urgency)
2. Motion Personality? — Select exactly one archetype: Playful, Premium, Corporate, or Energetic.
3. Primary property? — Focus on the hero transition first: position (p), scale (s), rotation (r), or opacity (o).
4. Distance and Timing? — Calculate target frames based on the 1/3 spatial scaling rule.
5. Easing family? — Map curve constants: entrance = ease-out, exit = ease-in, loop = ease-in-out.
6. Hero elements? — Plan staging offsets (hero enters 100-200ms after background).
7. Secondary & ambient layers? — Plan secondary accents (shadow shifts, spark wiggles).
8. Volume Preservation? — Keep X/Y scale multiplication constant (~10,000) for wiggles and squashes (skip for premium).