Interactive animation tutorial with After Effects & Lottie Creator
LottieFiles·Feb 10, 2026·5 mins 22 secs
In this interactive animation tutorial, I’ll walk you through how to bring your After Effects animation into Lottie Creator and wire it up using State Machines. You’ll see how to break a single animation into smaller sections, define interaction logic, and control playback based on user input.
Remix this animation: https://creator.lottiefiles.com/?remixId=9fcd4b37-275d-477d-9e01-eb5494c488e5&utm_source=&utm_medium=creator
Explore State Machines: https://lottie.link/state-machines-yt
11 Videos · 1 hr 13 mins 13 secs
1
4:49State Machines Explained : Overview of Segments, Inputs, Transitions & MoreLottieFiles
2
5:49State Machines Tutorial Part 1: Creating an Interactive Radial Menu with Segments & StatesLottieFiles
3
11:02State Machines Tutorial Part 2: Adding Inputs & Transitions on an Interactive Radial MenuLottieFiles
4
4:16State Machines Tutorial Part 3: Adding Interactions & Exporting the Radial MenuLottieFiles
5
5:59State Machines Tutorial: Implement State Machines on Web with dotlottie-reactLottieFiles
6
7:32State Machines Tutorial: Implement State Machines on iOSLottieFiles
7
7:21State Machines Tutorial: Implement State Machines on AndroidLottieFiles
8
5:37Animation tutorial: Adding interactivity into a counting number animation (Part 2)LottieFiles
9
8:31How to add UI interactions With Figma & Lottie CreatorLottieFiles
5:22Interactive animation tutorial with After Effects & Lottie CreatorLottieFiles
11
6:55Create interactive animation without coding | State Machines TutorialLottieFiles