Animate Multiple Timelines using State Machine Layers - Rive Tutorial [Part 6]

Animate Multiple Timelines using State Machine Layers - Rive Tutorial [Part 6]

Design Pilot 11.6万 位订阅者
5541 次观看 · 2024-10-21 动效设计产品设计
🚀 The Ultimate Guide to Become a Product Designer: https://learnproduct.design

In this Rive tutorial, we will use the concept of State Machine Layers to run multiple animations simultaneously. We will combine the Star and Dot animations into it's own Timelines and link them up in a new State Machine Layer.

Watch the Full Playlist - https://www.youtube.com/playlist?list=PLERed4ILxkJ2OE7WoEvXHiOsm_wnyxMxa

Rive Animation - https://rive.app/community/files/13515-25585-tutorial-duolingo-score-animation/
Play Prototype - https://appclip.apple.com/id?p=com.createwithplay.playgen3.Clip&pid=3d67da90401400fTmcZ&e=0

🚀 Get 2 free months of Skillshare Premium & watch my design course for free: https://skl.sh/2TVhf8z

🚀 Create an account on Mobbin for free:
https://mobbin.com/?via=chethan

🔶 Chapters
00:00 Introduction
01:18 Recap on the Logic
02:07 Creating Multiple Timelines
07:47 Animate Multiple Timelines with State Machine Layers
24:53 Next video →
---------------------------------------­----
Mega Product Design Course for Beginners:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1_kDOXCrEGmB58IsLOiIc3

Webflow Course for Beginners:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1N4PxzGE_ywogtBeeOaqc8

Photoshop Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ372RTmi1rQmfqbIqXr3opi

Illustrator Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ0pK595gwPLmcVF-P_jx0V1

After Effects Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ23p3SZD49unrbkh_F8q9Dk

UI Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1uHAE-_rAxeDMBnhzzmYuW

Design Resources, Tools and Softwares:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1-qY3TQToZWn3vYWVo6EA9

Adobe XD CC Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ11D_9_jX80GDenpMUWjTtv

eSports Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ3lLdkQmG-Ebw90KdChq56P
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: https://chethankvs.design
Twitter: https://twitter.com/kvschethan
Instagram: https://instagram.com/design_pilot
Mail: designpilot21@gmail.com
Behance: https://behance.net/chethankvs
Dribbble: https://dribbble.com/chethankvs
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#rive#rive tutorial animation#rive tutorial beginner#rive tutorial button#rive tutorial ui#rive animation tutorial#rive animation tutorial beginner#rive animation course#rive animation basics#rive for beginners#rive step by step#rive progress bar#rive state machine#rive state machine tutorial#rive inputs