Skip to main content
madisonbasstaylor
madisonbasstaylor
Participant
March 17, 2022
Question

How to auto animate text rotating in circle?

  • March 17, 2022
  • 1 reply
  • 2374 views

Does anyone know how to auto animate this text to constantly revolve and loop in a circle?

 

 

This topic has been closed for replies.

1 reply

Chris W. Griffith
Community Expert
Chris W. GriffithCommunity Expert
Community Expert
March 17, 2022

My solution is to have the asset on two artboard. Make sure it is a same element on both for auto-animate to work. On the second artboard, rotate the asset by 359.99.  Then use the time trigger, no delay, and no easing to go from artboard 1 to artboard 2. Then on the second artboard, add another time trigger, no delay and no animation. Instead of using auto-animate, use the basic transition. There is a slight hiccup for the loop, but it get you close to the effect you want. 

 

An alternate solution would be to create it as a Lottie Animation. After Effects would be an Adobe tool to do this.

    madisonbasstaylor
    madisonbasstaylorAuthor
    Participant
    March 17, 2022

    Thank you so much it works! The little hiccup in the loop is super subtle with my design so it's not an issue. I wish you could push duration of the animation past 5 seconds. I could really use something closer to 8 or 10. Might have to use AE in the long run. Now within XD, would there be a way to trigger the spinning only when hovering over the text? Or can that only be done with a tap interaction?

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices