Micro Interactions With Rive Animation - Notification Bell Icon
Рет қаралды 2,046
Күн бұрынIn this video, you'll learn how to create a notification bell icon micro interaction in Rive with state machine.
Get the icon and Rive animation file - themotionmagic.com/courses/ul...
Today, we'll be crafting a sleek and engaging notification bell animation using your favorite animation tool - Rive. It's easy, fun, and perfect for beginners!
👍 Don't forget to like, subscribe, and hit the notification bell (ironic, right?) for more animation tutorials. Let's create stunning interactions together!
@alexgithiora6228 2 ай бұрын
Great tutorial!!
@thamotionmagic Ай бұрын
Thank you! Cheers!
@leonnikoo 4 ай бұрын
Hi. Thanks for making this. I am struggle to duplicate the timeline? How do you do this?
@thamotionmagic 4 ай бұрын
Here, the bell's rotation is animated as an elastic animation. To make it easier to understand, here's a brief - First key in the max rotation of the bell in one direction and then after a certain gap, add another keyframe in opposite direction with a bit less transformation. Similarly keep adding more keyframes alternatively with a gradual decrease in transformation until you hit neutral transformation i.e. 0 degrees in this case. You can also look at the Elastic Curve kzfaq.info/get/bejne/gMiZYNp5xNeRh4U.htmlsi=QiGNsm1kMtAO3pZ3 which makes animations like these a breeze
@sinnis_879 2 күн бұрын
Bro Can you please provide the the bell icon that you used in this video I'm unable to find this icon
@thamotionmagic Күн бұрын
Check the description for the link
The Motion Magic
Рет қаралды 18 М.
Sukhasan Ka Rahman Bhai
Рет қаралды 22 МЛН
Great Scene
Рет қаралды 1,4 МЛН
The Train Of Cinema
Рет қаралды 797 М.