3d e animazione

Adobe After Effects Tutorial: How to Animate Your Fonts

Create professional animated fonts in Adobe After Effects with these practical tips by Érico Santana

Adobe After Effects is one of the most-popular 3D animation, motion graphics and post-production packages on the market. It helps give videos, graphic designs and animated fonts a perfect final touch. This software provides a range of ways to create professional content for films, social media, TV and in fact any other audiovisual media.

The world of animated fonts allows you to create texts that come to life and jump out at your audience. These words are full of character and style. You can also come up with digital compositions that reflect the spirit of a brand. Which is exactly what Érico Santana (@erico_santana) has done in audiovisual projects for major brands including: Heinken, Itaú and Comic-Con Experience (CCXP).

Érico Santana has worked for major brands like Heineken and Comic-Con Experience.
Érico Santana has worked for major brands like Heineken and Comic-Con Experience.

In this tutorial, Érico teaches you the steps you need to use Adobe After Effects to create professional animated fonts.

Don’t miss his tips!

Select the type of animation you want to use

Start by defining the kind of animation you want to create. We’ll use Tracking for this tutorial.

Then define your text value/size. Now click on Advanced, then Based On > Words.

Define the kind of animation you want to create by clicking Advanced then Based On > Words.
Define the kind of animation you want to create by clicking Advanced then Based On > Words.

Define the shape by clicking on Shape > Ramp Up.

Click on Shape > Ramp Up to define the font format.
Click on Shape > Ramp Up to define the font format.

Click on Easy Low and set the value to 100%.

To animate your text, go to Offset and click on the Stopwatch icon. Set the value of the first still to -100. The next still will come 1 second later: set its value to 100.

Click Play to check your results.

Set the value of the first still to -100.
Set the value of the first still to -100.

Create a mask to define a small section of the animation, then select the area you wish to apply it to.

Create a mask to define a small area of the animation.
Create a mask to define a small area of the animation.

Click on Position and define the start position value for your animation.

Then click on Advanced > Shape. Select Ramp Up. Set the Easy Low to 100.

To animate your text, go to Offset and click on the Stopwatch icon. Set the value of the first still as -100. The next still will come 1 second later, set its value as 100.

Change the position of the text to create your desired design.

Change the position of the text to customize your animation.
Change the position of the text to customize your animation.

Adjust the animation duration and add elements, such as other fonts or colors, to your image.

Right click then select New > Solid to add a background color. Choose the color and click on OK.

Add a background color by right clicking then selecting New > Solid.
Add a background color by right clicking then selecting New > Solid.

Apply the Gradient Ramp effect and customize the colors.

Apply the Gradient Ramp effect and customize the colors.
Apply the Gradient Ramp effect and customize the colors.

Your animated font is ready to go! You can now save and export your file.

Love this tutorial? Have a look at Érico’s course: Typography Animation with After Effects to learn creative motion design techniques and bring animated fonts to life with unique visual effects.

You may also like:

- 5 Free Tutorials to Master After Effects
- After Effects Tips to Speed Up Your Workflow
- After Effects Tutorial: How to Create a Loop
- Advanced After Effects, a course by Carlos “Zenzuke” Albarrán

Corsi consigliati

Design di grafiche per magliette. Un corso di Calligrafia e Tipografia di Joaquín Lluis

Design di grafiche per magliette

Un corso di Joaquín Lluis

Impara i segreti del design di magliette ed esprimi le tue idee creative.

  • 15.816
  • 97% (230)
98% di sconto
Prezzo iniziale $49.99USD
Acquista $0.99USD
Animazione per composizioni tipografiche. Un corso di 3D, Animazione, Calligrafia e Tipografia di Holke 79

Animazione per composizioni tipografiche

Un corso di Holke 79

Impara le tecniche per animare i tuoi disegni tipografici e codividili sui social network

  • 45.656
  • 97% (1.1K)
98% di sconto
Prezzo iniziale $49.99USD
Acquista $0.99USD
Tatuaggio lettering. Un corso di Calligrafia e Tipografia di Caio Cruz

Tatuaggio lettering

Un corso di Caio Cruz

Impara a disegnare lettere personalizzate, impreziosendo con uno stile unico i messaggi scolpiti sulla pelle.

  • 7.740
  • 100% (75)
98% di sconto
Prezzo iniziale $49.99USD
Acquista $0.99USD
0 commenti