Skip to main content
madisonbasstaylor
Participant
Mar 17, 2022 5:12 AM UTC
Question

How to auto animate text rotating in circle?

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

 

 

This topic is closed to new replies. Start a new post to keep the conversation going.

2 replies

Chris W. Griffith
Community Expert
Community Expert
Mar 17, 2022 4:26 PM UTC

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.

Translate
madisonbasstaylor
Participant
Mar 17, 2022 5:23 PM UTC

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?

Translate