How to Create a Typewriter Effect in After Effects: Step-by-Step Tutorial

Today, we’re diving into the world of After Effects to explore how you can create a digital typewriter effect using the Animate feature.

First, open After Effects and create a new composition. For this tutorial, we’ll be using a standard 1920×1080 composition that lasts for 30 seconds. Once you click the “OK” button, you’ll be greeted with a black screen.

  1. Navigate to the toolbox and select the text tool. Type in your text. For this tutorial, we’re using the DS Digital font.
  2. Click on the small arrow next to your text layer to reveal its properties. You’ll find an “Animate” triangle on the right side. Click on it and select “Character Offset.”
  3. Click on the “Add” triangle next to “Animator 1” and select “Property” and then “Opacity.” Set the opacity to zero initially, making all characters invisible.
  4. Open the “Range Selector” and set the start value to zero and the end value to 100. Add keyframes to animate this change over time.
  5. Go to the “Advanced” settings and set the “Smoothness” to zero for a more authentic typewriter effect. Adjust the keyframes to control the speed of the animation.

And there you have it! You’ve successfully created a typewriter effect in After Effects. Add some sound effects for an even more realistic experience.

Popular Tutorials

Create Nulls from Path in After Effects

The Create Nulls from Path feature in After Effects is a powerful…

How to Animate a Street Scene Using Parallax in After Effects

Today we will explore how to use the Parallax effect in After…

Creating Realistic Indoor and Outdoor Audio with Adobe Premiere

In the world of video editing, sound is as crucial as visuals….

Fade In & Out Effect Without Keyframing in After Effects

If you are using Opacity to render Fade In and Fade Out effects in After Effects,…

Object Along Path Animation in After Effects

In After Effects, it is very easy to give motion to an…

Animate Texts Like a Pro: Simple and Professional Text Effects in Seconds

In the realm of digital design, animated text can bring a unique…