Lettering-Animation ist das Inbewegungsetzen von Schriftzügen, etwa durch einen Schreib-Effekt (Write-On), bei dem sich die Buchstaben scheinbar selbst schreiben.
Rubrik: Kalligrafie · Unterrubrik: Digitale Kalligrafie · Niveau: Fortgeschritten Synonyme / Auch bekannt als: animiertes Lettering, Motion Lettering, Write-On-Animation
Was ist Lettering-Animation?
Lettering-Animation bezeichnet das Animieren kalligrafischer Schriftzüge, sodass sie sich bewegen, aufbauen oder „selbst schreiben". Der bekannteste Effekt ist der Write-On, bei dem eine Maske den Pfad des Schriftzugs nachzeichnet und die Buchstaben nach und nach erscheinen lässt.
Erklärung
Lettering-Animation verbindet die Gestaltung von Schrift mit Motion-Design-Techniken. Der Klassiker ist der Write-On-Effekt: Ein Pinsel- oder Pfadwerkzeug folgt dem Verlauf des Schriftzugs, und über eine animierte Maske wird der Strich Stück für Stück sichtbar — so wirkt es, als entstünde die Schrift gerade in Echtzeit. In Adobe After Effects gelingt das etwa über „Pfade animieren" mit dem Effekt „Strich" oder über Procreates eigene Animationsfunktion, die den Aufbau einer Ebene als Sequenz aufzeichnet.
Über den Write-On hinaus umfasst Lettering-Animation klassische Bewegungsprinzipien: Ein- und Ausblenden, Skalieren, Bounce, Drehung oder ein Verlauf, der durch die Buchstaben wandert. Wichtig sind dabei Timing und Easing — gleichmäßige, leicht beschleunigte Bewegungen wirken organischer als lineare. Für Social Media exportiert man die Lettering-Animation als MP4 oder als GIF; für Web und App eignet sich Lottie, ein leichtgewichtiges JSON-Format. So wird aus einem statischen Schriftzug ein bewegtes Markenelement, das in Intros, Stories oder Logos Aufmerksamkeit erzeugt.
Beispiele
- Write-On-Schriftzug: Buchstaben schreiben sich selbst.
- Bounce-Logo: Wortmarke springt federnd ins Bild.
- Verlaufs-Sweep: Lichtreflex wandert über die Schrift.
- GIF für Stories: kurze Schleife für Social Media.
- Lottie-Animation: leichtes Format für Web und App.
In der Praxis
Den Schriftzug erstellt man zunächst in Procreate für Kalligrafie oder als Vektor in Illustrator für Schriftzüge und überträgt ihn in ein Motion-Programm. Vektoren aus Vektorisieren von Handschrift eignen sich besonders, weil sie verlustfrei skalieren. Den Gesamtkontext der digitalen Werkzeugkette zeigt Digitale Kalligrafie — Überblick.
Vergleich & Abgrenzung
Lettering-Animation wird mit kinetischer Typografie verwechselt. Lettering-Animation bewegt einen handgestalteten Schriftzug; kinetische Typografie animiert meist gesetzte Schriftarten zu Text und Sprache.
| Merkmal | Lettering-Animation | Kinetische Typografie |
|---|---|---|
| Basis | handgestaltet | Font / gesetzt |
| Typischer Effekt | Write-On | Wort-Choreografie |
| Einsatz | Logo, Intro | Lyric-Video, Text |
Häufige Fragen (FAQ)
Womit animiert man Lettering? Verbreitet sind Adobe After Effects (Write-On per Maske/Pfad), Procreates Animationsfunktion sowie für skalierbare Web-Animationen das Lottie/Bodymovin-Format.
In welchem Format exportiert man animiertes Lettering? Für Social Media MP4 oder GIF, für Web und Apps Lottie (JSON). Lottie ist besonders leicht und skaliert verlustfrei.
Weiterführend
- Krasner, Jon (2013): Motion Graphic Design. Focal Press.
- Adobe Inc. (2024): Pfade animieren – After-Effects-Hilfe. helpx.adobe.com.
- Shaw, Austin (2015): Design for Motion. Focal Press.
