Create interactive animation with Rive. Constraints, Animation Layers and More!
Check out the corresponding blog post: https://www.schoolofmotion.com/blog/rive-tutorial-interactive-spinner
In this tutorial, Joey Korenman dives deep into Rive to create an interactive spinner animation. He'll explore advanced features like constraints and animation layers in the state machine to achieve smooth transitions that you can't get with tools like Lottie or After Effects. Whether you're new to Rive or looking to deepen your skills, this video will open your mind to the possibilities of interactive animations in apps and websites. Follow along, experiment, and unlock the potential of Rive.
Don't forget to watch our intro to Interactive animation in Rive: https://youtu.be/yaP07L5J50E?si=lFomTMYnGRKSoaOj
Want to learn Rive from the ground up? Check out our new course, Rive Academy Volume 1: https://www.schoolofmotion.com/courses/rive-academy-volume-1
CHAPTERS
00:00 Intro
00:09 Understanding Rive’s Capabilities
01:23 Timelines in Rive
03:07 Creating the Initial Design
06:33 Animating the Rotating Dots
11:07 Setting Up the State Machine
21:21 Animating the Oscillating Dots
25:53 Looping the Oscillation Animation
33:15 Intro to Constraints
44:50 Final Adjustments
SHOW NOTES
Get all the show notes in our corresponding blog post: https://www.schoolofmotion.com/blog/rive-tutorial-interactive-spinner