Smooth Bouncy Text Animation in After Effects - After Effects Tutorial

[@dopemotions]

Copy Paste This Expression: delay = .1; myDelay = delay*textIndex; t = (time - inPoint) - myDelay; if (t >= 0) { freq =3; amplitude = 40; decay = 12.0; s = amplitude*Math.cos(freq*t*2*Math.PI)/Math.exp(decay*t); [s,s] } else { value }

[@dlljcl]

I'm Chinese and I had a hard time watching your video

[@dlljcl]

Don't talk about expressions I have a big head now

[@carryhillchow8860]

@@dlljcl Your English is very very GOOD!!!

[@dlljcl]

​@@carryhillchow8860 不我只是懂ae操作仅此而已 No, I just know ae, that's all

[@carryhillchow8860]

@@dlljcl I came from China too..I can read chinese very well.

[@we1n1ng]

Thank you for taking the time to further explain the expression. As someone who is just starting to learn JavaScript, it makes it exciting.

[@dopemotions]

Glad it was helpful!

[@ThefrequencyAF]

saved me an hour playing around in the animator. Thank you.

[@dopemotions]

Great to hear!

[@김호영-h5m]

How wonderful!......Thank you!

[@chchitiesh7413]

Awesome 👍😊😊

[@RishirajDesigns]

Smooth 🌠🌠

[@hitafm2524]

Thank you for taking the time to further explain the expression …… An amazing tutorial

[@najsmusic7611]

How can I make this fade out in a similar way it fades in?

[@sanjibdera4839]

Another amazing tutorial. The animation was super cool.

[@rainmann01]

My brooo SUPERRR

[@ManishSharma-pi1dw]

Just what i needed. Thanks a ton man.

[@dopemotions]

Glad to hear it!

[@ManishSharma-pi1dw]

@@dopemotions I learned alot from you. Thank you so much.🙏🙏

[@aJxxw]

Hey- thank you so much. This was so easy to do and yet it makes text look really awesome!

[@dopemotions]

Glad it helped!

[@rafavenezolano2]

Gracias amigo...siempre agradecido...soy fan numero 1

[@frenkwoods565]

Hello ! Thanks for the example. There is a question how to make the text appear at the time that I need.

[@mansijainmds]

Thanks much, this is such a time saver!!

[@dopemotions]

Glad it helped!

[@caratclover]

Thank you, short, well explained. 10/10

[@dopemotions]

Glad you liked it!

[@adeelazam2966]

That's Nice! But how we can control it's time like with key and if we want to reverse it back?

[@robeen5790]

On this line : s = amplitude*Math.cos(freq*t*2*Math.PI)/Math.exp(decay*t); Change number "2" by 1.5 or 0.5 or whatever you like.

[@mariogarcia1415]

I bought a plug-in and among its capabilities, it offers this feature. However, it doesn’t work as advertised. This is so much better implementation and easy to use. Thanks!

[@Motion_Graphix]

u are good sir

[@anyway5377]

Awesome

[@lucyleocreative2]

Thanks so much! This will definitely help save so much time and looks so great! 🙌🏻

[@macjonald]

Thank you - you are brilliant!

[@rosismitamishra1520]

Great tutorial

[@IgorLaurent]

Great video. Thanks

[@dopemotions]

Glad you liked it!

[@ludovicldd1373]

you are the best

[@MDRasel-gy4qn]

For write new expression what should i learn? How i can animate new expression?

[@biolaginko7234]

Thank you for the tutorial :D

[@dopemotions]

Happy to help!

[@jefreinvideomarketing]

Thank you very much. However, what would happen if I apply the expression to the entire string instead of each individual character?

[@shashankrahuljadhav3424]

This is amazing...but how do I inverse it if I need an outro?

[@titanattariq7587]

Thanks bro

[@wagnare]

Thanks for the great tutorial. I would like to slow down the overall speed - not just the delay but the speed with which one character moves in. Maybe you can help me out on how to change the expression. Thanks!!

[@robeen5790]

On this line : s = amplitude*Math.cos(freq*t*2*Math.PI)/Math.exp(decay*t); Change number "2" by 1.5 or 0.5 or whatever you like.

[@FaiZaFoodFunda]

soooo creative....👏👏👏👏👏.. Thanks for sharing

[@chetanpanchal3603]

This is really amazing Nikhil. Very Helpful. Can you teach us more like this amazing text animations with different effects. Thank you once again

[@dopemotions]

Yes, soon

[@prasenjeetbanerjee2867]

can we add some randomness in the expression too ???

[@KundoKun]

yes, you can do it using javascript random.number

[@davidshani2009]

great one. i have a q: how can i change the order of the characters to enter from right to left for arabic/hebrew text instead of left to right?

[@dasha.edits1143]

Ty for this tutorial

