Kinetic Text Animation in After Effects

Kinetic Text Animation in After Effects

In this tutorial, we’ll take a look at creating a cool text kinetic animation in AE and for this, we’ll be using the built-in tools from the software along with a helpful expression. So let’s go ahead and see how it’s done

The steps to creating the kinetic text

First, we’ll create a new composition and we’ll make it 1920×1080 px and we’ll set the duration to 5 seconds. kinetic-text-animation-in-after-effects-1 Select Layer-New – Text and we’ll type in a text. kinetic-text-animation-in-after-effects-2 Next, we need to click on the down arrow to toggle the properties and under the animate section we’ll choose “Position”. kinetic-text-animation-in-after-effects-3 We’ll move the text outside the visible area, on the Y axis kinetic-text-animation-in-after-effects-4 and then go to the Range Selector and click on the stopwatch to set a keyframe for the offset property. We’ll set the value to -100 kinetic-text-animation-in-after-effects-5 then move the time indicator forward in time and set the value to 100. kinetic-text-animation-in-after-effects-6 Next, we’ll head over to the advanced menu and under the Shape menu we’ll choose “Ramp Up” and we’ll set both Ease High and Ease Low to 50%. This will give us a nice and smooth entrance to the text. kinetic-text-animation-in-after-effects-7 Now to enhance the animation even further, we’ll head back to the animate button and choose “scale” kinetic-text-animation-in-after-effects-8 and in the newly created Animator 2, we’ll click on Add – Property and choose “Rotation” kinetic-text-animation-in-after-effects-9 We’ll set the scale to 0% and the rotation to -90 kinetic-text-animation-in-after-effects-10 Now we’re going to add an expression, so click on the Add button again, choose “Selector – Expression” kinetic-text-animation-in-after-effects-11 and we’ll alt+click on the stopwatch next to the amount property and add the following expression: delay = .1; myDelay = delay*textIndex; t = (time – inPoint) – myDelay; if (t>=0){ freq =3; amplitude = 150; decay = 8.0; s = amplitude*Math.cos(freq*t*2*Math.PI)/Math.exp(decay*t); {s,s} }else{ value } kinetic-text-animation-in-after-effects-12   So this is how our animation looks like, you can fine tune things and adjust values to your liking, for example, you can increase the value of the amplitude in the expression to 250 to make the animation more dynamic. You can also randomize the order of the characters by going into the advanced section of the Animator 1 and enabling the “randomize order” property. kinetic-text-animation-in-after-effects-13 Thank you for taking the time to read this article and we hope you’ve enjoyed this tutorial. Please stay tuned for more cool tips and tricks in After Effects and Premiere Pro coming soon

Also from BlueFx

Three ways we help you make more.

Templates are step one. When you want it done for you, we have you covered.

AI Media Machine demo
AI Media Machine

Twelve AI apps for video creators

Finds ad campaigns that are already making money. Rebuilds them for your product. Try the full platform for $1.

Start for $1 →
BlueFx Video Service demo
Done-for-you video

We make the videos that bring you clients

Custom video content built for your business. Our clients have generated 220,000+ leads with the videos we produce.

Learn more →
Free Business Website demo
Free Business Website

A professional website, built for you in 3 days

We design, write, and launch a complete business site for you. Free. No setup fee. You only pay the small monthly hosting.

Learn more ↗