Skip to main content
TimSx
Inspiring
September 6, 2017
Answered

character fade in text animation with smooth shape starts too early

  • September 6, 2017
  • 1 reply
  • 2849 views

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?

    This topic has been closed for replies.
    Correct answer ExoticKhalid

    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.

    1 reply

    ExoticKhalidCorrect answer
    Inspiring
    September 6, 2017

    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
    TimSxAuthor
    Inspiring
    September 6, 2017

    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.

    TimSx
    TimSxAuthor
    Inspiring
    September 6, 2017

    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).


    ooohhh. It works as expected now. Thank you!

    Sorry for being stupid I find text animator very unintuitive.