[@klisher]

brilliant.. thanks

[@dopemotions]

You're welcome!

[@thelightsout8366]

awesome thanks bro

[@elhamhb8789]

Thank you for your good training .. I want to use this technique for Persian language .. I mean from right to left .. can you help me? Plz 😥

[@May1rain]

Cool!

[@bewrb]

hey make that apple advertisement tutorial what dont blink typography u can ask it in poll i bet every one will like it even if it is 1/2 or 1 hour long i hope u will do it if u dont i will consider u dont know how to 😁😁

[@blindfox8119]

Awesome，but is there any chance of making it bounce on the X-axis？

[@ComedyKing-jc9fk]

Which software is this?

[@StoryUnlocked]

Thanks for the awesome! stuff! Exactly what I was looking for. How do I transition the text out again once it's in?

[@wilmaxey3463]

Also stuck on how to animate the text back out again?? cant find the answers anywhere.

[@taqeeart8724]

Helpful thanks

[@dopemotions]

Glad it helped

[@nafisefadaei6504]

Tanx so much

[@dopemotions]

You are welcome

[@RamyFIFA]

how can i change the direction from right to left for Arabic text because arabic text writing from right to left Please i need the solution of this problem

[@PJ-pw7tw]

Amigo eres un crack. El mejor canal de animación y Motion Graphics. Gracias por compartir y muchos éxitos.

[@sampathsuranjith672]

Wow.. ❤️

[@silentlover332]

wow it is amazing .. can you please tell me how to reverse this expression

[@RajeshKumar-yh5ff]

Without expression?

[@leoLorenzi]

Expression For out Animation as well: delay = 0.10; myDelay = delay*textIndex; t = (outPoint - time) - myDelay; if (t >= 0){ freq = 2; amplitude = 120; decay = 5; s = amplitude*Math.cos(freq*t*2*Math.PI)/Math.exp(decay*t); [s,s] }else{ value }

[@danielshaolin6053]

Can this expression be added to vector shapes or is it only for text?

[@faizidesign]

Thanks i just add this expression in my expression library 😊

[@AlphaMatte]

Can u share plz ur expression library brother??? 8847824671 whatsapp

[@AbhayPratapSingh23]

It's pretty cool animation 😍👌 But also i am a begginer so i want to know how can you do that expression and can we create this for more cool text animations ?

[@dopemotions]

you can actually find this kinda expression and more on motionscripts.com

[@AbhayPratapSingh23]

@@dopemotions thanks for replying sir ☺️☺️🥰 i will check it definately and try to use more expression , thanks again 😍 🙏🏻❤️❤️

[@RAWGAMINGVISHH]

Which keyboard indicator you are using please help

[@Stinenki]

Saludos buen tutorial sigue asi crack

[@farizzackyakbar1806]

amazingg

[@agent_pires]

Is there a way to change the duration on the opacity tween?

[@zhewang2160]

That's great

[@musical.prabej]

Sir , did you code the expression yourself ?

[@KhmerPublic]

hello bro, what website can i find another free code for effect?

[@kuttysuresh80]

nice bro.

[@danieltarango6484]

How Do I Bounce out if it? Comes in great but I'm not seeing how to bounce out. Thanks

[@StoryUnlocked]

I have the same question

[@electraeaston751]

anyone know how to speed it up?

[@dlljcl]

你的教程真的不错，希望加上中文字幕（可能有点为难）不过教程真的好 Your tutorial is really good, hopefully with Chinese subtitles (maybe a little awkward) but it's really good

[@carryhillchow8860]

您在中国是通过什么途径上的KZbin？

[@dlljcl]

@@carryhillchow8860 聊些其他的如何啊你说那毕竟认识就是有缘 嘿嘿

[@aro4001]

i have a question on an animation, is there somewhere i can dm you?

[@arshad1781]

Thanks For this videos but Hindi channel kub start kry gi

[@emreabay7408]

Hi thanks for expression! Can we make it faster? I can make it slower by increasing delay = .1; but when i decrease animation doesn't work.

[@dopemotions]

Try using 0.01

[@imrulkayes4623]

How to learn expression?

[@videolink1173]

Классно)

[@TheHoleshoes]

great tutorial! very straight forward. thank you!

[@akash4849]

👍👍👍👍👍

[@tanmoymitra1952]

intro ka tuturial banao pls

[@ester8366]

How to save this????

[@abimbolaoba2852]

It isn't working for me don't know why

[@aka_risky9021]

i did it and it showed unspecified drawing error

[@Footage30]

+1000!

[@qurazy92]

bouncy ass animation

[@harshalpatil3744]

Animation In Hindi:- kzbin.info/www/bejne/g3SxfGl6dpirm9E

[@arthur_tkn]

Awesome

[@SRampure]

Thanks Sir 👍