Skip to main content

Animate text

Make titles and text move with presets and custom animations

Written by Robi (coFounder @Jitter)
Updated today

Jitter's text animations come with unique customization options tailored to the written word, giving you greater creative control over how each character, word, or line in your design feels.

โœ๏ธ Note: Check out the basics of animating in Jitter here before diving in.

๐Ÿ”  Text animation settings

When you animate a text layer, additional Text animation parameters become available for more granular control:

  • Apply effect to: Choose the unit the animation applies to (letter, word, line, or the entire text layer)

  • Order: Set whether the text animates from the first unit to the last, or in reverse

  • Delay: Control the time gap between each unitโ€™s animation

  • Smoothing: Apply a secondary easing effect to fine tune the text animation

๐Ÿ“ Build a custom text animation

In addition to available presets, you can create truly unique text animations from scratch by combining multiple effect parameters into one neat, re-usable package.

  1. Go to In/Out animation presets and select Custom

  2. Create your custom effect by defining its movement, rotation, scale, opacity, acceleration, duration, and more.

Effect

What it does

Move (X, Y)

X: slide sideways
Y: slide up/down
โ€‹
Values represent how far the text travels in or out as a % of about one line height). Combine X and Y for diagonal motion.

Rotate

Spins the text, in degrees.

Scale

Makes the text bigger or smaller during the effect.

Opacity

Adjust the transparency of the text during the effect.

Color

Sets a fill color for the text to transition to/from.

Blur Radius

Softens the text edges during the effect.

Clipping Mask

When on, hides the text outside a mask so it wipes or reveals cleanly.

Acceleration

Adjust the easing, or how motion speeds up or slows down over time.

๐Ÿ’ก Tip: Copy and paste your custom text animations to another text layer, or even a different project to keep your styles consistent.

Did this answer your question?