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

Поділитися
Вставка
  • Опубліковано 14 кві 2021
  • ◾ AEJuice I Want It All Bundle - bit.ly/3d4fJbZ​​​
    ◾ AEJuice Free Plugins - bit.ly/2vmDElZ​​​
    ◾ AEJuice UA-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.dopemotions.com/courses
    ✔️ 𝗗𝗼𝘄𝗻𝗹𝗼𝗮𝗱 𝗙𝗿𝗲𝗲 𝗣𝗿𝗼𝗷𝗲𝗰𝘁 𝗙𝗶𝗹𝗲 - bit.ly/3dgJvMU
    ✔️ Expression In the Comments Below
    ✔️ Uppbeat (FREE MUSIC for Creators): uppbeat.io/?ps=dopemotions
    ⚡ 𝟭𝟬𝟬+ 𝗙𝗿𝗲𝗲 𝗧𝗶𝘁𝗹𝗲𝘀 𝗮𝗻𝗱 𝗟𝗼𝘄𝗲𝗿 𝗧𝗵𝗶𝗿𝗱𝘀 - gum.co/xdbqH
    ⚡ 𝟱𝟱𝟱+ 𝗘𝘀𝘀𝗲𝗻𝘁𝗶𝗮𝗹 𝗧𝗶𝘁𝗹𝗲𝘀 𝗮𝗻𝗱 𝗟𝗼𝘄𝗲𝗿 𝗧𝗵𝗶𝗿𝗱𝘀 - 1.envato.market/0JJdrN
    ⚡ 𝟰𝟬𝟬𝟬+ 𝗚𝗿𝗮𝗽𝗵𝗶𝗰𝘀 𝗣𝗮𝗰𝗸 - 1.envato.market/XqaK5
    ⚡ 𝟱𝟱𝟬+ 𝗠𝗼𝘁𝗶𝗼𝗻 𝗚𝗿𝗮𝗽𝗵𝗶𝗰𝘀 𝗣𝗮𝗰𝗸 - 1.envato.market/0DEQV
    ⚡𝗕𝗲𝘀𝘁 𝗔𝗳𝘁𝗲𝗿 𝗘𝗳𝗳𝗲𝗰𝘁𝘀 𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲𝘀 - 1.envato.market/vnN4GW
    ❤️ 𝗦𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 𝘁𝗼 𝗠𝘆 𝗖𝗵𝗮𝗻𝗻𝗲𝗹 - bit.ly/Dope.motions
    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.market/vnN4GW
    Envato Elements: 1.envato.market/QOP7Wz
    🎧 𝗗𝗼 𝘆𝗼𝘂 𝗹𝗶𝗸𝗲 𝗺𝘂𝘀𝗶𝗰? 𝗖𝗵𝗲𝗰𝗸 𝗼𝘂𝘁 𝘁𝗵𝗲 𝗺𝘂𝘀𝗶𝗰 𝗹𝗶𝗯𝗿𝗮𝗿𝗶𝗲𝘀 𝘄𝗲 𝘂𝘀𝗲 𝗶𝗻 𝗼𝘂𝗿 𝗮𝗳𝗳𝗶𝗹𝗶𝗮𝘁𝗲 𝗹𝗶𝗻𝗸𝘀 𝗯𝗲𝗹𝗼𝘄:
    Uppbeat (FREE MUSIC for Creators): uppbeat.io/?ps=dopemotions
    Epidemic Sound: bit.ly/EpicMusics
    ✍️ 𝗦𝗵𝗮𝗿𝗽𝗲𝗻 𝘆𝗼𝘂𝗿 𝘀𝗸𝗶𝗹𝗹𝘀 𝗯𝘆 𝘁𝗮𝗸𝗶𝗻𝗴 𝗮 𝗰𝗼𝘂𝗿𝘀𝗲:
    SkillShare: bit.ly/SkillShared
    ---------------------------
    ◼️ 𝗚𝗲𝘁 𝗔𝗺𝗮𝘇𝗶𝗻𝗴 𝗔𝗳𝘁𝗲𝗿 𝗘𝗳𝗳𝗲𝗰𝘁𝘀 𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲𝘀 - 1.envato.market/jo0qa
    ◼️ 𝗔𝗲𝗷𝘂𝗶𝗰𝗲 𝗔𝗹𝗹 𝗶𝗻 𝗢𝗻𝗲 𝗕𝘂𝗻𝗱𝗹𝗲 - bit.ly/36cUun2
    ◼️ 𝟰𝟬𝟬𝟬+ 𝗚𝗿𝗮𝗽𝗵𝗶𝗰𝘀 𝗣𝗮𝗰𝗸 - 1.envato.market/XqaK5
    ◼️ 𝗙𝗿𝗲𝗲 𝗣𝗹𝘂𝗴𝗶𝗻𝘀 - bit.ly/MisterHr
    ◼️ 𝗠𝘆 𝗧𝗼𝗽 𝗿𝗲𝗰𝗼𝗺𝗺𝗲𝗻𝗱𝗲𝗱 𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲𝘀 - bit.ly/2LTGvvd
    ▶️ 𝗠𝘆 𝗕𝗲𝘀𝘁 𝗧𝘂𝘁𝗼𝗿𝗶𝗮𝗹 𝗣𝗹𝗮𝘆𝗹𝗶𝘀𝘁:
    ◾ Ae - bit.ly/AeTutorialsPlaylist
    ◾ Ai - bit.ly/AiTutorialsPlaylist
    ◾ Ps - bit.ly/PsTutorialsPlaylist
    ◾ C4D - bit.ly/C4DTutorialsPlaylist
    ◾ Free templates - bit.ly/GiveawayTemplate
    ◾ Speed arts - bit.ly/SpeedArtss
    ◾ Top10 - bit.ly/MyTop10Fav
    ⚡ Website - www.dopemotions.com/
    ⚡ Business Enquires - contact@dopemotions.com
    ---------------------------
    Thank you

