Définition. La typographie cinétique est une technique d’animation dans laquelle le texte lui-même est le sujet principal : les mots apparaissent, bougent, grossissent ou disparaissent au rythme d’une voix, d’une musique ou d’un propos. Elle ne se contente pas d’ajouter des sous-titres à une image ; c’est le mouvement des lettres qui porte le sens et l’émotion. On la rencontre dans les génériques de films, les vidéos de paroles, les publicités et les formats courts des réseaux sociaux.
Le principe paraît simple, mais il exige une grande rigueur. Un texte qui bouge doit rester lisible, arriver au bon moment et hiérarchiser l’information sans surcharge. C’est un exercice de rythme autant que de graphisme.
Une brève histoire
Le texte animé est présent dès le cinéma muet, avec les intertitres, mais la typographie cinétique moderne naît dans les génériques des années 1950. Le graphiste Saul Bass en est la figure la plus citée : ses génériques pour Alfred Hitchcock, comme celui de La Mort aux trousses, font glisser les noms sur des lignes graphiques qui annoncent le film. Dans les années 1990, le générique de Seven, conçu par Kyle Cooper, a remis le texte nerveux et fragmenté au goût du jour. La diffusion des logiciels de motion design a ensuite démocratisé la technique, jusqu’aux vidéos de paroles de chansons et aux formats verticaux d’aujourd’hui.
Les principes fondamentaux
Le timing
Le timing est le cœur de la typographie cinétique. Chaque mot ou groupe de mots doit apparaître quand il est prononcé, ni avant, ni longtemps après. Pour y parvenir, on utilise les horodatages de la voix : quand commence chaque mot, quand il finit. Un texte qui arrive en avance distrait ; un texte en retard donne l’impression d’un décalage. Il faut aussi laisser au texte le temps d’être lu : une règle pratique consiste à ne jamais faire disparaître une phrase avant qu’on ait pu la lire deux fois.
La hiérarchie
Tous les mots ne se valent pas. Les mots clés sont plus grands, plus gras ou dans une autre couleur ; les mots de liaison restent discrets. Cette hiérarchie guide l’œil et reproduit l’accentuation de la voix. Un bon test consiste à couper le son : le message principal doit rester compréhensible.
L’accélération
Les mouvements linéaires paraissent mécaniques. On leur préfère des courbes d’accélération : un mot entre vite puis ralentit en se posant, ou rebondit légèrement. Ces courbes donnent du poids et du caractère au texte. Une animation énergique utilise des rebonds et des arrivées franches ; une animation calme privilégie des fondus et des glissements lents.
La composition
Le texte occupe l’écran comme un décor. Il faut gérer les marges, l’alignement et l’espace vide pour que l’image respire. Sur mobile, les zones du haut et du bas sont souvent couvertes par l’interface de l’application ; le texte important doit rester au centre.
Les formats pour les réseaux sociaux
- 9:16 vertical : stories et vidéos courtes. Peu de mots par écran, gros corps de texte, rythme rapide.
- 1:1 carré : fils d’actualité. Compromis entre lisibilité et place pour un visuel.
- 16:9 horizontal : vidéos longues, présentations, écrans d’événements.
Beaucoup de vidéos sociales sont regardées sans le son. La typographie cinétique a ici un avantage naturel : le texte est déjà le contenu, il n’a pas besoin de sous-titres supplémentaires.
Étapes de production
- Écrire un texte court, en phrases simples, avec deux ou trois mots clés.
- Enregistrer ou générer la voix, puis obtenir les horodatages de chaque mot.
- Découper le texte en écrans, en respectant le rythme naturel de la phrase.
- Choisir la hiérarchie, les couleurs et les courbes de mouvement.
- Vérifier la lisibilité sur un téléphone, avec et sans le son.
La typographie cinétique générée
Comme le texte est un contenu structuré, la typographie cinétique se prête parfaitement à l’animation procédurale : un moteur place et anime chaque mot selon des règles, calé sur les horodatages de la narration. Aucune image n’a besoin d’être générée par un modèle, ce qui rend la production rapide et économique. Chez Yeşilçam Studios, c’est le style Typemation de la section Animation : une typographie cinétique calée sur la narration, où le texte est le contenu, sans personnages ni dialogue. La vidéo peut être rendue en 9:16, 1:1 ou 16:9, en MP4, WebP ou GIF. Le billet Typemation pour les publicités sociales donne des idées d’usage, et l’article sur l’animation procédurale explique pourquoi ces styles coûtent moins cher.
Erreurs fréquentes
Trop de mots par écran, des polices trop fines pour un téléphone, des effets différents à chaque mot, un contraste insuffisant avec le fond, et un texte qui bouge encore quand on essaie de le lire. La sobriété gagne presque toujours : une ou deux polices, une palette réduite, un vocabulaire de mouvements cohérent.
Questions fréquentes
Quelle est la différence entre typographie cinétique et sous-titres ? Les sous-titres accompagnent une image ; en typographie cinétique, le texte animé est l’image elle-même et porte le message.
Combien de mots par écran en format vertical ? Peu : quelques mots, souvent entre un et cinq, pour rester lisibles sur un téléphone.
Faut-il une voix ? Non, une musique peut suffire, mais une voix donne un rythme naturel et permet de caler chaque mot sur sa prononciation.
Pourquoi la typographie cinétique est-elle économique ? Parce qu’elle peut être entièrement produite par le code, sans image générée, le coût se limitant au rendu.