Make Your Animations INTERACTIVE with Rive
Keyboard Shortcuts and Workflow Tips: www.jakeinmotion.com/rive-sho...
KBar Buttons on the Battle Axe Website: battleaxe.co/kbar-buttons
Joey Judkins Rive tutorials: @JJMotionStudio
Jake In Motion Discord: / discord
The thing about Rive that gets me most excited is the ability to make my motion design projects interactive. I'm no longer just setting keyframes and pulling handles in the graph editor; I'm designing how my graphics will move based on user input. It's such a fresh new way of thinking about motion design, and I'm here for it. In this tutorial, I'm going to show you how to create a reusable interactive button with custom-rigged controls for the icon that's displayed on the button and a timing offset for the idle animation loop. We'll learn about the State Machine, State Machine layers, transitions, inputs, listeners, blended timelines, and more! It's a packed tutorial so get ready to take notes!
---------------------------------------
🤝 Support more KZread tutorials through Patreon: / jakeinmotion
🚶 Follow me online:
Instagram: / jakeinmotion
X: / jakeinmotion
🏷️ Tag @jakeinmotion if you learned something from me!
Chapters
00:00 Intro
00:44 What we're going to learn
02:08 Designing the button
05:33 Controlling paths with bones
09:19 Button states
12:21 State Machine Basics
14:12 Inputs & Listeners
17:20 Conditions & Transitions
21:39 Click interactions
25:50 Replicating the button
27:03 Importing icons
29:58 Solos
32:03 Blending timelines
34:32 Making the button reusable
35:59 Timing offsets
Пікірлер: 16
Rive is giving me huge Macromedia Flash vibes and I am HERE for it
dove into RIVE this last week, and this tutorial is like the icing on the cake. The power that interactivity can provide is amazing 💯 And blending timelines is 👄
Keep the tutorials coming, they're amazing! I would really love to see one about characters, how to rig and animate them in rive!
BACK TO BACK AMAZING RIVE VIDEOS
Awesome!! Thank you Jake!
Thank you for this amazing tutorial. I learned a lot from this.
These Rive tutorials are great. If Rive is smart, they'll keep sponsoring these.
@JakeInMotion
22 күн бұрын
Please let them know 😃
i can't believe this only has 200 likes
Woooow! Great!
Hey thanks for amazing tutorial when i publish this project its only show the button artboard there which means only one button showing in community tab plz help how to publish the main layer
cool
Hey Jake quick question. Do you know if we can make animated libraries of rive animations for others to integrate on their websites/apps etc?
@JakeInMotion
23 күн бұрын
Absolutely, you can share Rive projects with others. They'll need to know how to implement the Rive player on their chosen platform, but it's absolutely doable.
hello, I think it has a little bug, when you click then move away while sill clicking, the input click stays "active" so when you come back you get "click state" instead of "hover state" unless you click again, so is there a way to assign the input while moving between states in this case assign "click" to false when transitioning from "click state" to "idle state"
we need character animation tutorial