Bouncy Text Animation in Adobe After Effects

If you are looking to create a nice bouncy text animation then this tutorial is worth watching. In this tutorial, I will show you how to create this Bouncy Text Animation in Adobe After Effects without using any plugins. 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.

You Might Like This:

Project File Details:

UpdatedSeptember 18, 2023
CompatibilityAfter Effects CC
Required PluginNo
Size38 KB
CategoryText Animation Tutorials
Ratings
5/5 - (1 vote)
Views
1

If you’ve any questions or have paid work in mind, don’t hesitate to contact me at [email protected].

Step-by-Step Guide to Creating a Bouncy Text Animation:

Step 1: Set Up Composition

  1. Open Adobe After Effects.
  2. Create a new composition named “Jumping Text” with a resolution of 1920×1080 pixels, a frame rate of 30 frames per second, and a duration of 5 seconds.

Step 2: Add Text

  1. Select the Type tool from the toolbar.
  2. Add your desired text to the composition.
  3. Increase the font size as desired.
  4. Align the text to the center of the composition.

Step 3: Apply Initial Scale Animation

  1. Go to the Text Options > Animate > Scale.
  2. Change the scale value to 0% to make the text initially invisible.

Step 4: Apply Expression Selector

  1. Click the Add button > Selector > Expression.
  2. Open Expression Selector 1 and navigate to the Amount option.
  3. Replace the existing expression with the provided 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: Apply Expression and Adjust Values

  1. Paste the copied expression by pressing Control + V.
  2. Adjust the values of Frequency, Decay, and Max Delay to fine-tune the animation. Use the provided values: Frequency 3, Decay 5, and Max Delay 1.0.

Step 6: Apply Bevel & Emboss Effect

  1. Select the text layer.
  2. Right-click and go to Options > Bevel & Emboss.
  3. Adjust the settings as follows: Altitude +80 degrees, Size 15, Soften 1.5.
  4. Make sure to enable Motion Blur.

Step 7: Preview and Export

Preview the animation by playing the timeline. If you’re satisfied with the result, you can export the composition to your desired format.

This tutorial demonstrates how to create a bouncy text animation using expressions, scale animation, and bevel & emboss effects in Adobe After Effects. Adjust the animation settings and effect parameters to achieve the desired visual effect for your text animation.

SUBSCRIBE

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

Similar Posts