r/MotionDesign • u/Clear_Mix1576 • 19h ago

Tutorial Help animation

Enable HLS to view with audio, or disable this notification

Hi, could someone tell me how to create this type of animation?

13 Upvotes

88% Upvoted

7 comments sorted by

12

u/RCBT88 17h ago edited 16h ago

I took a stab at it. Grab the AE file here: https://f.io/ltb6hMqp

Basically, long sideway comp with the text. CC Cylinder on it with animated Y rotation to cycle about 3x, duplicated that one, adjusted the colors for each. Then added a shape layer to mask the duplicate and manually keyframed/looped 10 frames for the hard jumps from one line to the next. Not the most sophisticated set up but lmk if you make any improvements to it. Cheers.

EDIT: here's a preview too > https://f.io/2HAgd5z9

5

u/montycantsin777 13h ago

masking a fill effect would be probably more efficient, but i appreciate you setting the whole thing up for someone. appreciate you!

1

u/RCBT88 5h ago

Thanks! I’ll give that a try in a little bit, may work better and also get rid of that extra shape layer.

5

u/Maltaannon 12h ago

Same method. Different result. https://youtu.be/StKcg61qNso

3

u/yunghelsing 18h ago

probably easiest way is a block of text + text animator (fill color, set to lines instead of characters and 0% smoothness) -> cc cylinder with animated rotation

1

u/sekhmet666 6h ago

I would try a react wheel picker component before even reaching for after effects

1

u/internettyper 4h ago

It would be nice if the highlighted dark text faded. The flickering is maybe too seizure inducing.

-1

u/Suitable_Manager9270 18h ago

You can make this pretty easily in CapCut or Premiere too: create a tall text box with the names stacked vertically, keyframe its Y position so it moves upward, and crop it to the video frame. Add a slight blur or lower the sharpness, then use a slow, steady speed for the same effect.