Bouncy Text Animation in After Effects - After Effects Tutorial - No Plugins

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ธ.ค. 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

ความคิดเห็น •

  • @dopemotions
    @dopemotions  3 ปีที่แล้ว +178

    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);}

    • @thingsjoshdoes3906
      @thingsjoshdoes3906 3 ปีที่แล้ว +1

      There we have it!

    • @infotech2939
      @infotech2939 3 ปีที่แล้ว +3

      Thank you bro

    • @genesisbutler1597
      @genesisbutler1597 3 ปีที่แล้ว +6

      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” 😩

    • @rohanscott978
      @rohanscott978 2 ปีที่แล้ว

      thank you so much sir

    • @decafleur
      @decafleur 2 ปีที่แล้ว

      @@genesisbutler1597 same with me huhu :(

  • @WoodysFx
    @WoodysFx 3 ปีที่แล้ว +45

    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.

    • @Kirihere
      @Kirihere 3 ปีที่แล้ว +1

      thank you so much for this one

    • @theantrix19
      @theantrix19 2 ปีที่แล้ว +2

      Need tutorial from you sir

  • @rattana958
    @rattana958 ปีที่แล้ว +2

    I’m so grateful for your help.

  • @SlaterMGFX
    @SlaterMGFX 3 ปีที่แล้ว +11

    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.

  • @Wesley-pk5de
    @Wesley-pk5de 2 ปีที่แล้ว +24

    To change the duration / speed of the animation, just change the number on the line: retard = textIndex*thisComp.frameDuration*2;

    • @hyrake5929
      @hyrake5929 ปีที่แล้ว +1

      ily

    • @jedanimates
      @jedanimates ปีที่แล้ว +1

      damn this comment needs to be higher up

    • @nerowillians523
      @nerowillians523 ปีที่แล้ว +1

      Hero, thanks a lot

    • @cosim5432
      @cosim5432 10 หลายเดือนก่อน +1

      Doesn't work

  • @caricroma
    @caricroma 3 ปีที่แล้ว +8

    Excellent tutorial. I'd like to know some way to make the text disappear.

    • @thingsjoshdoes3906
      @thingsjoshdoes3906 3 ปีที่แล้ว +6

      keyframe it oppositely for reverse transition :P

  • @aamirraza5639
    @aamirraza5639 3 ปีที่แล้ว +2

    kya Expression hai pura #Creative hila kar rakh diya.. 😁 , thanks love 💕 u Bhaiya

  • @arnavgupta7457
    @arnavgupta7457 3 ปีที่แล้ว +12

    How to change the speed of the animation

    • @chouchouvlog
      @chouchouvlog 2 ปีที่แล้ว +2

      change the number of this line: "retard = textIndex*thisComp.frameDuration*2;"

    • @cassidydickens2511
      @cassidydickens2511 2 ปีที่แล้ว +1

      @@chouchouvlog thank you! Was looking for this answer as well

  • @theSilentDude96
    @theSilentDude96 3 ปีที่แล้ว +2

    i have yo start after effects soon, i'm so much missing these awesome tutorials

  • @abdulameen5488
    @abdulameen5488 ปีที่แล้ว +2

    Very Helpful & Informative

  • @Lofieloves
    @Lofieloves ปีที่แล้ว +2

    Can I save this type of animation as a preset?

  • @mmm-bh5jo
    @mmm-bh5jo 5 หลายเดือนก่อน +1

    hi could you please let me know the expression which is for right to left language like arabic?

  • @anjanagoel4574
    @anjanagoel4574 3 ปีที่แล้ว +4

    Mann... It was fire!.🔥

  • @NeoExplore
    @NeoExplore 2 ปีที่แล้ว +1

    Thanks man!!

  • @davidpfeiler6435
    @davidpfeiler6435 6 วันที่ผ่านมา +1

    Nice man!! Really cool effect! I asked Chat GPT to reverse the animation after a 2 sec. pause, but he/she didn’t get it. You have any tipps? I’m a rookie! Would appreciate it!

    • @dopemotions
      @dopemotions  23 ชั่วโมงที่ผ่านมา

      Thanks for the question! While AI tools like ChatGPT can be helpful for brainstorming and organizing workflow ideas, I still create all my animations manually to maintain creative control and quality. They're great supplementary tools, but the actual animation work requires hands-on expertise and attention to detail. Hope this helps explain my workflow! 🎨✨

  • @ranjeetkumarsingh4752
    @ranjeetkumarsingh4752 8 หลายเดือนก่อน +1

    how can we do reverse animation for that expression?

  • @robertlesperance9408
    @robertlesperance9408 2 ปีที่แล้ว +2

    I love your content bro! It has helped me so much.

  • @BinyAmin_khan
    @BinyAmin_khan 3 ปีที่แล้ว +3

    Man learnt some much for your turtorils,

  • @tomalfredpuno84
    @tomalfredpuno84 3 ปีที่แล้ว +2

    Bro please make a video about expression.

  • @JustPlayGameZ
    @JustPlayGameZ 2 ปีที่แล้ว +3

    what if i want that scale animation but for the whole word, not for the letters

  • @atifmehmood2111
    @atifmehmood2111 3 ปีที่แล้ว +3

    its simple and looks great thanks man

  • @thomaswindfeld728
    @thomaswindfeld728 3 ปีที่แล้ว +1

    I loved it! Thanx again!

  • @cosim5432
    @cosim5432 10 หลายเดือนก่อน +1

    How can I increase or decrease the speed from the animation? Time remapping doesn t work

  • @OFGAnimationStudio
    @OFGAnimationStudio 3 ปีที่แล้ว +3

    Great tutorial

    • @dopemotions
      @dopemotions  3 ปีที่แล้ว +1

      Thank you! Cheers!

  • @adventureswithshaunandbrody
    @adventureswithshaunandbrody ปีที่แล้ว +1

    Awesome video! Thanks

  • @andrepaulino7945
    @andrepaulino7945 ปีที่แล้ว

    Very nice, so, i need the expression where can i find? Dope Motions

  • @shahriarshanto2688
    @shahriarshanto2688 3 ปีที่แล้ว +2

    That is just boooomb🔥🔥

  • @FrancescaBerardi-lu1cb
    @FrancescaBerardi-lu1cb ปีที่แล้ว +1

    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

  • @HarshVardhanArt
    @HarshVardhanArt 3 ปีที่แล้ว +1

    Love it bro👍😊

  • @quacquac_quacquac
    @quacquac_quacquac 3 ปีที่แล้ว +2

    Thank u 😘😘

  • @airwebx
    @airwebx 3 ปีที่แล้ว +2

    Yes!!!! Thank you!!

  • @learasandile1523
    @learasandile1523 ปีที่แล้ว

    Question, How do you add the same expression/on separate shape layers?😭😭

  • @edindinho
    @edindinho 3 ปีที่แล้ว +1

    I was looking for a cartoon effect like that. Thank you sou much bro. 👏🏼👏🏼👏🏼👏🏼

  • @Purimta
    @Purimta 3 ปีที่แล้ว +1

    big thank sir...full watching.
    🌿🙋‍♀️🌿

  • @OVSVFX29
    @OVSVFX29 2 ปีที่แล้ว +1

    Thanks a Lot !

  • @siddeshmandlikeditorwalya5240
    @siddeshmandlikeditorwalya5240 3 ปีที่แล้ว +2

    Thanks 😊❤️❤️

  • @vochiphong2664
    @vochiphong2664 2 ปีที่แล้ว

    many thanks

  • @radiantcouffaine
    @radiantcouffaine ปีที่แล้ว +1

    On mine appears ⚠️what should I do

  • @phucvo229
    @phucvo229 3 ปีที่แล้ว

    Awesome ! Thank you

  • @mushtaqbaaser1
    @mushtaqbaaser1 3 ปีที่แล้ว

    ONE Question please! how can you animate this text from right to left, for Urdu or Persian text please!!!

  • @Drokuman
    @Drokuman ปีที่แล้ว

    Is there any way I can use this effect in premiere pro?

  • @RuchiraPrashan
    @RuchiraPrashan 2 ปีที่แล้ว +1

    Excellent tutorial.! Thank you!

    • @dopemotions
      @dopemotions  2 ปีที่แล้ว +1

      Glad you enjoyed it!

  • @dvmarx8383
    @dvmarx8383 2 ปีที่แล้ว +1

    How can i save it like a preset??

  • @infotech2939
    @infotech2939 3 ปีที่แล้ว +2

    Bro can you teach kitkat advertisement ( the cream are goes down and kitkat comes upper ) like vfx..

  • @JELTONCUAORIVAS
    @JELTONCUAORIVAS 3 ปีที่แล้ว +1

    Thanks a lot ... Great tutorial ¡

  • @emanuelispetrauskas8809
    @emanuelispetrauskas8809 3 ปีที่แล้ว +1

    Great video!

  • @izzulfygaming1681
    @izzulfygaming1681 2 ปีที่แล้ว +1

    how to make outro from this animation

  • @ayelajulius
    @ayelajulius 3 ปีที่แล้ว +1

    awesome Tutorial

  • @waqasmehmood1679
    @waqasmehmood1679 2 ปีที่แล้ว

    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.

  • @smokanimations1843
    @smokanimations1843 ปีที่แล้ว +1

    how to loop that?

  • @realBarthes
    @realBarthes 3 ปีที่แล้ว

    Bro, where did you learn all this expressions stuff?

  • @Stinenki
    @Stinenki 3 ปีที่แล้ว +1

    Nice guapo tutorial saludos

  • @alanchaves5119
    @alanchaves5119 2 ปีที่แล้ว +1

    Amazing😍😍😍😍

  • @ky0to.914
    @ky0to.914 2 ปีที่แล้ว

    how to make it faster or slower according to our liking?

    • @ky0to.914
      @ky0to.914 2 ปีที่แล้ว +1

      i found it myself only lol, change the frameduration in the code to ur liking and done

    • @sigmamale520
      @sigmamale520 2 ปีที่แล้ว

      @@ky0to.914 It's changing the animation as well. I don't think that's the one

  • @atifmehmood2111
    @atifmehmood2111 3 ปีที่แล้ว +1

    expression plz??

    • @dopemotions
      @dopemotions  3 ปีที่แล้ว

      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);}

  • @FreshGuava161
    @FreshGuava161 2 ปีที่แล้ว

    error: couldn't turn result into numeric value

  • @ariestareq2335
    @ariestareq2335 3 ปีที่แล้ว +1

    waiting from Bangladesh.

  • @mariaclaradefreitassouza7063
    @mariaclaradefreitassouza7063 ปีที่แล้ว +1

    incrível!!!!!!!!!!!

  • @kbpro_edit
    @kbpro_edit ปีที่แล้ว

    this just doesn't work, I try to reproduct exactly the same thing and nothing, the text don't move !

  • @moisesarrais6364
    @moisesarrais6364 3 ปีที่แล้ว +1

    Wonderful, thank you for passing on your knowledge, thank you very much.

    • @dopemotions
      @dopemotions  3 ปีที่แล้ว

      Glad it was helpful!

  • @icecreal
    @icecreal 2 ปีที่แล้ว

    wait were is the thing

  • @zgraphic7253
    @zgraphic7253 3 ปีที่แล้ว

    veryy gooooood

  • @thingsjoshdoes3906
    @thingsjoshdoes3906 3 ปีที่แล้ว +1

    Thanks, but you did the same tutorial just a few months ago?

  • @camilogarcia1325
    @camilogarcia1325 2 ปีที่แล้ว

    TextIndex is not defined :S

  • @rykstudio
    @rykstudio 3 ปีที่แล้ว +1

    🔥🥇

  • @sscg408
    @sscg408 3 ปีที่แล้ว +1

    🔥🔥

  • @pushpapansuriya9119
    @pushpapansuriya9119 3 ปีที่แล้ว +1

    👍👍👍

  • @TwenteCulture
    @TwenteCulture 3 ปีที่แล้ว +1

    Hi

  • @shreeshaheragam
    @shreeshaheragam 3 ปีที่แล้ว +1

    op

  • @creativedesign9939
    @creativedesign9939 3 ปีที่แล้ว +1

    Next video in hindi

    • @aahritya_tv
      @aahritya_tv 3 ปีที่แล้ว +2

      Why do you guys always ask him to make in hindi, he speaks English in a way that everyone could understand perfectly

  • @heyastronaut001
    @heyastronaut001 ปีที่แล้ว +1

    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?🥲

  • @nicholasspiers8620
    @nicholasspiers8620 ปีที่แล้ว +2

    Great tutorial! Thanks

  • @mebodesign.studio
    @mebodesign.studio 2 ปีที่แล้ว +1

    Great tutorial! Thank you

  • @artisticaraquel
    @artisticaraquel 2 ปีที่แล้ว +1

    amazing tutorial

  • @satya-qr4pp
    @satya-qr4pp 3 ปีที่แล้ว +2

    👍👍