КОМЕНТАРІ • 112

  • @dopemotions
    @dopemotions  3 роки тому +171

    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 :(

  • @SlaterMGFX
    @SlaterMGFX 3 роки тому +10

    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.

  • @robertlesperance9408
    @robertlesperance9408 Рік тому +2

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

  • @thomaswindfeld728
    @thomaswindfeld728 3 роки тому +1

    I loved it! Thanx again!

  • @mebodesign.studio
    @mebodesign.studio Рік тому +1

    Great tutorial! Thank you

  • @theSilentDude96
    @theSilentDude96 3 роки тому +2

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

  • @rattana958
    @rattana958 Рік тому +1

    I’m so grateful for your help.

  • @nicholasspiers8620
    @nicholasspiers8620 7 місяців тому +1

    Great tutorial! Thanks

  • @anjanagoel4574
    @anjanagoel4574 3 роки тому +4

    Mann... It was fire!.🔥

  • @phucvo229
    @phucvo229 2 роки тому

    Awesome ! Thank you

  • @adventureswithshaunandbrody
    @adventureswithshaunandbrody Рік тому +1

    Awesome video! Thanks

  • @abdulameen5488
    @abdulameen5488 Рік тому +1

    Very Helpful & Informative

  • @aamirraza5639
    @aamirraza5639 2 роки тому +1

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

  • @JELTONCUAORIVAS
    @JELTONCUAORIVAS 3 роки тому +1

    Thanks a lot ... Great tutorial ¡

  • @HarshVardhanArt
    @HarshVardhanArt 3 роки тому +1

    Love it bro👍😊

  • @atifmehmood2111
    @atifmehmood2111 3 роки тому +3

    its simple and looks great thanks man

  • @NeoExplore
    @NeoExplore Рік тому +1

    Thanks man!!

  • @Purimta
    @Purimta 2 роки тому +1

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

  • @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 2 роки тому +1

      thank you so much for this one

    • @theantrix19
      @theantrix19 2 роки тому +2

      Need tutorial from you sir

  • @RuchiraPrashan
    @RuchiraPrashan 2 роки тому +1

    Excellent tutorial.! Thank you!

  • @airwebx
    @airwebx 3 роки тому +2

    Yes!!!! Thank you!!

  • @shahriarshanto2688
    @shahriarshanto2688 3 роки тому +2

    That is just boooomb🔥🔥

  • @edindinho
    @edindinho 3 роки тому +1

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

  • @OVSVFX29
    @OVSVFX29 Рік тому +1

    Thanks a Lot !

  • @artisticaraquel
    @artisticaraquel 2 роки тому +1

    amazing tutorial

  • @STINENKI
    @STINENKI 3 роки тому +1

    Nice guapo tutorial saludos

  • @BinyAmin_khan
    @BinyAmin_khan 3 роки тому +3

    Man learnt some much for your turtorils,

  • @ayelajulius
    @ayelajulius 3 роки тому +1

    awesome Tutorial

  • @vochiphong2664
    @vochiphong2664 Рік тому

    many thanks

  • @moisesarrais6364
    @moisesarrais6364 3 роки тому +1

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

  • @emanuelispetrauskas8809
    @emanuelispetrauskas8809 3 роки тому +1

    Great video!

  • @quacquac_quacquac
    @quacquac_quacquac 3 роки тому +2

    Thank u 😘😘

  • @mariaclaradefreitassouza7063
    @mariaclaradefreitassouza7063 Рік тому +1

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

  • @zgraphic7253
    @zgraphic7253 3 роки тому

    veryy gooooood

  • @tomalfredpuno84
    @tomalfredpuno84 3 роки тому +2

    Bro please make a video about expression.

  • @Wesley-pk5de
    @Wesley-pk5de Рік тому +23

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

  • @alanchaves5119
    @alanchaves5119 2 роки тому +1

    Amazing😍😍😍😍

  • @andrepaulino7945
    @andrepaulino7945 Рік тому

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

  • @rykstudio
    @rykstudio 3 роки тому +1

    🔥🥇

  • @OFGAnimationStudio
    @OFGAnimationStudio 3 роки тому +3

    Great tutorial

  • @siddeshmandlikeditorwalya5240
    @siddeshmandlikeditorwalya5240 3 роки тому +2

    Thanks 😊❤️❤️

  • @JustPlayGameZ
    @JustPlayGameZ 2 роки тому +3

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

  • @waqasmehmood1679
    @waqasmehmood1679 Рік тому

    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.

  • @mushtaqbaaser1
    @mushtaqbaaser1 2 роки тому

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

  • @mmm-bh5jo
    @mmm-bh5jo 14 днів тому +1

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

  • @realBarthes
    @realBarthes 3 роки тому

    Bro, where did you learn all this expressions stuff?

  • @infotech2939
    @infotech2939 3 роки тому +2

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

  • @caricroma
    @caricroma 3 роки тому +8

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

  • @Drokuman
    @Drokuman Рік тому

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

  • @ranjeetkumarsingh4752
    @ranjeetkumarsingh4752 4 місяці тому +1

    how can we do reverse animation for that expression?

  • @shreeshaheragam
    @shreeshaheragam 3 роки тому +1

    op

  • @satya-qr4pp
    @satya-qr4pp 3 роки тому +2

    👍👍

  • @ariestareq2335
    @ariestareq2335 3 роки тому +1

    waiting from Bangladesh.

  • @Lofiejm
    @Lofiejm Рік тому +2

    Can I save this type of animation as a preset?

  • @pushpapansuriya9119
    @pushpapansuriya9119 3 роки тому +1

    👍👍👍

  • @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

  • @izzulfygaming1681
    @izzulfygaming1681 2 роки тому +1

    how to make outro from this animation

  • @cosim5432
    @cosim5432 5 місяців тому +1

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

  • @arnavgupta7457
    @arnavgupta7457 3 роки тому +12

    How to change the speed of the animation

    • @chouchouvlog
      @chouchouvlog Рік тому +2

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

    • @cassidydickens2511
      @cassidydickens2511 Рік тому +1

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

  • @dvmarx8383
    @dvmarx8383 Рік тому +1

    How can i save it like a preset??

  • @learasandile1523
    @learasandile1523 9 місяців тому

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

  • @TwenteCulture
    @TwenteCulture 3 роки тому +1

    Hi

  • @smokanimations1843
    @smokanimations1843 Рік тому +1

    how to loop that?

  • @radiantcouffaine
    @radiantcouffaine 10 місяців тому +1

    On mine appears ⚠️what should I do

  • @icecreal
    @icecreal 2 роки тому

    wait were is the thing

  • @FreshGuava161
    @FreshGuava161 Рік тому

    error: couldn't turn result into numeric value

  • @ky0to.914
    @ky0to.914 Рік тому

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

    • @ky0to.914
      @ky0to.914 Рік тому +1

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

    • @sigmamale520
      @sigmamale520 Рік тому

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

  • @camilogarcia1325
    @camilogarcia1325 Рік тому

    TextIndex is not defined :S

  • @thingsjoshdoes3906
    @thingsjoshdoes3906 3 роки тому +1

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

  • @kbpro_edit
    @kbpro_edit Рік тому

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

  • @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 10 місяців тому +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?🥲

  • @sscg408
    @sscg408 3 роки тому +1

    🔥🔥