Kinetic Typography

Kinetic typography

Watch as an animation →

Tags

In plain words

Text moves to the rhythm, so the message gets across even without sound.

When to use it

Key phrases, prices, and benefits; for viewers watching on mute.

In AI video, like this

Don't ask the AI to draw text. Leave room for the text in the start frame, then overlay per-frame PNGs made with Pillow, or make it in After Effects. ffmpeg's drawtext is a filter that only exists if ffmpeg was built with libfreetype, so your installed ffmpeg may not have it (check with ffmpeg -filters).

One-click prompt

Make a one-word title drop in and settle in the center at second 1, using a transparent PNG you designed yourself (never let the AI draw the letters): ffmpeg -i in.mp4 -i word.png -filter_complex "[0:v][1:v]overlay=x=(W-w)/2:y='(H-h)/2-max(0,1-(t-1)*4)*300':enable='gte(t,1)'" -c:a copy out.mp4. Time the landing to a hit sound.

Example videos

Stephen Fry Kinetic Typography - Language — Real: A classic piece where the text moves with the rhythm of the narration to carry the meaning.
How to Animate Text & Graphics to Music (Kinetic Typography Adobe Premiere Pro CC 2017 Tutorial) — Explainer: Follow along to learn how to animate text and graphics to music.
How to Make Kinetic Typography with AI | No After Effects! — AI: Start by watching the finished result of kinetic typography made with AI.

See it in real films and ads

Stephen Fry Kinetic Typography — Language

AI-made examples

Fotor — How to Make Kinetic Typography with AI

← Open Loop → PayoffCaptions / Subtitles Styling →