Create animation for web without coding - Rive / Lotties tutorial
45,355
Published 2023-05-02
Demo: rive.app/s/ZLDNNIz4bEyM47BY8Pa1Tw/
Check out Rive rive.app/
---
0:00 Intro
1:31 Overview
2:45 Import SVG
4:13 Clipping mask
5:07 Animation states
8:37 Set up interaction logic with State Machine
13:42 Loop animation
15:45 Export
All Comments (21)
-
I already loved the lotties, but Rive is incredible! Thanks for this clear and concise tuto !
-
You've nailed it yet again Minh Pham. Just what I was looking for since I was migrating from Lottie to Rive !
-
this is by far, the best most concise tutorial ive found...in all seriousness lol.
-
Thank you for explaining the very concept. I didn't know how this works. I searched on YouTube but didn't find it. But today is my luck and I found this video. Now I can design animation. Thank you ❤
-
I needed this. Straight to the point and covers what is needed right on the go. Thanks.
-
Very nice! I've never heard of Rive before, will definitely try it.
-
I really love how amazing your channel and content is, keep it going 🔥
-
Great tutorial. Expecting more advanced tutorials on Rive animations if possible. :)
-
thank you so much. This really helps me getting started with Rive!!
-
Great video!, I love the way you explain this, thanks for shared!
-
and boom becomes happies, thanks for the vid Minh
-
This is absolutely awesome
-
Scary time for after effects
-
wow thanks you for tutorial 🎉 Waiting for the next toturial rive
-
Great tut! Thanks
-
Although in a real world situation you wouldn't set the subscribed state directly in the animation but only after your surrounding app has successfully performed the subscribed request against the backend. If that's the case the Click Trigger input would have to be set from outside to true which then shows the Click state.
-
Cảm ơn a vì những tutorial chất lượng
-
Nice explanation!
-
WoW! Cool! 😊
-
Really usefull, thanks!