Skip to main content
daniels22202677
Participant
June 10, 2019
Answered

Animate text line by line

  • June 10, 2019
  • 3 replies
  • 7389 views

First post on Adobe Forums so apologies if this has been answered elsewhere but I haven't been able to find it!

Is it possible to animate text line-by-line? Specifically changing the opacity so it moves from the top to the bottom of the text as it transitions in by line.

At the moment, I'm creating the text as a symbol then using the Alpha opacity to change frames then use classic tween to animate the opacity. However I'm unable to get this to move say from the top anchor and transition throughout each line of text.

See example here – AMEX

This topic has been closed for replies.
Correct answer Myra Ferguson

Try making a custom motion preset and applying it to each line. Then offset each line. Creating and Applying Motion Presets in Adobe Animate CC

3 replies

Myra Ferguson
Community Expert
Myra FergusonCommunity ExpertCorrect answer
Community Expert
June 11, 2019

Try making a custom motion preset and applying it to each line. Then offset each line. Creating and Applying Motion Presets in Adobe Animate CC

daniels22202677
Participant
June 11, 2019

Thanks João for the answer, much appreciated.

The line by line masking doesn't seem to have the same flow as animating each line (with the Alpha effect), and for scale purposes, separating each line into a symbol could get pretty time consuming.

With the example provided, do you think that was coded with Animate and AS3?

Do you know of any good resources for AS3 that could point me in the right direction for this issue?

JoãoCésar17023019
Community Expert
Community Expert
June 10, 2019

Hi.

If you want a simple line by line effect, you can use a mask reveal animation while you animate the alpha of the symbol instance.

If that's too limited for your, your options are to separate the the text field in different lines, turn each line into a different symbol instance and then animate them regularly.

For more advance and dynamic cases, you're gonna have to use AS3.

Regards,

JC