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

Shape Text Animation in Adobe After Effects

Make your text look awesome with a Shape Text Animation in Adobe After Effects! In this quick and simple tutorial, I’ll guide you through creating a cool text animation using shapes. It’s easy to follow, so I suggest watching the whole video to get the hang of it. By the end, you’ll know how to make your text stand out with a stylish shape text animation. Enjoy the tutorial, and let’s make your text look amazing together!

Step-by-Step Guide to Creating Shape Text Animation:

Step 1: Set Up Composition

  1. Open Adobe After Effects.
  2. Create a new composition and rename it to “Shape Text” (or any name you prefer).
  3. Set the resolution to 1920×1080 pixels, frame rate to 30 frames per second, and duration to 10 seconds.

Step 2: Add and Align Text

  1. Select the Text tool from the toolbar.
  2. Type your desired text and align it to the center of the composition.

Step 3: Create Shape Layers

  1. Select the Pen tool from the toolbar.
  2. Set the Fill color to None and the Stroke color to a solid color with a stroke width of 25 pixels.
  3. Click outside the text layer and start creating shapes around each character of the text.

Step 4: Adjust Shape Layers

  1. Create separate shapes for each character of the text.
  2. Rename the shape layers according to the characters they cover.
  3. Select all shape layers and increase the stroke width to cover the entire text.

Step 5: Add Trim Paths

  1. Select any shape layer and go to its properties.
  2. Add the Trim Paths effect.
  3. Open the Trim Paths options and click the Start Stopwatch icon to add a keyframe.
  4. Set the End value to 0% at the beginning.
  5. After two seconds, change the End value to 100%.

Step 6: Apply Easy Ease

  1. Select both keyframes in the Trim Paths options.
  2. Right-click and go to Keyframe Assistant, then choose Easy Ease.

Step 7: Copy Trim Paths Keyframes

  1. Select both keyframes in the Trim Paths options.
  2. Press Control + C to copy the keyframes.
  3. Select the remaining shape layers and press Control + V to paste the keyframes. This applies the same Trim Paths animation to all layers.

Step 8: Pre-compose Shape Layers

  1. Select all shape layers.
  2. Right-click and choose Pre-compose.
  3. Rename the pre-comp to “Text Shapes.”

Step 9: Apply Track Matte

  1. Select the Text layer.
  2. Go to the Track Matte options and choose Alpha Matte (Text Shapes). This will use the “Text Shapes” pre-comp as a track matte for the text layer.

Step 10: 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 shape text animation using shape layers, Trim Paths, and track matte in Adobe After Effects. Adjust the shape designs, animation timing, and other parameters to customize the visual effect of your shape text animation.

Project File Details:

UpdatedMarch 25, 2024
CompatibilityAfter Effects CC
Required PluginNo
Size80 KB
CategoryText Animation Tutorials