What problem does it solve?
This Skill solves the common issue of stiff, unengaging Lottie animations exported from After Effects, which lack the natural movement that makes animations feel polished and professional. It removes the guesswork of applying industry-standard animation techniques to vector animations by providing clear, principle-specific guidance for both After Effects authoring and runtime Lottie control.
Core Features & Use Cases
- 12 Disney Principle Guides: Step-by-step After Effects setup instructions for each of Disney's core animation principles, including squash and stretch, anticipation, follow through, and slow in/slow out, tailored specifically for Lottie (Bodymovin) export workflows.
- Runtime Lottie Code Snippets: Ready-to-use examples for controlling animation playback speed, direction, segment playback, and interactive event triggers in web applications using the Lottie web player.
- Use Case: A motion designer creating UI micro-interactions can use this Skill to add squash-and-stretch to button press animations, implement anticipation for page transition effects, and add hover-triggered reverse playback to Lottie assets, resulting in more polished, user-friendly interface animations.
Quick Start
Use the lottie-bodymovin skill to apply the squash and stretch and anticipation principles to your After Effects Lottie export and add interactive hover playback controls to the final animation.
