Interactive Animations in Rive: A Beginner’s Guide to the State Machine
Yaya Gadon, Motion Designer
Schau dir diesen Kurs und Tausende anderer Kurse an
Schau dir diesen Kurs und Tausende anderer Kurse an
Einheiten dieses Kurses
-
-
1.
Introduction
1:23
-
2.
Understanding Rive’s Interface
3:08
-
3.
Introduction to the State Machine
1:09
-
4.
Tidy Up the Hierarchy
4:24
-
5.
Setting Up States with Timelines
6:27
-
6.
Dive Deeper - Transitions + Listeners
10:49
-
7.
Interactive Class Project
3:46
-
8.
Share Your Work
2:37
-
9.
Final Thoughts & Next Steps
1:20
-
-
- --
- Anfänger-Niveau
- Fortgeschrittenes Niveau
- Fortgeschrittenes Niveau
- Jedes Niveau
Von der Community generiert
Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.
22
Teilnehmer:innen
5
Projekte
Über diesen Kurs
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!
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: rive.app/login/
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!
Triff deine:n Kursleiter:in
Hello friends!
My name is Yaya and I'm a motion designer living in London with my partner and our little cute dog named Woohoo.
I love going for walks in nature, cooking delicious foods, playing music, dance, and party with friends in the weekends.
Obsessed with motion, armed with animation tools, and inspired by the real world - I enjoy injecting life, playfulness and energy into designs, characters, and brands as a whole.
Excited to create content and share my knowledge here on Skillshare:))
Praxisnahes Kursprojekt
Class Project: Bring Your Design to Life!
Now it’s time to put your new skills into action! For this project, you’ll take a pre-made design and turn it into a fun, interactive animation using Rive’s State Machine—no need to worry about creating artwork from scratch. Just focus on making things move!
How to Complete Your Project:
- Pick a Design – Choose from the provided assets to get started.
- Set It Up in Rive – Import your design and get everything in place.
- Make It Move! – Use the State Machine to add smooth animations and interactions.
- Show It Off! – Publish your animation in the Project Gallery and share it on social media if you’d like!
What to Submit:
Upload a GIF or short video of your finished animation. If you share on socials, drop a link so we can all check it out!
This is a great way to practice what you’ve learned, build confidence, and start making cool interactive animations. Can’t wait to see what you create!
RESOURCES
Have a look at the attached resources and make use of them throughout the class.
MY LINKS
Kursbewertung
Warum lohnt sich eine Mitgliedschaft bei Skillshare?
Nimm an prämierten Skillshare Original-Kursen teil
Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen
Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare
Lerne von überall aus
Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.
Ähnliche Kurse
