Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Interactive Spinner Animation in Rive - Creating Dynamic Loading Animations

School of Motion via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Follow along with this 47-minute tutorial to create an interactive spinner animation using Rive's advanced features. Learn how to leverage constraints and animation layers within the state machine to achieve smooth transitions that surpass traditional animation tools. Starting with Rive's fundamental capabilities and timeline system, progress through designing and animating rotating dots, implementing state machines, creating oscillating animations with seamless loops, and mastering constraints. Master techniques for building interactive animations suitable for apps and websites while exploring practical examples and hands-on demonstrations. Gain insights into the complete workflow from initial design to final adjustments, with detailed explanations of each step in the process. Perfect for both beginners and experienced animators looking to expand their interactive animation toolkit.

Syllabus

Intro
Understanding Rive’s Capabilities
Timelines in Rive
Creating the Initial Design
Animating the Rotating Dots
Setting Up the State Machine
Animating the Oscillating Dots
Looping the Oscillation Animation
Intro to Constraints
Final Adjustments

Taught by

School of Motion

Reviews

Start your review of Interactive Spinner Animation in Rive - Creating Dynamic Loading Animations

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.