Bouncy Text Animation in After Effects - After Effects Tutorial - No Plugins
ฝัง
- เผยแพร่เมื่อ 15 พ.ย. 2024
- ◾ AEJuice I Want It All Bundle - bit.ly/3d4fJbZ
◾ AEJuice Free Plugins - bit.ly/2vmDElZ
◾ AEJuice TH-cam Channel - bit.ly/2qNj2kR
Hi, everyone in this after effects tutorial we will create a squash bouncy text animation without using any plugins. we also learn to use text animators in after effects and see how to add various text properties in order to create a cool text animation in after effects.
⚡ Courses by Nikhil Pawar - www.dopemotion...
✔️ 𝗗𝗼𝘄𝗻𝗹𝗼𝗮𝗱 𝗙𝗿𝗲𝗲 𝗣𝗿𝗼𝗷𝗲𝗰𝘁 𝗙𝗶𝗹𝗲 - bit.ly/3dgJvMU
✔️ Expression In the Comments Below
✔️ Uppbeat (FREE MUSIC for Creators): uppbeat.io/?ps...
⚡ 𝟭𝟬𝟬+ 𝗙𝗿𝗲𝗲 𝗧𝗶𝘁𝗹𝗲𝘀 𝗮𝗻𝗱 𝗟𝗼𝘄𝗲𝗿 𝗧𝗵𝗶𝗿𝗱𝘀 - gum.co/xdbqH
⚡ 𝟱𝟱𝟱+ 𝗘𝘀𝘀𝗲𝗻𝘁𝗶𝗮𝗹 𝗧𝗶𝘁𝗹𝗲𝘀 𝗮𝗻𝗱 𝗟𝗼𝘄𝗲𝗿 𝗧𝗵𝗶𝗿𝗱𝘀 - 1.envato.marke...
⚡ 𝟰𝟬𝟬𝟬+ 𝗚𝗿𝗮𝗽𝗵𝗶𝗰𝘀 𝗣𝗮𝗰𝗸 - 1.envato.marke...
⚡ 𝟱𝟱𝟬+ 𝗠𝗼𝘁𝗶𝗼𝗻 𝗚𝗿𝗮𝗽𝗵𝗶𝗰𝘀 𝗣𝗮𝗰𝗸 - 1.envato.marke...
⚡𝗕𝗲𝘀𝘁 𝗔𝗳𝘁𝗲𝗿 𝗘𝗳𝗳𝗲𝗰𝘁𝘀 𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲𝘀 - 1.envato.marke...
❤️ 𝗦𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 𝘁𝗼 𝗠𝘆 𝗖𝗵𝗮𝗻𝗻𝗲𝗹 - bit.ly/Dope.mot...
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
---------------------------
🙏 𝗦𝘂𝗽𝗽𝗼𝗿𝘁 𝗗𝗼𝗽𝗲 𝗠𝗼𝘁𝗶𝗼𝗻𝘀 𝗯𝘆 𝗽𝘂𝗿𝗰𝗵𝗮𝘀𝗶𝗻𝗴 𝘁𝗵𝗿𝗼𝘂𝗴𝗵 𝗼𝘂𝗿 𝗮𝗳𝗳𝗶𝗹𝗶𝗮𝘁𝗲 𝗹𝗶𝗻𝗸𝘀:
Aejuice: bit.ly/36cUun2
Creative Market: bit.ly/creatmark
Envato Market: 1.envato.marke...
Envato Elements: 1.envato.marke...
🎧 𝗗𝗼 𝘆𝗼𝘂 𝗹𝗶𝗸𝗲 𝗺𝘂𝘀𝗶𝗰? 𝗖𝗵𝗲𝗰𝗸 𝗼𝘂𝘁 𝘁𝗵𝗲 𝗺𝘂𝘀𝗶𝗰 𝗹𝗶𝗯𝗿𝗮𝗿𝗶𝗲𝘀 𝘄𝗲 𝘂𝘀𝗲 𝗶𝗻 𝗼𝘂𝗿 𝗮𝗳𝗳𝗶𝗹𝗶𝗮𝘁𝗲 𝗹𝗶𝗻𝗸𝘀 𝗯𝗲𝗹𝗼𝘄:
Uppbeat (FREE MUSIC for Creators): uppbeat.io/?ps...
Epidemic Sound: bit.ly/EpicMusics
✍️ 𝗦𝗵𝗮𝗿𝗽𝗲𝗻 𝘆𝗼𝘂𝗿 𝘀𝗸𝗶𝗹𝗹𝘀 𝗯𝘆 𝘁𝗮𝗸𝗶𝗻𝗴 𝗮 𝗰𝗼𝘂𝗿𝘀𝗲:
SkillShare: bit.ly/SkillShared
---------------------------
◼️ 𝗚𝗲𝘁 𝗔𝗺𝗮𝘇𝗶𝗻𝗴 𝗔𝗳𝘁𝗲𝗿 𝗘𝗳𝗳𝗲𝗰𝘁𝘀 𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲𝘀 - 1.envato.marke...
◼️ 𝗔𝗲𝗷𝘂𝗶𝗰𝗲 𝗔𝗹𝗹 𝗶𝗻 𝗢𝗻𝗲 𝗕𝘂𝗻𝗱𝗹𝗲 - bit.ly/36cUun2
◼️ 𝟰𝟬𝟬𝟬+ 𝗚𝗿𝗮𝗽𝗵𝗶𝗰𝘀 𝗣𝗮𝗰𝗸 - 1.envato.marke...
◼️ 𝗙𝗿𝗲𝗲 𝗣𝗹𝘂𝗴𝗶𝗻𝘀 - bit.ly/MisterHr
◼️ 𝗠𝘆 𝗧𝗼𝗽 𝗿𝗲𝗰𝗼𝗺𝗺𝗲𝗻𝗱𝗲𝗱 𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲𝘀 - bit.ly/2LTGvvd
▶️ 𝗠𝘆 𝗕𝗲𝘀𝘁 𝗧𝘂𝘁𝗼𝗿𝗶𝗮𝗹 𝗣𝗹𝗮𝘆𝗹𝗶𝘀𝘁:
◾ 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
⚡ Website - www.dopemotion...
⚡ Business Enquires - contact@dopemotions.com
---------------------------
Thank you
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);}
There we have it!
Thank you bro
It’s not working for me, it keeps saying there is an error in the last line “ saying Error: Couldn’t turn result into numeric value” 😩
thank you so much sir
@@genesisbutler1597 same with me huhu :(
i'm not sure why the video doesn't talk about an offset in case your animation needs to start after the first frame, but it's not hard to change. on the line "t = time - (inPoint + ret ard);" you can replace "inPoint" with a number. that number refers to seconds (so 3 means an offset 3 seconds regardless of your FPS). you can also choose to create your own variable and or create/connect your variable to a time slider.
thank you so much for this one
Need tutorial from you sir
kya Expression hai pura #Creative hila kar rakh diya.. 😁 , thanks love 💕 u Bhaiya
I’m so grateful for your help.
Can I save this type of animation as a preset?
As always you're the OG... Thanks. I even figured out how to save as a preset-I'm sure based on what I learned from you over the years. Stay well.
Great to hear!
Excellent tutorial. I'd like to know some way to make the text disappear.
keyframe it oppositely for reverse transition :P
i have yo start after effects soon, i'm so much missing these awesome tutorials
Very Helpful & Informative
Man learnt some much for your turtorils,
Bro please make a video about expression.
Very nice, so, i need the expression where can i find? Dope Motions
I love your content bro! It has helped me so much.
hi could you please let me know the expression which is for right to left language like arabic?
Mann... It was fire!.🔥
Thanks man!!
How to change the speed of the animation
change the number of this line: "retard = textIndex*thisComp.frameDuration*2;"
@@chouchouvlog thank you! Was looking for this answer as well
Great tutorial
Thank you! Cheers!
its simple and looks great thanks man
Glad you like it!
I was looking for a cartoon effect like that. Thank you sou much bro. 👏🏼👏🏼👏🏼👏🏼
Glad I could help
To change the duration / speed of the animation, just change the number on the line: retard = textIndex*thisComp.frameDuration*2;
ily
damn this comment needs to be higher up
Hero, thanks a lot
Doesn't work
I loved it! Thanx again!
Awesome video! Thanks
how can we do reverse animation for that expression?
Bro can you teach kitkat advertisement ( the cream are goes down and kitkat comes upper ) like vfx..
big thank sir...full watching.
🌿🙋♀️🌿
what if i want that scale animation but for the whole word, not for the letters
On mine appears ⚠️what should I do
How can I increase or decrease the speed from the animation? Time remapping doesn t work
That is just boooomb🔥🔥
Yo thanks
Yes!!!! Thank you!!
Thank u 😘😘
Thanks a Lot !
Thanks 😊❤️❤️
Welcome 😊
Question, How do you add the same expression/on separate shape layers?😭😭
awesome Tutorial
Excellent tutorial.! Thank you!
Glad you enjoyed it!
many thanks
waiting from Bangladesh.
লাইক মি।
Hello Can I do that but without the text tool? I need to create that effect with the letters of my logo but each letter is an .ai file
Love it bro👍😊
Great video!
Glad you enjoyed it
Thanks a lot ... Great tutorial ¡
How can i save it like a preset??
Awesome ! Thank you
Is there any way I can use this effect in premiere pro?
how to make outro from this animation
Nice guapo tutorial saludos
Bro, where did you learn all this expressions stuff?
how to loop that?
ONE Question please! how can you animate this text from right to left, for Urdu or Persian text please!!!
Amazing😍😍😍😍
Thank you! Cheers!
incrível!!!!!!!!!!!
excuse me, I just started using AE software. I would like to know what I should do if I want to loop the animation of this expression?🥲
wait were is the thing
Wonderful, thank you for passing on your knowledge, thank you very much.
Glad it was helpful!
error: couldn't turn result into numeric value
I'm trying to export this animation with Lottie but when i try to change the expressions to keyframes from keyframe assistant the animation is freezed on the first keyframe.
expression plz??
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);}
veryy gooooood
Thanks, but you did the same tutorial just a few months ago?
how to make it faster or slower according to our liking?
i found it myself only lol, change the frameduration in the code to ur liking and done
@@ky0to.914 It's changing the animation as well. I don't think that's the one
Hi
this just doesn't work, I try to reproduct exactly the same thing and nothing, the text don't move !
TextIndex is not defined :S
🔥🔥
🔥🥇
Next video in hindi
Why do you guys always ask him to make in hindi, he speaks English in a way that everyone could understand perfectly
op
👍👍👍
Great tutorial! Thanks
Great tutorial! Thank you
amazing tutorial
👍👍