Smooth Bouncy Text Animation Tutorial in After Effects | Overshoot Bounce | No Plugins

Sdílet
Vložit
  • čas přidán 1. 06. 2024
  • In this tutorial I show you how to create smooth bouncy text animation in adobe after effects without using any plugins and save animations as presets to easily use them again in other projects. After watching this tutorial you will be able to create your own custom bounce text animations in after effects. This video also includes the following: smooth bouncy text animation tutorial in after effects, overshoot bounce, simple text animation after effects, bouncing text after effects, text animation after effects, after effects animation, after effects, after effects tutorial, motion graphics, motion design, typography tutorial, save animation presets, save text animation presets, smooth bounce text after effects, text, animation, 2d animation, text motion graphics, basic animation, after effects for beginners, beginner tutorial after effects, adobe after effects tutorial, ae tuto, kinetic typography after effects, bouncing text, basic text animation, quick tutorial, smertimba graphics, text animation for beginners, after effects expression animation. text overshoot after effects, title animation after effects.
    🔔Subscribe to my channel for more tutorials: / @smertimbagraphics
    💾Download Free Project File:
    bit.ly/3BFtV8C
    SOCIALS
    ===================================
    📷Instagram: @smertimbagraphics
    #aftereffects #tutorial #textanimation #motiongraphics #text #animation #overshoot #bounce #adobe #smertimbagraphics #beginnertutorials

Komentáře • 62

  • @SmertimbaGraphics
    @SmertimbaGraphics  Před rokem +27

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

  • @fud007
    @fud007 Před rokem +2

    THANK YOU SO MUCH!

  • @faranyousufi241
    @faranyousufi241 Před 2 měsíci +1

    Thanks for your efforts and tutorial keep making

  • @EdORourke
    @EdORourke Před rokem +1

    That expression is incredible, thank you. Love the method for saving it as a preset too, that's something I should have known but didn't.

  • @adeelbajwa007
    @adeelbajwa007 Před rokem +1

    Awesome ❤️ ❤️

  • @annetterays4471
    @annetterays4471 Před rokem +3

    Brilliant!! You have saved me hours of trying to figure this out for myself. Thank for clear and wonderful tutorial :)

  • @JELTONCUAORIVAS
    @JELTONCUAORIVAS Před rokem +1

    Excelente explicacion, Muchas Gracias por el aporte !!

  • @chrisfraseronline
    @chrisfraseronline Před rokem +1

    Excellent tutorial!

  • @iancarry
    @iancarry Před 9 měsíci +1

    very nice, very clean :).. thanks mate

  • @pimsi7700
    @pimsi7700 Před 18 dny +1

    😮 awesome

  • @datascience1519
    @datascience1519 Před 4 měsíci +1

    Many thanks

  • @mlgquickscoper8122
    @mlgquickscoper8122 Před rokem +1

    Liked and Commented

  • @psychod74
    @psychod74 Před 9 měsíci +1

    thx bro !

  • @vilgaxworthy
    @vilgaxworthy Před rokem +1

    First of all, Thank you so much. Such A wonderful tutorial. How can I change the start time of this Animation?

    • @SmertimbaGraphics
      @SmertimbaGraphics  Před rokem +1

      You're welcome and thanks for watching 😊
      I way you could do that is to offset the layer forward in time or precompose it and use time remapping to control the start and end time.

  • @aliorvt3742
    @aliorvt3742 Před 11 měsíci

    Ty so much for this vid, if its not to much trouble to splain, is there a way to create the same effect but not a "bounce in" text, but a "bounce out" tex? I just cant make it u.u ty

    • @SmertimbaGraphics
      @SmertimbaGraphics  Před 11 měsíci

      Thanks.
      I don't think this method would work, you could try other one: czcams.com/video/rDwdXeouQVU/video.html
      But you need to reverse the keyframes

  • @jaysonfontela5761
    @jaysonfontela5761 Před rokem

    💖💖💖

  • @dan_vs_himself
    @dan_vs_himself Před 5 měsíci +1

    Thanks so much for this helpful tutorial! This worked great! I'm also trying to do something similar to this but with vector letters I pulled in from illustrator. It's for a logo and the client doesn't know the font that was used so I have to work with the vectors. Is there a way to do something similar to this, but with vectors? Thanks for your help!

    • @SmertimbaGraphics
      @SmertimbaGraphics  Před 5 měsíci +1

      Most of bounce animations are only done with text layers, vectors are a bit weird, best bet is to nail the font

    • @dan_vs_himself
      @dan_vs_himself Před 5 měsíci +1

      @@SmertimbaGraphics Yea, makes sense. I wish the client could remember the font they used:) Thanks for the quick reply and thanks again for the tutorial!

    • @motionmeow
      @motionmeow Před 5 měsíci

      @@dan_vs_himself you can make a font out of these letters, and then apply the effect

    • @dan_vs_himself
      @dan_vs_himself Před 5 měsíci

      @@motionmeow Thank you! I'll try that

  • @ArtistikSujal
    @ArtistikSujal Před 6 měsíci +1

    I want the text to keep bouncing again and again - not just once... What should be done to achieve this? (The animation is amazing btw😍)

    • @SmertimbaGraphics
      @SmertimbaGraphics  Před 6 měsíci

      Change the values inside of the expression until you get it

  • @charlesagnew3801
    @charlesagnew3801 Před 2 měsíci

    is there a method to reverse the direction of the expression - so that it starts from right to left?

    • @SmertimbaGraphics
      @SmertimbaGraphics  Před 2 měsíci

      I don't think there is a way to do that with this method. Try the one without expression, bouncy text

  • @MrPatrickBatemann
    @MrPatrickBatemann Před 3 měsíci

    how can i add this same effect to a second line of text below the first but to play SLIGHTLY AFTER the first animation ends???

    • @SmertimbaGraphics
      @SmertimbaGraphics  Před 3 měsíci

      Add a second text layer with this animation and offset it forward in time

  • @alphonsecpone
    @alphonsecpone Před měsícem

    Is there a way to adjust this so the letters come in randomly?

    • @SmertimbaGraphics
      @SmertimbaGraphics  Před měsícem

      Don't think so, it's designed to follow an order from left to right

  • @Alvin-pq7yr
    @Alvin-pq7yr Před rokem +2

    how do you make the animation faster?

    • @SmertimbaGraphics
      @SmertimbaGraphics  Před rokem +2

      pre-compose the text layer and use time remapping to control the speed

  • @ITRFX5503
    @ITRFX5503 Před rokem +1

    Do a rotation edit tutorial please

  • @issac7787
    @issac7787 Před 5 měsíci

    2:35 creating preset

  • @ITRFX5503
    @ITRFX5503 Před rokem +1

    🧐