Class Overview: 
Ever wanted to create animations that react to clicks, hovers, or taps? In this beginner-friendly class, I’ll show you how to use Rive’s State Machine to add interactivity to your designs—no coding required!
We’ll start with the basics, learning how to navigate Rive’s interface and learn how to prepare a design for animation. Then, we’ll dive into the State Machine, where you’ll discover how to make animations change based on user input. By the end of the class, you’ll have built your own interactive animation and gained the skills to bring your designs to life!
This class is perfect for animators, motion designers, UI/UX designers, or anyone curious about interactive animation. No prior experience with Rive is needed—just a passion for creativity!
<img src="https://static.skillshare.com/uploads/discussion/tmp/d9d4c66a.gif" class="zoomable rounded-image-wrapper" alt="d9d4c66a.gif">
What You Will Learn:
• How to navigate Rive and set up your first project • The basics of animation in Rive • How the State Machine works and why it’s so powerful • How to create animations that respond to user interactions • How to export and share your projects
Why You Should Take This Class:
Interactive animations are essential in creating engaging user experiences across websites, apps, and games. By learning Rive's State Machine, you'll be able to design animations that are not only visually appealing but also responsive and interactive, setting your work apart in the digital design landscape.
Create an account on Rive: <a href="https://rive.app/login/" rel="nofollow noreferrer noopener" target="_blank">rive.app/login/</a>
What You’ll Need:
• A computer with Rive installed (free at rive.app) • Internet connection • Pre-made design files (provided in the class resources)
Let’s Get Started!
Join me in this fun and hands-on class, and let’s create something amazing together!

Introduction

Understanding Rive’s Interface

Introduction to the State Machine

Tidy Up the Hierarchy

Setting Up States with Timelines

Dive Deeper - Transitions + Listeners

Interactive Class Project

Share Your Work

Final Thoughts & Next Steps

Class Resources.zip

Interactive switch button

Interactive Animations in Rive: A Beginner’s Guide to the State Machine

Yaya Gadon gave you 1 free month of Skillshare

Get 1 free month of Skillshare

Interactive Animations in Rive: A Beginner’s Guide to the State Machine

Project Example by Yaya Gadon

Project Example by Yaya Gadon

Creative Learning Made Easy

Company

Work With Us

Teach with Us

Shop

Mobile