- After Effects User Guide
- Beta releases
- Getting started
- Workspaces
- Projects and compositions
- Importing footage
- Text and Graphics
- Text
- Motion Graphics
- Work with Motion Graphics templates in After Effects
- Use expressions to create drop-down lists in Motion Graphics templates
- Work with Essential Properties to create Motion Graphics templates
- Replace images and videos in Motion Graphics templates and Essential Properties
- Animate faster and easier using the Properties panel
- Drawing, Painting, and Paths
- Overview of shape layers, paths, and vector graphics
- Paint tools: Brush, Clone Stamp, and Eraser
- Taper shape strokes
- Shape attributes, paint operations, and path operations for shape layers
- Use Offset Paths shape effect to alter shapes
- Creating shapes
- Create masks
- Remove objects from your videos with the Content-Aware Fill panel
- Roto Brush and Refine Matte
- Layers, Markers, and Camera
- Animation, Keyframes, Motion Tracking, and Keying
- Animation
- Keyframe
- Motion tracking
- Keying
- Transparency and Compositing
- Adjusting color
- Effects and Animation Presets
- Effects and animation presets overview
- Effect list
- Effect Manager
- Simulation effects
- Stylize effects
- Audio effects
- Distort effects
- Perspective effects
- Channel effects
- Generate effects
- Time effects
- Transition effects
- The Rolling Shutter Repair effect
- Blur and Sharpen effects
- 3D Channel effects
- Utility effects
- Matte effects
- Noise and Grain effects
- Detail-preserving Upscale effect
- Obsolete effects
- Expressions and Automation
- Expressions
- Expression basics
- Understanding the expression language
- Using expression controls
- Syntax differences between the JavaScript and Legacy ExtendScript expression engines
- Editing expressions
- Expression errors
- Using the Expressions editor
- Use expressions to edit and access text properties
- Expression language reference
- Expression examples
- Automation
- Expressions
- Immersive video, VR, and 3D
- Construct VR environments in After Effects
- Apply immersive video effects
- Compositing tools for VR/360 videos
- Advanced 3D Renderer
- Import and add 3D models to your composition
- Import 3D models from Creative Cloud Libraries
- Image-Based Lighting
- Extract and animate lights and cameras from 3D models
- Tracking 3D camera movement
- Cast and accept shadows
- Embedded 3D model animations
- Shadow Catcher
- 3D depth data extraction
- Modify materials properties of a 3D layer
- Work in 3D Design Space
- 3D Transform Gizmos
- Do more with 3D animation
- Preview changes to 3D designs real time with the Mercury 3D engine
- Add responsive design to your graphics
- Views and Previews
- Rendering and Exporting
- Basics of rendering and exporting
- H.264 Encoding in After Effects
- Export an After Effects project as an Adobe Premiere Pro project
- Converting movies
- Multi-frame rendering
- Automated rendering and network rendering
- Rendering and exporting still images and still-image sequences
- Using the GoPro CineForm codec in After Effects
- Working with other applications
- Collaboration: Frame.io, and Team Projects
- Memory, storage, performance
- Knowledge Base
After Effects provides a vast array of capabilities for effective and creative 2D and 3D text animation. The resource and examples you'll find here provide detailed instructions on how to animate your text in After Effects.
Steve Holmes provides a tutorial on the Layers Magazine website that uses three text animators and per-character 3D text animation to create a text animation.
Rich Young collects several resources and tutorials for creating extruded 3D text in After Effects.
On the ProVideo Coalition website, Chris & Trish Meyer provide several tips for animating text in After Effects.
Toby Pitman shows tricks for using shape layers to animate text on the MacProVideo website.
Example: Animate characters with per-character 3D properties
This example illustrates how you can easily animate individual characters in 3D so that each character steps out of line and takes a bow.
-
Create a new composition.
-
Create a new text layer with the word ovation.
-
Choose Animation > Animate Text > Enable Per-character 3D.
-
Choose Animation > Animate Text > Position.
-
Choose Animation > Animate Text > Rotation.
-
In the Timeline panel, in the Animator group, set the X Rotation property to 45, and set the Position value to (0.0, 0.0, -100.0).
-
Expand Range Selector 1.
-
Click the stopwatch icon for the Offset property to set an initial keyframe with the value at 0 seconds.
-
Set the Offset property value to -15%.
-
Set the End property value to 15%.
-
Move the current-time indicator to 10 seconds, and set the Offset value to 100%.
-
Press the R key to show the Rotation properties for the entire layer.
-
Set the Y Rotation value for the layer to -45, rotating the entire layer so that you can more easily see the 3D motion of the characters.
-
Preview the composition.
Example: Offset characters
This example illustrates how you can easily animate random characters so that they gradually form a legible word or phrase by specifying a Character Offset value and animating the range selector.
-
Create a new composition.
-
Create a new text layer with the word Galaxy.
-
Choose Animation > Animate Text > Character Offset.
-
In the Timeline panel, set the Character Offset value to 5.
-
Expand Range Selector 1.
-
Click the Start stopwatch to set an initial keyframe at 0 seconds and set the value to 0%.
-
Move the current-time indicator to 5 seconds and set the Start value to 100%.
-
Set Character Alignment to Center.
-
Preview the composition.
Example: Animate characters with the Wiggly selector
This example demonstrates how easy it is to animate the position of individual characters. It also shows how the Wiggly selector can create a dramatic change to the animation simply by adding it to the layer.
-
Create a new composition.
-
Create a new text layer with the word Galaxy and set the color to blue in the Character panel.
-
Choose Animation > Animate Text > Position.
-
In the Timeline panel, drag the y value of the Position property to the left until all of the characters are out of the frame.
-
Expand Range Selector 1.
-
Click the Start stopwatch and leave it at 0% at 0 seconds; then move the current-time indicator to 5 seconds and set Start to 100%.
-
Preview the composition.
-
Collapse the Animator 1 group.
-
Make sure that nothing is selected except the text layer name in the Timeline panel, and choose Fill Color > Hue from the Animate menu. A new animator group, Animator 2, appears in the Timeline panel.
-
Set Fill Hue to 1x+0.0.
-
Expand the Range Selector 1 for Animator 2.
-
Click the Start stopwatch and leave it at 0% at 0 seconds; then move the current-time indicator to 5 seconds and set Start to 100%.
-
Preview the animation. The colors change now as they drop from the top of the screen, but they all use the same color and end up the same, original color.
-
With Fill Hue selected, choose Selector > Wiggly from the Add menu.
-
Expand the Wiggly Selector 1 property and choose Add from the Mode menu.
-
Preview the composition.Poznámka:
If you add the Fill Hue property to Animator 1 and then add the Wiggly selector, both the position and the colors wiggle, instead of just the colors.
Example: Animate text tracking
This example shows you how easy it is to isolate characters when tracking a line of text. Using the Tracking and Line Anchor animator properties, you can easily move all but one or a few characters.
-
Create a new composition.
-
Create a new text layer and type 3579.
-
With the text layer selected, click the Center Text button in the Paragraph panel.
-
Choose View > Show Grid.
-
In the Timeline panel, select the text layer and choose Animation > Animate Text > Tracking.
-
Make sure that Before & After is specified in the Track Type menu.
-
Click the Tracking Amount stopwatch and leave the value 0 at 0 seconds.
-
Move the current-time indicator to 5 seconds and drag the Tracking Amount value until all characters are off the screen.
-
Preview the animation.
-
With the current-time indicator at 0, take a snapshot of the Composition panel. You will use this snapshot, and the grids, to determine the original location of the number 7 at the end of the animation.
-
Move the current-time indicator to 5 seconds.
-
Click the Show Snapshot button.
-
In the Timeline panel, select Animator 1 and choose Line Anchor from the Add menu.
-
Drag the Line Anchor value until the 7 is positioned in approximately its original position in the center of the Composition panel.
-
Click the Show Snapshot button in the Composition panel to see the exact location of the 7 in its original location. Adjust the Line Anchor value to position the character in the original location.
-
Preview the animation.
Example: Use selectors to animate specific words
This example shows how to use selectors to limit an animation to a specific word.
-
Create a new composition.
-
Create a new text layer with the words Speeding Saucer.
-
Choose Animation > Animate Text > Skew.
-
In the Timeline panel, set the Skew value to 35.
-
Expand Range Selector 1.
-
Make sure the current-time indicator is at 0 seconds and click the End stopwatch.
-
In the Composition panel, drag both selector bars to the left side of the S in Speeding.
-
Move the current-time indicator to 2 seconds and drag the right selector bar to the right side of the g in Speeding.
-
Preview the composition.
Example: Create a write-on animation
You can easily create the appearance of writing on the screen by using the Opacity animator property.
-
Create a new composition.
-
Create a text layer with the characters 01234.
-
Choose Animation > Animate Text > Opacity.
-
Set Opacity to 0%.
-
Expand the Range Selector 1 and click the stopwatch icon for Start.
-
In the Composition panel, drag the start selector to the left edge of the text (the value will be at 0).
-
Move the current-time indicator to 5 seconds and drag the start selector in the Composition panel to the right edge of the text (the value will be 5).
-
Preview the composition.Poznámka:
By default, the Smoothness property is set to 100%. To create a typewriter appearance, expand the Advanced property and set Smoothness to 0%.
Example: Animate text with multiple selectors
This example uses the selectorValue parameter in an Expression selector with the Wiggly selector to make a string of characters flash on and off randomly.
-
Create a new composition.
-
Create a new text layer.
-
In the Timeline panel, choose Opacity from the Animate menu for the text layer.
-
Expand the text layer and its animator in the Timeline panel.
-
Select the Range Selector and delete it.
-
Choose Add > Selector > Wiggly next to the Animator property group for the text layer.
-
Choose Add > Selector > Expression. If the Wiggly selector doesn’t come before the Expression selector, drag the Wiggly selector above the Expression selector.
-
Expand the Expression Selector.
-
Expand the Amount property to reveal the expression. The following expression appears by default:
selectorValue * textIndex/textTotal
-
Replace the default expression text with the following expression:
r_val=selectorValue[0]; if(r_val < 50)r_val=0; if(r_val > 50)r_val=100; r_val
-
Set the opacity to 0%, and preview the composition.
Example: Animate text position with expressions
This example uses the textIndex and textTotal attributes with the wiggle expression to animate a line of text.
-
Create a new composition.
-
Create a new text layer.
-
Expand the text layer in the Timeline panel to view the text properties. Add a Position animator group from the Animate menu.
-
Delete the default Range selector, Range Selector 1.
-
Add an Expression selector by selecting the Add menu, then choosing Selector > Expression. Expand the Expression selector to reveal its options.
-
Expand the Amount property to reveal the expression. The following expression appears by default:
selectorValue * textIndex/textTotal
-
Replace the default expression with the following expression:
seedRandom(textIndex); amount=linear(time, 0, 5, 200*textIndex/textTotal, 0); wiggle(1, amount);
The linear method is used in this example to ramp down the maximum wiggle amount over time.
-
Set the vertical position value. The greater the value, the more the characters wiggle.
-
Preview your composition.
Example: Animate text as a timecode display
-
With no layers selected in the Timeline panel, double-click the Current Time Format animation preset in the Effects & Presets panel. (You can locate the animation preset by typing its name in the Contains field in the Effects & Presets panel.)
A new text layer is created, with an expression on the Source Text property that makes the text show the current time in the time display format set for the project.
You can use other expressions in the Global category to display time in another format.
Poznámka:To see the expressions on a layer, select the layer and press EE.
Do more with After Effects
Create incredible motion graphics, text animation, and visual effects with Adobe After Effects. Design for film, TV, video, and web.