Smooth Bouncy Text Animation Tutorial in After Effects | Overshoot Bounce | No Plugins

[@SmertimbaGraphics]

freq = 1;
decay = 5;
duration = 0.10;
retard = textIndex*thisComp.frameDuration*2;
t = time - (inPoint + retard);
startVal = [100,100,100];endVal = [0,0,0];
if (t < duration){
linear(t,0,duration,startVal,endVal);
}else{
amp = (endVal - startVal)/duration;
w = freq*Math.PI*2;
endVal + amp*(Math.sin((t-duration)*w)/Math.exp(decay*(t-duration))/w);}

[@waxkabarochannel525]

😮

[@Madewillarts]

Great resource, thanks ❤

[@faranyousufi241]

Thanks for your efforts and tutorial keep making

[@annetterays4471]

Brilliant!! You have saved me hours of trying to figure this out for myself. Thank for clear and wonderful tutorial :)

[@SmertimbaGraphics]

My pleasure

[@EdORourke]

That expression is incredible, thank you. Love the method for saving it as a preset too, that's something I should have known but didn't.

[@SmertimbaGraphics]

Glad it was helpful😊

[@iancarry]

very nice, very clean :).. thanks mate

[@SmertimbaGraphics]

Thank you too!

[@datascience1519]

Many thanks

[@SmertimbaGraphics]

You are welcome

[@chrisfraseronline]

Excellent tutorial!

[@SmertimbaGraphics]

Thank you!

[@rhiasmm2x]

THANK YOU SO MUCH!

[@mlgquickscoper8122]

Liked and Commented

[@SmertimbaGraphics]

Much appreciated, thank you❤️😊

[@adeelbajwa007]

Awesome ❤️ ❤️

[@danvshimself]

Thanks so much for this helpful tutorial! This worked great! I'm also trying to do something similar to this but with vector letters I pulled in from illustrator. It's for a logo and the client doesn't know the font that was used so I have to work with the vectors. Is there a way to do something similar to this, but with vectors? Thanks for your help!

[@SmertimbaGraphics]

Most of bounce animations are only done with text layers, vectors are a bit weird, best bet is to nail the font

[@danvshimself]

@@SmertimbaGraphics Yea, makes sense. I wish the client could remember the font they used:) Thanks for the quick reply and thanks again for the tutorial!

[@motionmeow]

@@danvshimself you can make a font out of these letters, and then apply the effect

[@danvshimself]

@@motionmeow Thank you! I'll try that

[@psychod74]

thx bro !

[@SmertimbaGraphics]

Welcome!

[@JELTONCUAORIVAS]

Excelente explicacion, Muchas Gracias por el aporte !!

[@SmertimbaGraphics]

Enjoy 😁

[@vilgaxworthy]

First of all, Thank you so much. Such A wonderful tutorial. How can I change the start time of this Animation?

[@SmertimbaGraphics]

You're welcome and thanks for watching 😊
I way you could do that is to offset the layer forward in time or precompose it and use time remapping to control the start and end time.

[@ArtistikSujal]

I want the text to keep bouncing again and again - not just once... What should be done to achieve this? (The animation is amazing btw😍)

[@SmertimbaGraphics]

Change the values inside of the expression until you get it

[@aliorvt3742]

Ty so much for this vid, if its not to much trouble to splain, is there a way to create the same effect but not a "bounce in" text, but a "bounce out" tex? I just cant make it u.u ty

[@SmertimbaGraphics]

Thanks.
I don't think this method would work, you could try other one: th-cam.com/video/rDwdXeouQVU/w-d-xo.html
But you need to reverse the keyframes

[@Alvin-pq7yr]

how do you make the animation faster?

[@SmertimbaGraphics]

pre-compose the text layer and use time remapping to control the speed

[@charlesagnew3801]

is there a method to reverse the direction of the expression - so that it starts from right to left?

[@SmertimbaGraphics]

I don't think there is a way to do that with this method. Try the one without expression, bouncy text

[@issac7787]

2:35 creating preset

[@luis8344]

What if se want to do it on a logo with shape layes?

[@SmertimbaGraphics]

This only works for texxt layers, to make a logo bounce you could add keyframes manually to a regular position property

[@MrPatrickBatemann]

how can i add this same effect to a second line of text below the first but to play SLIGHTLY AFTER the first animation ends???

[@SmertimbaGraphics]

Add a second text layer with this animation and offset it forward in time

[@ITRFX5503]

Do a rotation edit tutorial please

[@SmertimbaGraphics]

Text rotation?

[@ITRFX5503]

@@SmertimbaGraphics nope

[@SmertimbaGraphics]

Hmm, what is it then 😁

[@cyrusEdits864]

@@SmertimbaGraphics Hes probably referring to "rotation transition"

[@SmertimbaGraphics]

In that case I have a few rotation transition tutorials already 😁

[@jaysonfontela5761]

💖💖💖

[@alphonsecpone]

Is there a way to adjust this so the letters come in randomly?

[@SmertimbaGraphics]

Don't think so, it's designed to follow an order from left to right

[@ITRFX5503]

🧐

[@SmertimbaGraphics]

😁😁

[@rod_rmk9370]

freq = 1;
decay = 5;
duration = 0.10;
retard = textIndex*thisComp.frameDuration*2;
t = time - (inPoint + retard);
startVal = [100,100,100];endVal = [0,0,0];
if (t < duration){
linear(t,0,duration,startVal,endVal);
}else{
amp = (endVal - startVal)/duration;
w = freq*Math.PI*2;
endVal + amp*(Math.sin((t-duration)*w)/Math.exp(decay*(t-duration))/w);}