Micro Interactions With Rive Animation - Notification Bell Icon

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 พ.ย. 2024

ความคิดเห็น • 8

  • @djsquid1988
    @djsquid1988 4 หลายเดือนก่อน +1

    Excellent tutorial!

  • @kencarpenter1792
    @kencarpenter1792 23 ชั่วโมงที่ผ่านมา

    Good tutorial, except that you moved the ball of the bell in the wrong direction! When the bell moves to the left, the ball shouldn't move with it.

  • @alexgithiora6228
    @alexgithiora6228 6 หลายเดือนก่อน +1

    Great tutorial!!

  • @leonnikoo
    @leonnikoo 8 หลายเดือนก่อน +1

    Hi. Thanks for making this. I am struggle to duplicate the timeline? How do you do this?

    • @thamotionmagic
      @thamotionmagic  8 หลายเดือนก่อน

      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 th-cam.com/video/Jbi-wH_q-WQ/w-d-xo.htmlsi=QiGNsm1kMtAO3pZ3 which makes animations like these a breeze

  • @sinnis_879
    @sinnis_879 4 หลายเดือนก่อน

    Bro Can you please provide the the bell icon that you used in this video
    I'm unable to find this icon

    • @thamotionmagic
      @thamotionmagic  4 หลายเดือนก่อน

      Check the description for the link