Skip to main content
TimSx
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

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

    E
    ExoticKhalid
    Inspiring
    September 6, 2017

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

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices