Bouncy & Wobbly Text Animation in After Effects


SUBSCRIBE! It’s free and I will continue to give out free downloads!

If you are looking to create a nice bouncy text animation then this tutorial is worth watching. In this tutorial, I will show you to create this Bouncy Text Animation in Adobe After Effects without using any plugin. After watching this tutorial you can easily create your own Bouncy Text Animation. You only need to add a short expression. I recommend every visitor to watch my tutorials till the end. Because each tutorial is made with hard work.

Anyway, here’s the step by step guide.

Step 1: First of all open Adobe After Effects. Go to the composition and create a new composition. Rename it to jumping text or whatever name you give it. Set the resolution of 1920×1080 pixels. Frame rate to 30 frames per second. Set the duration to 5 seconds.

Step 2: Select the Type tool from the toolbar and add your text. Increase the font size, then align the text to the center.

Step 3: Go to the Text Options > Under the animate > Then Scale. Change the scale value to 0%. It will make our text smaller so that we can’t see it.

Step 4: Go to the Add button > Then go to the selector and choose an expression. Open the expression selector 1. Then open the amount option, We are going to replace this expression with our own expression.

Copy the Expression:

freq = 3;
decay = 5;
maxDelay = 1.0;

seedRandom(textIndex,true);
myDelay = random(maxDelay);
t = time – (inPoint + myDelay);
startVal = [100,100];
endVal = [0,0];
dur = 0.1;
if (t < dur){
linear(t,0,dur,startVal,endVal);
}else{
amp = (endVal – startVal)/dur;
w = freq*Math.PI*2;
endVal + amp*(Math.sin((t-dur)*w)/Math.exp(decay*(t-dur))/w);}

Step 5: Go to the expression and Press Control + V to paste it. Unfortunately, we can’t add the keyframes to control the text so we have three options Frequency, decay, and max Delay. Change the decay value from 1 to 5. Change the frequency to 3, and Change the decay to 5.
It looks perfect to me.

Step 6: Select the text layer, then right-click go to options, and select bevel & Emboss.

Change these settings: Change altitude to +80 degrees. Change the size to 15, and soften it to 1.5.
Don’t forget to turn on the Motion Blur.

We are done! Our Bouncy Text animation is ready.

Here you can download the free project file (File Size: 38 KB)

Password: rizatgraphics000

Remain active on this page otherwise counter will be reset

Check Also

Disco Ball Animation in After Effects

Create a Disco Ball Animation in Adobe After Effects

It’s free and I will continue to give out free downloads! If you want to …

error: Content is protected !!