Como criar efeito de digitação (Typewrite Effect) no After Effects

Introduction

In this tutorial, you will learn how to create a typewriter effect in Adobe After Effects. This effect can add a dynamic and engaging touch to your text animations. We will cover two methods: using the basic text animation tools and utilizing a text expression for a more refined effect.

Step 1: Creating the Typewriter Effect Using Animation Presets

1. Open After Effects and create a new composition.
2. Add a Text Layer:
   • Select the Text tool from the toolbar.
   • Type in the text you want to animate.
3. Apply Animation:
   • With the text layer selected, go to the Animation menu.
   • Select Animate and then choose Opacity.
4. Adjust Opacity Settings:
   • In the Animator properties, set the Opacity to 0%.
5. Add a Range Selector:
   • Under the Animator, add a Range Selector.
6. Set Keyframes:
   • Move the playhead to the start of your timeline and set a keyframe for the End property at 0%.
   • Move the playhead a few seconds forward and set another keyframe for the End property at 100%.
7. Ease Keyframes for Smooth Animation:
   • Select the keyframes, right-click, and choose Keyframe Assistant > Easy Ease to make the animation smoother.

Step 2: Creating the Typewriter Effect Using a Text Expression

1. Add Your Text Layer:

   • As before, create a new text layer and type your desired text.

2. Enable Expressions:

   • Hold Alt (or Option on Mac) and click on the stopwatch icon next to the Source Text property in the text layer.

3. Insert the Expression:

   • Copy and paste the following expression:

   t = time - inPoint;
   text.sourceText.substr(0, Math.floor(t * 10));
   

   • This expression reveals one character at a time based on the elapsed time.

4. Adjust Speed:

   • Change the multiplier (10) in the expression to adjust how fast the text appears. Increasing the number will slow down the effect, while decreasing it will speed it up.

5. Preview the Animation:

   • Scrub through the timeline to see the typewriter effect in action.

Conclusion

You have now successfully created a typewriter effect in After Effects using two different methods. The basic animation method is straightforward and great for quick projects, while the expression method offers more control and customization. Experiment with both techniques to see which one fits your project best. For further learning, consider exploring additional text animations or effects in After Effects. Happy animating!