Modal kinetic typography animates letters with smooth, meaningful motion
Strike a Chord! Modal Kinetic Typography
Computer Vision and Pattern RecognitionGraphics
Summary
Animating letters to show meaning often causes shaky or broken shapes. The authors created a new way to animate letters using their natural bending patterns, keeping them smooth and readable. Their method uses a physics-based model to move parts of each letter in coordinated ways, guided by a video model that matches the animation to a concept. This approach produces clearer, more natural movements than earlier methods and was preferred by people when tested.
What this means in practice
- •For graphic designers: Create readable, smoothly animated letters that visually express concepts for digital typographic art and motion graphics.
- •For video content creators: Add expressive letter animations conveying meaning without distorting or breaking letter shapes in videos and presentations.
Authors
Maham Tanveer, Jiyeon Han, Nanxuan Zhao, Hao Zhang
Abstract
We introduce modal kinetic typography, which animates a vector glyph to express a semantic concept while keeping it legible. Our key idea is to build motion from the glyph's natural vibration modes. Specifically, a finite-element eigenproblem assembled from the vector outline yields the glyph's softest modes, for the whole letter and for each of its parts, allowing it to bend. The problem's zero-energy solutions, i.e., rigid translations and rotations, are applied in closed form to each part, allowing parts to also move as blocks. To animate the glyph, a frozen video diffusion model supervises only the modes' amplitudes and phases. Our modal approach addresses two weaknesses of prior work. Free-form point optimization under video score distillation (SDS) moves each point and frame independently along noisy gradients, tearing the outline and causing jitter. In contrast, our modes are smooth along the outline and driven by a few whole-cycle harmonics, which restricts these gradients to smooth, seamlessly looping motion. On the other hand, structured alternatives rely on skeletons or keypoints from category-specific priors, whereas our modes come from the glyph itself; the only prior is a list naming each letter's moving parts, generated once for the whole alphabet by a language model. In modal kinetic typography, shape and motion are disentangled by construction: a single base outline is sculpted toward the concept, and the modal drive cannot alter it, so a letter can also be animated without being reshaped. Our method produces more articulated and smoother motion than Dynamic Typography and AniClipart at comparable or better concept alignment, with less glyph tearing than Dynamic Typography, and is preferred by human raters, including in a frozen-shape setting where motion alone must carry the concept. Our results were also preferred over Astra (GPT-6) by human raters.