Categories
After Effects

How to make text follow a path in After Effects?

Text follow a Path GIF

To learn how to make text follow a path in Adobe After Effects follow the steps below and watch the video tutorial:

Step1.

Create a New Composition

Click on New Composition. In Composition, Settings select the width and height of your project, set the Frame Rate to 25, and the Duration to your preferred one.

adobe after effects text

Step2.

Type a text

Use the Horizontal Type Tool and type your text:

How to make text follow a path in After Effects?

To change the font, font size, and font colour go to the right side of the screen:

text follow a path After Effects

To align the text choose the Align option (optional):

After Effect Align Text

Step3.

Draw a path

Use the Pen Tool and draw the path (click and drag):

Drawing a Path After Effects

Go to the Composition panel, and click the arrow on the text layer. Go to Path Options -> Path and select Mask1:

text follow a path after effect
How to make text follow a path in After Effects?

You can see your text on the path now. To change the position of the text On the Reverse Path option (to set the text outside a path):

Text follow a path Adobe After Effects

Go down to the First Margin option, and set the first stopwatch to 0 (at the beginning of the composition) and the second stopwatch (with a value set by you) at the end of the composition.

Note: The value of the second stopwatch it’s up to you (depends on how you want to move the text on a path). In this tutorial, I moved the text around the path to make the loopable GIF later.

Adobe After Effect First Margin
*set the first stopwatch to 0.
*set the second stopwatch.

To preview/play the animation go to the main panel and by right click select Preview->Play Current Preview:

How to make text follow a path in After Effects?

Step4.

Export a file

To export your video/ GIF go to File->Export->Add to Adobe Media Encoder Queue…

How to make text follow a path in After Effects?

The Adobe Media Encoder will open. In Adobe Media Encoder go to Queue, and select the wanted format, name, and localization of your animation. Click on the green triangle:

How to make text follow a path in After Effects?

Go to the selected localization and enjoy your video/GIF!

Watch also the video tutorial:

Read also:

How to export high-quality GIF from Adobe Premiere Pro? (Photoshop solution)

How to create a GIF in Adobe Premiere Pro?

How to add a GIF into iMovie?