character fade in text animation with smooth shape starts too early

[TimSx]

Hey everyone!

I am interested in how this text animation was made:

https://streamable.com/zj329

I applied text animator and changed opacity, blur and set Shape to the smooth. I animate start from 0 to 100%. For some reason, at 0% of animation, there is already a few letters showing. Take a look:

How can this be corrected?

[ExoticKhalid · Accepted solution]

Hi Tim,

I think when you set the Shape setting to Smooth, the animation goes from 100% to 0% and then back to 100%. So you wanna set your offset to -100% and animate to 100%. But that mean text won't fade in as shown in the example.

If you want it exactly like the example you should set the shape to Ramp up or simply set it to square and and change the ease settings.

Hope that answers your question.

[TimSx]

hey exotickhalid! Thanks for stopping by.

If I choose ramp up, the issue remains. At 0% of animation, almost half of the text is already drawn.

Square has some other limitations. It literally just draws 1 letter at a time. This makes animation jerky and not at all as smooth as the one shown above.

[ExoticKhalid]

Hi tim,

Sorry I forgot to mention, if you choose Ramp Up you also have to start your offset animation from -100% instead of 0%.

[TimSx]

Thanks. That helped. Unfortunately, there are still some issues. Animation seems to significantly speed up when it approached 100% Start. I don't think it animates more characters in a given time, but each character animation becomes shorter, although I've set the keyframes to linear. To combat this I shifted the animation curve to the left, but the effect is still visible.

Check this project: https://ufile.io/z28qb

[ExoticKhalid]

You shouldn't animate the start and instead have it set to 0% and the end to 100%. It should be alright if you only have 2 keyframes for the offset -100 to 100. If you need to adjust the ease you can simply do it from the settings not the keyframes (curves will only control the beginning and the end of the entire animation and mess it up).

[TimSx]

ooohhh. It works as expected now. Thank you!

Sorry for being stupid I find text animator very unintuitive.

[Rick Gerard]

Spend a few minutes reading the resources available when you type text animator in the search help field. You'll get a better understanding.