ADOBE AFTER EFFECTS: Forum Expressions Tutorials Creative Cloud

How to Add Bounce to a Text Animator Expression with Timing

COW Forums : Adobe After Effects Expressions

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Garret Brubaker
How to Add Bounce to a Text Animator Expression with Timing
on Jul 11, 2019 at 3:23:00 pm

I’m trying to figure out how to add bounce/overshoot to text animations while maintaining the ability to control their timing with keyframes.

The goal of this is to be used when a person is talking, and bring in the text as they talk. Since people don’t talk in perfect rhythm, the ability to control the timing of the words is key.

Below are two examples:

This first one is a normal text animation with a range selector where the words come in at different times.

GIF:
Download: 13519_test1noovershoot.mp4.zip

There is no overshoot or bounce on this version but I have the ability to control the timing of the animation with keyframes.

Here is the layer properties for this example:



This second one is what I would like the animation to look like.

GIF:
Download: 13520_test2withovershoot.mp4.zip

This is the layer properties for this example:



Does anyone have any advice on how to combine these two gifs to be able to have a Text Animator with bounce/overshoot and the ability to control the animation timing?

Thank you!


Return to posts index

Filip Vandueren
Re: How to Add Bounce to a Text Animator Expression with Timing
on Jul 14, 2019 at 7:25:02 pm

Try this:

Duplicate the range Selector

for the duplicated range Selector 2, add this expression to "End":
text.animator("Animator 1").selector("Range Selector 1").end.valueAtTime(time-0.2);

change the Advanced > Mode to "Subtract"
change the Advanced > Amount to 25%

now in the original selector, you would need to increase all the values by 25%,
you can do that manually, or with the expression
value*1.25;
for every property that's been animated

now everything will overshoot 25% for 0.2 seconds



Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2019 CreativeCOW.net All Rights Reserved
[TOP]