After Effects Typography: Character and Paragraph Panels
Mastering typography styling in Adobe After Effects is essential for creating polished, professional motion graphics and title sequences. This guide provides a direct overview of how to control text appearance using the Character and Paragraph panels, detailing key settings such as font properties, tracking, leading, alignment, and spacing to elevate your visual storytelling.
The Character Panel
The Character panel controls the micro-level visual properties of individual letters, words, or selected text blocks.
- Font Family and Style: Sets the typeface and its weight (e.g., Regular, Bold, Light). Always use designated font weights rather than faux styling whenever possible to preserve proper letter geometry.
- Font Size and Leading: Font size defines the height of the characters in pixels. Leading sets the vertical distance between baselines of text lines. Proper leading prevents multi-line text from overlapping or feeling disconnected.
- Kerning and Tracking: Kerning adjusts the space between two specific characters to correct optical imbalances, offering Metrics, Optical, or manual adjustments. Tracking controls uniform horizontal spacing across an entire range of selected characters, which is frequently animated in motion design.
- Fill and Stroke Controls: Controls the color of the text body (Fill) and its outline (Stroke). You can change stroke thickness, set the stroke to appear over or under the fill, or disable either entirely.
- Vertical and Horizontal Scale: Stretches or condenses characters mathematically. This should generally remain at 100% to avoid distorting the font designer's intended proportions.
- Baseline Shift: Moves selected characters above or below the baseline of the surrounding text without altering the leading of the entire paragraph.
- Faux Styles: Provides buttons along the bottom of the panel for synthetic modifications, including Faux Bold, Faux Italic, All Caps, Small Caps, Superscript, and Subscript.
The Paragraph Panel
The Paragraph panel manages formatting for entire blocks of text, dictating alignment, flow, and structural layout.
- Point Text vs. Paragraph Text: Point text is created with a single click of the Type tool and does not wrap automatically. Paragraph (or area) text is created by clicking and dragging a bounding box, enabling automated text wrapping and justification controls.
- Text Alignment: Aligns the text to the left, center, or right relative to the anchor point (for point text) or the text bounding box (for paragraph text).
- Text Justification: Available only for paragraph text, justification expands spacing so lines span the full width of the text box. Options include justifying with the last line aligned left, centered, aligned right, or fully justified.
- Indentation Controls: Allows precise pixel adjustments for left-margin indent, right-margin indent, and first-line indent.
- Paragraph Spacing: Sets dedicated pixel spacing added specifically before or after a paragraph break (created by pressing Enter/Return), eliminating the need for manual empty lines.
Motion Typography Best Practices
- Anchor Point Awareness: In After Effects, the Paragraph panel's alignment setting directly influences where the text layer's anchor point is placed. Aligning text to the center places the anchor point in the center of the text line, making scale and rotation animations symmetrical.
- Legibility over Effects: When styling kinetic typography, maintain sufficient leading and contrast so the text remains readable even when in motion or displaying against busy backgrounds.