I'm trying to understand how to do this animation in AfterEffects and can't figure it out - https://dribbble.com/shots/14201928-Li-Auto-voice-assistant-in-the-car

There is a 3d twirl effect where the shape looks like an infinity symbol for a moment. This isn't a 3d ellipse, because one end twirls before the other.

How can I do this?

  • 1
    Hi. Welcome to GDSE. Video editing question are off-topic here. Sorry about that. Ask on Video Production Stack Exchange instead. – Billy Kerr Apr 25 at 9:50

I do not have advanced video editors like After Effects, but it can well be a 3D ellipse, the plane of the original ellipse is twisted, like the series in the next CAD program drawing:

enter image description here

The bottom end of the ellipse is fixed, the top end rotates around a vertical axis. It's drawn at angles 0, 45, 90, 135 and 180 degrees. It evolves back to planar ellipse if the twist is continued another 180 degrees but by keeping the top end fixed. The 2nd half of the evolution can as well be a copy of the 1st one, but flipped and reversed.

The same view with fill surfaces shows what it did in 3D:

enter image description here

And the same, but in a tilted view:

enter image description here

In 2D a two node Bezier curve can resemble enough an ellipse and it's simple enough to be edited manually.Or actually nothing simpler exists. It can evolve as wanted if one can manipulate the handles:

enter image description here

These are dragged manually but I guess keyframe animation would make it look smooth if the keyframes were prepared carefully.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.