How to make kinetic typography in After Effects

What is kinetic typography?

Kinetic typography is moving text timed to sound. Each word or line arrives, grows, turns or leaves on a beat of the voice or music, so the motion adds emphasis the plain words don't have. It is a style built from ordinary text animation, not a separate tool.

Adobe's Animating text page in the After Effects user guide covers methods for animating text layers and individual text elements. It names dynamic typography alongside animated titles, lower thirds and credit rolls. The second half of that matters: you can animate a whole layer, or the individual text elements inside it.

The long tradition behind it is the film title sequence. Chloe Okuno's Top Five on Art of the Title includes Lost Highway (1997), directed by David Lynch with title design by Jay Johnson. She points to its retro font and the way it moves into and out of frame. The same list includes The Conversation (1974), with titles by Francis Ford Coppola and Wayne Fitzgerald and sound design by Walter Murch. Both are worth studying before you open a comp.

A note before the steps: we make mouzeclick, which includes mouzetype and Type studio. The native After Effects method comes first. Our tools sit in their own section further down, labelled as ours.

Which tools can make kinetic typography?

After Effects is the usual choice. Cavalry and Jitter are free places to start. We checked each row on the maker's own pages on 3 November 2026.

After Effects. Adobe describes it as a motion design and visual effects app for animating text, graphics and illustrations and for compositing. It is only sold as part of a Creative Cloud membership. Best for: kinetic type that has to sit inside a larger piece with footage, tracking or 3D.

Cavalry. It is free 2D animation and motion graphics software, now brought to you by Canva. Its feature list includes Text Animation, Magic Easing, Duplicator, Data Import and Lottie Export, and it can connect to a spreadsheet. Best for: type driven by data, and anyone who wants professional animation software without paying.

Jitter. It needs no download or install, and it animates text by line, word or letter, with one-click presets or your own custom animations. It has 1,500+ free fonts, a free library of 400+ templates and a Figma plugin. Free exports are watermarked at 720p and 30fps. Pro goes to 1080p at 60fps, and Max to 4K at 120fps. Jitter's own comparison page says to choose After Effects for complex compositing, tracking, rotoscoping, 3D production or a pipeline built on After Effects projects. Best for: fast everyday type animation, especially from Figma designs.

How do I plan kinetic typography before I animate?

Plan on paper and in the audio first. The script, the stress words and the beat positions decide almost every animation choice you make later.

1. Lock the audio. Animate to the final voiceover or music mix, not a temp read. Every key is timed to a syllable, so a new take means retiming everything.
2. Break the script into phrases. One phrase per screen is a good default. Write them out line by line.
3. Mark the stress words. One or two words per phrase get the big move. The rest get a small one or simply appear.
4. Set a type system. Pick one or two typefaces and three sizes, and decide what each size means: the big size for stress words, the middle for the phrase and the small for connectors.
5. Pick a motion vocabulary. For example, stress words scale up, connecting words slide in, and the whole phrase leaves together. Repeating a few moves reads as design. A new move on every word reads as noise.
6. Mark the beats in the comp. Add a marker on every stress word and musical hit. On Windows, the mouzeclick workspace's Motion lab also has Mark audio beats.

How do I make kinetic typography in After Effects, step by step?

Build one phrase at a time against the audio, then join the phrases with hand-offs. Adobe's Animating text page is the reference for the exact text-animator controls. The steps below are the order of work.

1. Make the composition at its delivery size. Use 1920×1080 for landscape or 1080×1920 for vertical, at the frame rate of the rest of the edit and as long as the audio.
2. Put the audio at the bottom and mark it. Play it through a few times and drop a marker on each stress word and hit. These markers are the grid you animate to.
3. Type the first phrase as one text layer. Set the font, size and tracking now. Changing the type after the animation is built moves every word.
4. Decide how the phrase moves. If every word follows the same pattern, keep one layer and animate its individual text elements with text animators; Adobe's Animating text page lists the controls. If words need their own position, size or colour, split them.
5. Split words onto layers if you need to. By hand, duplicate the layer once per word, delete the other words from each copy and line the copies up. Our guide to splitting text into letters, words or lines covers the manual way and the workspace's Text exploder (Windows).
6. Animate each word onto its marker. Key the entrance (a move, scale, rotation or fade) so it finishes on the marker. Give stress words the biggest change and connecting words the smallest. Offset the words so they cascade instead of landing together.
7. Ease every keyframe. Linear motion looks mechanical. Ease out of the start and into the end, and save overshoot for stress words. Our guide to easing curves in After Effects covers Easing lab's 44 ready curves and six curve types.
8. Join the phrases. The outgoing phrase should leave as the next one arrives. Push the group off frame, turn the whole block to a new angle, or move a camera across a larger layout. See 3D camera and parallax in After Effects.
9. Preview with sound, adjust and render. Watch at full speed with the audio on and pull late words earlier. Then render through the Render Queue or Adobe Media Encoder, the two output routes Adobe names. Our After Effects export settings for MP4 and YouTube covers the formats.

Should I animate one text layer or split words onto layers?

Use one text layer when every word follows the same pattern. Split words onto their own layers when each word needs its own position, size, colour or exit. Most pieces mix the two.

• One layer, animated element by element. The text stays editable, one set of keys drives the whole phrase, and the cascade comes from the offset between elements. This suits typewriter reveals, fade-ups and per-letter cascades.
• One layer per word. Every word is its own object. You can place it anywhere, scale the stress word to fill the frame, and parent the words to a null so one move carries the group. This suits the stacked, rotating layouts most people picture when they hear “kinetic typography”.
• Mixed. Split only the stress words and keep the connecting words as animated lines. You get the big moments without managing forty layers.

