Smooth Bouncy Text Animation in After Effects - After Effects Tutorial
ฝัง
- เผยแพร่เมื่อ 27 ก.ย. 2024
- Hey, everyone in this after effects tutorial we will create Smooth Bouncy Text Animation in After Effects in just a few clicks, I will also show you guys a very cool technique to animate your text in a way that you won't need to use any keyframes for the animation. We will also cover topics like how to animate text in after effects, using expressions in after effects, smooth text animation, and more!
❤️ 𝗦𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 𝘁𝗼 𝗠𝘆 𝗖𝗵𝗮𝗻𝗻𝗲𝗹 - bit.ly/Dope.mot...
🎵 Music I use - www.epidemicso...
✔️ Want to Learn Design and Animation?
🔴 Subscribe My 2nd Channel - bit.ly/NikhilP...
🔴 Downloads:
📁 𝗗𝗼𝘄𝗻𝗹𝗼𝗮𝗱 𝗙𝗿𝗲𝗲 𝗣𝗿𝗼𝗷𝗲𝗰𝘁 - rb.gy/iofhsn
𝗠𝘆 𝗙𝗮𝘃 𝗧𝘆𝗽𝗼𝗴𝗿𝗮𝗽𝗵𝘆 𝗣𝗮𝗰𝗸𝘀:
Dynamic Minimalism - 1.envato.marke...
300 Animated Titles - 1.envato.marke...
Gold Simple Titles - 1.envato.marke...
👍 𝗚𝗲𝘁 𝗣𝗿𝗼𝗳𝗲𝘀𝘀𝗶𝗼𝗻𝗮𝗹 𝗔𝗻𝗶𝗺𝗮𝘁𝗶𝗼𝗻 𝗦𝗲𝗿𝘃𝗶𝗰𝗲 𝗙𝗿𝗼𝗺 𝗠𝗲 - bit.ly/Dope_Mo...
-------------------------------------------------
◼️ 𝗚𝗲𝘁 𝗔𝗺𝗮𝘇𝗶𝗻𝗴 𝗔𝗳𝘁𝗲𝗿 𝗘𝗳𝗳𝗲𝗰𝘁𝘀 𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲𝘀 - 1.envato.marke...
◼️ 𝗔𝗲𝗷𝘂𝗶𝗰𝗲 𝗔𝗹𝗹 𝗶𝗻 𝗢𝗻𝗲 𝗕𝘂𝗻𝗱𝗹𝗲 - aejuice.com/pr....
◼️ 𝟰𝟬𝟬𝟬+ 𝗚𝗿𝗮𝗽𝗵𝗶𝗰𝘀 𝗣𝗮𝗰𝗸 - 1.envato.marke...
◼️ 𝗙𝗿𝗲𝗲 𝗣𝗹𝘂𝗴𝗶𝗻𝘀 - bit.ly/MisterHr
◼️ 𝗠𝘆 𝗧𝗼𝗽 𝗿𝗲𝗰𝗼𝗺𝗺𝗲𝗻𝗱𝗲𝗱 𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲𝘀 - envato.com/lp/....
-------------------------------------------------
Every video on my channel is made with Love and Hard work, So don't forget to leave a Like. Also please hit the SUBSCRIBE button it's FREE
❤️ 𝗜𝗳 𝘆𝗼𝘂 𝗹𝗲𝗮𝗿𝗻 𝘀𝗼𝗺𝗲𝘁𝗵𝗶𝗻𝗴 𝗻𝗲𝘄 𝘁𝗼𝗱𝗮𝘆 𝗽𝗹𝗲𝗮𝘀𝗲 𝗱𝗼 𝗰𝗼𝗻𝘀𝗶𝗱𝗲𝗿 𝘀𝘂𝗽𝗽𝗼𝗿𝘁𝗶𝗻𝗴 𝘁𝗵𝗲 𝗰𝗵𝗮𝗻𝗻𝗲𝗹: bit.ly/DmPatreon
-------------------------------------------------
⚡ 𝗧𝗼𝗽 𝟱 𝗔𝗳𝘁𝗲𝗿 𝗘𝗳𝗳𝗲𝗰𝘁𝘀 𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲𝘀 ⚡
Handy Seamless Transitions - 1.envato.marke...
Photomotion X - 1.envato.marke...
140 Flash FX Elements - 1.envato.marke...
TypoKing | Title Animation - 1.envato.marke...
Graphics Pack - 1.envato.marke...
⭕️ 𝗗𝗼𝘄𝗻𝗹𝗼𝗮𝗱 𝗠𝘆 𝗕𝗲𝘀𝘁 𝗔𝗳𝘁𝗲𝗿 𝗘𝗳𝗳𝗲𝗰𝘁𝘀 𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲 𝗛𝗲𝗿𝗲:
Videohive - bit.ly/2lEpTXy
Motion Elements - goo.gl/ZjLRzb
Envato Elements - bit.ly/2KRLBWO
Placeit - bit.ly/2q7Riq4
-------------------------------------------------
⚡ 𝗨𝗡𝗟𝗜𝗠𝗜𝗧𝗘𝗗 𝗗𝗢𝗪𝗡𝗟𝗢𝗔𝗗𝗦 ⚡
Access to over 600,000 ready-to-use After Effects Templates, Stock Footage, Fonts, Templates, and more!
bit.ly/2L4z7Xg
-------------------------------------------------
▶️ 𝗠𝘆 𝗕𝗲𝘀𝘁 𝗧𝘂𝘁𝗼𝗿𝗶𝗮𝗹 𝗣𝗹𝗮𝘆𝗹𝗶𝘀𝘁:
◾ Ae - bit.ly/AeTutori...
◾ Ai - bit.ly/AiTutori...
◾ Ps - bit.ly/PsTutori...
◾ C4D - bit.ly/C4DTutor...
◾ Free templates - bit.ly/Giveaway...
◾ Speed arts - bit.ly/SpeedArtss
◾ Top10 - bit.ly/MyTop10Fav
-------------------------------------------------
🔴 Check out my other Awesome Tutorials:
• Slicing Text Effect Animation - • Slicing Text Effect An...
• Instagram Reels Animation - • Instagram Reels Animat...
• Smooth Bouncing Text Animation - • Smooth Bouncing Text A...
• Liquid Typography Animation - • Liquid Typography Anim...
• Trendy Logo Animation - • Trendy Logo Animation ...
• Creative Typography Text Animation - • After Effects Tutorial...
• Colorful Strokes Logo Animation - • Colorful Strokes Logo ...
• Freeze Frame Animation - • Freeze Frame Animation...
• HUD Animation in After Effects - • HUD Animation in After...
• 3D Picture Gallery Slideshow - • 3D Picture Gallery Sli...
-------------------------------------------------
⚡ Website - www.dopemotion...
⚡ Business Enquires - contact@dopemotions.com
-------------------------------------------------
𝗧𝗵𝗮𝗻𝗸 𝗬𝗼𝘂
#aftereffectstutorial #texteffect #tutorial
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
}
I'm Chinese and I had a hard time watching your video
Don't talk about expressions I have a big head now
@@dlljcl Your English is very very GOOD!!!
@@carryhillchow8860 不我只是懂ae操作仅此而已
No, I just know ae, that's all
@@dlljcl I came from China too..I can read chinese very well.
Thank you for taking the time to further explain the expression. As someone who is just starting to learn JavaScript, it makes it exciting.
Glad it was helpful!
saved me an hour playing around in the animator. Thank you.
Great to hear!
How can I make this fade out in a similar way it fades in?
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!
Thank you very much. However, what would happen if I apply the expression to the entire string instead of each individual character?
Thank you for taking the time to further explain the expression …… An amazing tutorial
Hello ! Thanks for the example. There is a question how to make the text appear at the time that I need.
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
Awesome 👍😊😊
u are good sir
That's Nice!
But how we can control it's time like with key and if we want to reverse it back?
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.
Awesome
Smooth 🌠🌠
Another amazing tutorial.
The animation was super cool.
My brooo SUPERRR
Ty for this tutorial
Without expression?
Thanks so much! This will definitely help save so much time and looks so great! 🙌🏻
awesome thanks bro
Thank you, short, well explained. 10/10
Glad you liked it!
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?
Awesome，but is there any chance of making it bounce on the X-axis？
This is really amazing Nikhil. Very Helpful. Can you teach us more like this amazing text animations with different effects. Thank you once again
Yes, soon
Cool!
Thank you - you are brilliant!
Great tutorial
can we add some randomness in the expression too ???
yes, you can do it using javascript random.number
Thanks much, this is such a time saver!!
Glad it helped!
wow it is amazing .. can you please tell me how to reverse this expression
Thanks for the awesome! stuff! Exactly what I was looking for. How do I transition the text out again once it's in?
Also stuck on how to animate the text back out again?? cant find the answers anywhere.
brilliant.. thanks
You're welcome!
Great video. Thanks
Glad you liked it!
Thanks Sir 👍
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 😁😁
Helpful thanks
Glad it helped
Which software is this?
It isn't working for me don't know why
Thanks For this videos but Hindi channel kub start kry gi
Thanks i just add this expression in my expression library 😊
Can u share plz ur expression library brother???
8847824671 whatsapp
Is there a way to change the duration on the opacity tween?
hello bro, what website can i find another free code for effect?
Can this expression be added to vector shapes or is it only for text?
Wow.. ❤️
amazingg
That's great
How to learn expression?
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.
Try using 0.01
intro ka tuturial banao pls
i have a question on an animation, is there somewhere i can dm you?
nice bro.
Классно)
i did it and it showed unspecified drawing error
How to save this????
bouncy ass animation
👍👍👍👍👍
Animation In Hindi:- th-cam.com/video/MCNK6DA3xeo/w-d-xo.html
Awesome
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
}
you are the best
Thanks bro
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 😥
For write new expression what should i learn? How i can animate new expression?
How wonderful!......Thank you!
This is amazing...but how do I inverse it if I need an outro?
anyone know how to speed it up?
Gracias amigo...siempre agradecido...soy fan numero 1
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!!
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.
How Do I Bounce out if it? Comes in great but I'm not seeing how to bounce out. Thanks
I have the same question
Saludos buen tutorial sigue asi crack
Which keyboard indicator you are using please help
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 ?
you can actually find this kinda expression and more on motionscripts.com
@@dopemotions thanks for replying sir ☺️☺️🥰 i will check it definately and try to use more expression , thanks again 😍 🙏🏻❤️❤️
Just what i needed. Thanks a ton man.
Glad to hear it!
@@dopemotions I learned alot from you. Thank you so much.🙏🙏
soooo creative....👏👏👏👏👏..
Thanks for sharing
Tanx so much
You are welcome
Hey- thank you so much. This was so easy to do and yet it makes text look really awesome!
Glad it helped!
Thank you for the tutorial :D
Happy to help!
Amigo eres un crack. El mejor canal de animación y Motion Graphics. Gracias por compartir y muchos éxitos.
Sir , did you code the expression yourself ?
你的教程真的不错，希望加上中文字幕（可能有点为难）不过教程真的好 Your tutorial is really good, hopefully with Chinese subtitles (maybe a little awkward) but it's really good
您在中国是通过什么途径上的TH-cam？
@@carryhillchow8860 聊些其他的如何啊你说那毕竟认识就是有缘 嘿嘿
+1000!
great tutorial! very straight forward. thank you!