Skip to main content
Pistol2019
Inspiring
October 22, 2019
Answered

How to create bounce effect with text animator?

  • October 22, 2019
  • 1 reply
  • 1746 views

I'm using the Text Animator and range selector to animate the scaling of each letter of a word from 0 to 100% scale. How can I add a "bounce" effect to it? I would like for each letter to grow to 120%, then back to 100%.

 

Any idea?

    This topic has been closed for replies.
    Correct answer Mike_Abbott

    This is actually a little tricky, but here is a basic solution:

     

    Set your font to the size you want it to be when it's at "120%" size - ie 'at the top of it's bounce'

     

    Set up your text animator / range selector as below:

    Scale: 100% , 0%

    Range selector > Advanced:

         Units: index

         Shape: ramp up

         Ease low: 100%

    Range selector:

         Start : 0

         End : 1

       Offset : animate this from -1 to the number of characters in your word

     

    Duplicate Anmator 1 to get Animator 2 below it. In animator 2 modify the settings as follows:

    Scale: 100% , 83%

    Range selector > Advanced:

         Shape: ramp down

         Ease low: 0%

         Ease high : 100%

    Range selector:

       Offset : drag your two keyframes down the timeline so they are approximately '1 character' later in time than animator 1. 

     

    Easy, hey? : )

     

     

     

     

     

     

     

     

    1 reply

    Mike_Abbott
    Mike_AbbottCorrect answer
    Legend
    October 22, 2019

    This is actually a little tricky, but here is a basic solution:

     

    Set your font to the size you want it to be when it's at "120%" size - ie 'at the top of it's bounce'

     

    Set up your text animator / range selector as below:

    Scale: 100% , 0%

    Range selector > Advanced:

         Units: index

         Shape: ramp up

         Ease low: 100%

    Range selector:

         Start : 0

         End : 1

       Offset : animate this from -1 to the number of characters in your word

     

    Duplicate Anmator 1 to get Animator 2 below it. In animator 2 modify the settings as follows:

    Scale: 100% , 83%

    Range selector > Advanced:

         Shape: ramp down

         Ease low: 0%

         Ease high : 100%

    Range selector:

       Offset : drag your two keyframes down the timeline so they are approximately '1 character' later in time than animator 1. 

     

    Easy, hey? : )