If text animation itself is new to you, start with how to animate text in After Effects, then come back to this page for the timing work.

How do I time kinetic text to a voiceover or a beat?

Time each word to the sound, not to an even rhythm. A word should finish its entrance as it is heard and stay on screen long enough to be read. Work from your markers, with the audio playing at full speed.

• Land on the syllable. Finish the entrance on the stressed syllable. If it feels late, move the keys a frame or two earlier and play it again. Scrubbing hides timing problems that real-time playback shows.
• Hold what matters. Stress words can stay a beat longer than connecting words.
• Leave room to read. If a phrase changes faster than anyone can read it, cut words from the screen, not from the voiceover.
• Follow music on the beat and speech on the word. Lyric videos lock to the beat grid. Narration locks to the words, which rarely fall on an even grid.
• Stagger, don't stack. A small, regular offset between characters or words reads as one gesture. No offset reads as a block.

What should I check when kinetic type looks wrong?

Most problems come from timing, easing or setting up the type too late. Check these in order.

• The whole line moves at once. Check that the animation works on the individual text elements rather than the whole layer, and that there is an offset between them. Adobe's Animating text page has the exact settings.
• Words arrive late. Pull the keys earlier while watching in real time with sound.
• The motion looks robotic. The keys are probably linear, or every word uses the same move at the same size. Ease them, and give the stress words a bigger, different move.
• Words jump when you edit the text. The font, size or tracking changed after keyframing. Set the type first, or keep the phrase on one animated layer so it stays editable.
• It is too busy to read. Fewer moving words is usually the fix. Let some words simply appear.
• Fonts are missing on another computer. Send the font names, or the fonts themselves where the licence allows, with the project file.

Where mouzeclick fits (we make it)

mouzeclick adds ready starting points inside After Effects, so you retime a working animation instead of building each one from zero. We make it, so weigh this section as ours. If you don't use After Effects, Cavalry or Jitter is the better pick, because these tools only run inside After Effects.

mouzetype (Windows and Mac)

mouzetype is an After Effects extension with 17 kinetic type styles, applied as real text animators you can retime. It applies one style per layer, by characters, words or lines, with timing and order controls. That covers the one-layer method above. For a layout with one layer per word, you style each word layer in turn. The mouzetype feature list shows every item.

Type studio, Text exploder and Easing lab (Windows only)

Type studio, in the mouzeclick workspace for After Effects, holds 159 presets: Text Animator 28, SaaS 11, Stagger 54, Multi 24, Text 20 and Motion 22. The 48 one-shot stagger presets each take 5 orders × 8 eases. A hover preview plays a preset before you double-click to apply it. The text animation presets guide goes through them. In the same workspace, Text exploder puts characters, words, lines or paragraphs on their own layers, and Easing lab has six curve types and 44 ready curves. The workspaces are part of mouzeclick on Windows. The Mac app does not include them. The workspace atlas shows every section.

Accents and expressions (Windows and Mac)

mouzeaccent places 12 accents at the playhead as shape layers, including Underline, Circle around, Burst and Emphasis shake, for hitting a stress word. mouzeexpr has 24 ready expressions with settings, in five groups, with Apply, Update, Remove and Bake to keyframes. Our After Effects expressions library guide compares it with the workspace's 25.

See all 22 extensions, or install mouzeclick on a Mac (macOS 12 or newer). The Mac app isn't notarized yet, so macOS asks you to allow it the first time. One plan includes everything. The trial lasts 3 days with no card, and every Premiere Pro and After Effects tool works fully during it. mouzeclick pricing has the details.

Can I put text animation tools on my mouse in After Effects?

Yes. The mouzeclick mouse app puts After Effects actions on the buttons you already have, per app, on Windows and Mac, with no driver. For kinetic type work, the wheels and your own buttons are the useful parts.

• After Effects Tool wheel. It has 114 tools in 13 groups and four starting layouts, one of them Animate. Each action is one undo step. It opens with F10 or a held right button. Install the bridge once from the app's Tool wheel page, then restart After Effects. See the After Effects radial menu.
• Options wheel (F8). It holds 48 favourites per app on three rings: keys, macros, typed text and your own shortcuts.
• Shortcut library. There are 309 built-in shortcuts on Windows, 44 of them for After Effects, and any of them can go on a button, a gesture or a wheel.
• mouzerun. Make your own one-click buttons for a script, an expression, an animation preset, a menu command or a keyframe ease. Save a kinetic move you built as an animation preset, and a mouzerun button applies it again in one click.

Questions people ask

Sources

Checked on 2026-11-03. Prices and features change: each link goes to the maker's own page.

1. Adobe: Animating text in After Effects (user guide)
2. Adobe: After Effects product page and prices (checked 3 Nov 2026)
3. Adobe: Creative Cloud plans, India pricing (checked 3 Nov 2026)
4. Adobe: After Effects free trial
5. Cavalry: free 2D animation software for Mac and Windows
6. Jitter: home page (fonts, templates, no install)
7. Jitter: product features (text animation, exports, Figma)
8. Jitter: pricing (checked 3 Nov 2026)
9. Jitter: Jitter vs After Effects
10. Art of the Title: Top Five, Chloe Okuno

Keep reading