• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How to create bounce effect with text animator?

Explorer ,
Oct 22, 2019 Oct 22, 2019

Copy link to clipboard

Copied

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?

Views

1.3K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Advisor , Oct 22, 2019 Oct 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 anim

...

Votes

Translate

Translate
Advisor ,
Oct 22, 2019 Oct 22, 2019

Copy link to clipboard

Copied

LATEST

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? : )

 

 

 

 

 

 

 

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines