La typographie cinétique est, à la base, l'art (et la technique) d'animer des textes de manière à leur donner vie, en ajoutant du mouvement aux lettres, aux mots ou aux phrases pour transmettre des émotions, raconter des histoires ou faire passer un message de manière visuellement captivante.
Au départ, l'édition de texte consistait simplement à choisir une police, à saisir un message et probablement à ajuster le type, la taille et la couleur de la police. Mais à mesure que les outils et les concepts de conception ont évolué, l'édition de texte de base a évolué vers une combinaison attrayante de texte, de conception et d'animation.
Un exemple typique de typographie cinétique est le titre d'un film qui danse, flotte ou provient de formes et d'images, créant ainsi une expérience avant même que le film ne commence. Vous pouvez utiliser des outils de montage vidéo comme After Effects pour créer des effets typographiques cinétiques courants comme celui-ci.
Cet article vous montrera comment créer du texte cinétique sur After Effects, certains préréglages que vous pouvez utiliser et les sites Web populaires où vous pouvez les télécharger.
Dans cet article
Exemples de typographie cinétique
Des communications de marque au divertissement et à l'éducation, les effets de typographie cinétique ont créé un moyen de faire ressortir les messages texte. Nous pouvons les retrouver dans les messages de marque que nous voyons tous les jours.
Prenons l'exemple d'Apple.
Apple a clairement fait part de l'intention de l'entreprise de devenir neutre en carbone en utilisant la typographie cinétique. Les textes cinétiques, la palette de couleurs et les visuels forts ont fait un excellent travail pour transmettre le message du narrateur tout en faisant écho à l'identité de la marque.
Burger King comprend également clairement le pouvoir des textes cinétiques dans les communications de marque.
Leur vidéo de changement de marque joue avec les textes et emmène les spectateurs de manière très fluide. Les textes cinétiques mettent l'accent sur les arts fondamentaux et la créativité de la marque tout en présentant la marque alimentaire comme amusante et savoureuse.
Partie 3 : Comment créer votre propre typographie cinétique dans After Effects
Certaines tendances récentes en matière d'animation typographique dans After Effects consistent à donner vie à des textes épurés à l'aide d'animations subtiles, à combiner des textes déformés avec des effets visuels et à créer des textes 3D qui peuvent être animés et manipulés pour transmettre plus qu'un message.
En outre, Les marques ont commencé à intégrer la typographie cinétique aux animations graphiques pour créer du contenu de marque sur les réseaux sociaux, en particulier sur Instagram et TikTok, une démarche qui a aidé plusieurs marques à se démarquer avec leur message de marque sur un marché saturé.
Voici à quel point vous pouvez facilement créer votre propre typographie cinétique avec After Effects.
Méthode 1 : bloc de titre multiple de base avec effet de swing
Cette méthode consiste à animer plusieurs calques de texte ensemble, pour créer un bloc de texte contrasté appelé bloc de titre, et à leur ajouter un effet de swing.
Étape 1 : Créez une nouvelle composition. Copiez et collez votre premier élément de texte et définissez-le sur sa première position.
Étape 2 : Dans le menu déroulant Propriétés du texte, sélectionnez Animer > Opacité.
Étape 3 : Dans le menu déroulant Sélecteur de plage, réduisez l'Opacité à 0 %. Créez une image clé sur la timeline, au début de l'animation, et définissez Start sur 0 %.
Étape 4 : Copiez et collez les deuxièmes éléments de texte sur la composition et définissez-les à leur première position. Sur votre premier calque, activez les images clés Rotation, Position et Échelle, puis déplacez le texte à l'écran vers sa deuxième position.
Étape 5 : Sélectionnez le deuxième calque de texte et cliquez sur Animer > Suivi.
Étape 6 : Ajoutez des images clés aux valeurs de suivi ; ajustez-les en fonction du résultat souhaité.
Étape 7 : ajoutez un effet de fondu à l'aide de l'option Opacité. De cette façon, votre deuxième calque apparaîtra en fondu en même temps.
Étape 8 : ajoutez ensuite l'effet de swing. Accédez à Calque > Nouveau > Null.
Étape 9 : À l'aide du Whip de vos deux calques de texte, attachez-les au calque Null. Cela vous permettra de repositionner les calques de texte en déplaçant le calque Null.
Étape 10 : Activez les options Position, Échelle et Rotation dans le calque Null et ajoutez des images clés à mesure que vous ajustez leurs différents paramètres. Déplacez le calque Null vers la nouvelle position.
Étape 11 : Copiez et collez votre calque de texte final. Accédez à Animer > Position.
Étape 12 : À l'aide des options du menu Sélecteur de plage, déplacez le texte vers le bas de l'écran. Cliquez sur Animer > Opacité et ajustez selon vos besoins. Utilisez le menu Avancé pour choisir d'animer des caractères, des mots ou des lignes de texte.
Méthode 2 : Animation de colonnes typographiques cinétiques
Étape 1 : Tout d'abord, animez vos titres. Créez un calque de texte avec votre premier mot. Cliquez sur Animer > Suivi.
Étape 2 : Ajoutez une image clé à votre premier point d'animation, en fonction de votre vitesse. Déplacez-vous le long de la timeline et ajustez la valeur de suivi en fonction de vos besoins.
Étape 3 : Sélectionnez le calque de texte de la timeline, allez dans Édition > Diviser le calque. Ici, vous pouvez remplacer le nouveau calque de mosaïque par votre deuxième mot.
Étape 4 : Sélectionnez le deuxième calque de texte. Cliquez sur « U » sur votre clavier pour voir les images clés que vous avez placées. Repositionnez les images clés en déplaçant la première image clé au-delà de la seconde. De cette façon, l'effet de suivi est inversé.
Étape 5 : Sélectionnez les deux calques de texte et créez un clip composé ; coupez la fin des clips combinés, si nécessaire. Dupliquez le clip composé et positionnez-le de manière à ce qu'il soit lu immédiatement après le premier.
Étape 6 : Inversez le deuxième clip pour qu'il soit lu en boucle continue. Cliquez avec le bouton droit sur le calque de texte et sélectionnez Temps > Inverser le calque temporel. Cela vous permettra de dupliquer les calques pour qu'ils correspondent à la longueur de la séquence. N'oubliez pas l'ordre : clip, clip inversé, clip, clip inversé.
Étape 7 : Sélectionnez tous les calques et créez un seul clip composé. Vous aurez un seul calque avec une animation en boucle sur toute la longueur.
Étape 8 : Pour créer l'effet de colonne, dupliquez le calque et dupliquez-le autant de fois que vous le souhaitez.
Créer des animations typographiques avec After Effects
Adobe After Effects est un outil de premier ordre lorsqu'il s'agit de jouer avec les animations, en particulier les animations de texte. Il dispose de fonctionnalités étendues qui vous permettent de créer et de concevoir une typographie cinétique à partir de zéro en utilisant différentes techniques.
Voici des animations de texte cinétiques courantes dans After Effects que vous pouvez créer et reproduire pour vos projets créatifs. Je veux dire, vous ne pouvez jamais vous tromper avec de nombreuses options !
10 effets de typographie cinétique pour les animations de texte sur After Effects
-
Ombres de texte
Les ombres de texte ajoutent du texte et de la dimension à votre typographie. Vous pouvez animer les ombres pour les décaler, les augmenter ou les réduire à mesure que le texte se déplace sur l'écran.
-
Textes manuscrits
L'animation typographique manuscrite avec After Effects imite les textes manuscrits. Elle utilise des traits et des calques mats pour créer une typographie unique adaptée aux vidéos explicatives. Voici comment procéder.
-
Textes fluides
Cette faute de frappe d'animation After Effect est subtile et se concentre sur un mouvement fluide et fluide. Il vous suffit d'ajouter d'abord des textes et de jouer avec les paramètres de texte (flou, rotation, glissement, couleur du texte, etc.).
-
Extrusion 3D
Les polices 3D sont si polyvalentes qu'elles peuvent être modifiées en ajoutant des dégradés et des biseaux d'extrusion. Cela les rend plus attrayants et ajoute plus de profondeur au texte. Voici comment procéder.
-
Intégration de formes dans les textes
Cet effet typographique After Effects consiste à incorporer des formes à vos animations de texte. Ici, vous révélez lentement les polices, créant ainsi du suspense et suscitant l'enthousiasme des spectateurs. Cet effet fonctionne parfaitement avec toutes les polices, couleurs ou formes.
-
Textes liquides
La fluidité des textes liquides ajoute à la polyvalence de cette typographie After Effects. Vous pouvez créer des effets de bulles, des formes d'onde ou tout mouvement semblable à de l'eau avec une police de votre choix. Suivez les étapes de cette vidéo pour reproduire ce phénomène.
-
Textes nerveux
Les « effets nerveux », comme on les appelle communément, peuvent être utilisés pour créer des effets de style hipster pour des clips de films et des bandes-annonces effrayants. Voici comment créer des textes saccadés.
-
Effets cinétiques 3D
Modifiez votre texte 2D en texte 3D cinétique en jouant avec la rotation, l'accrochage des calques et d'autres effets.
-
Combinaison de textures en textes
Ajoutez des textures, insérez des caractères et améliorez les textes classiques pour améliorer l'esthétique.
-
La transition en douceur des points aux lettres
Cet effet typographique cinétique anime les points en douceur pour créer des animations de texte dynamiques qui permettent à vos spectateurs d'anticiper ce qui va apparaître ensuite. Les vidéos qui utilisent cette typographie cinétique ont de meilleurs taux de rétention. Voici comment procéder.
Préréglages de typographie cinétique pour Adobe Effects
Bien qu'il soit très amusant et créatif de créer des effets d'animation typographique à partir de zéro, l'utilisation de préréglages sur After Effects peut être plus simple et rationalise votre processus d'édition. Certains des sites Web sur lesquels vous pouvez obtenir des modèles de typographie cinétique incluent Envato Elements et Motion Array. Vous pouvez télécharger des titres animés comme le texte typographique cinétique d'animation de titre Typoking sur Videohive.
Bonus : un moyen plus simple de créer une typographie cinétique sur Filmora
Wondershare Filmora est un logiciel de montage vidéo qui vous permet de créer des animations de texte fascinantes. Grâce à des outils intégrés de retouche photo et de manipulation de texte, Filmora fait ressortir vos animations de texte et les rend plus vivantes.
- Animez facilement du texte avec divers effets prédéfinis.
- Importez et utilisez des polices uniques pour des conceptions créatives.
- Ajustez le timing et le mouvement avec une précision d'image clé.
- Synchronisez le mouvement du texte avec les éléments vidéo de manière transparente.
- Alignez les animations de texte avec l'audio pour un impact.
Étapes de création d'une typographie cinétique avec Filmora
Étape 1 : Accédez à Média > Média du projet > Échantillon de couleur dans la barre d'outils. Faites glisser la couleur de votre choix sur la timeline.
Étape 2 : Accédez à l'onglet Titres. Faites glisser un modèle de Titre de base et placez-le au-dessus du clip Sample Color sur la timeline.
Étape 3 : Cliquez avec le bouton droit sur le clip de titre sur la timeline et sélectionnez Modifier les propriétés dans la liste des options. Cliquez sur Avancé. Ici, vous pouvez modifier le type et la taille de la police selon vos besoins.
Étape 4 : Sur la timeline, démarrez à partir du deuxième calque et déplacez chaque calque de texte de 5 images vers l'avant par rapport au calque précédent. Cela affichera chaque mot quelques millisecondes après le deuxième. Cliquez sur Ok.
Étape 5 : Exportez la timeline et enregistrez votre animation de texte en tant que nouveau clip. Supprimez ensuite tous les clips de la timeline et importez la vidéo texte que vous venez d'exporter. Faites-le glisser vers la timeline.
Étape 6 : Cliquez avec le bouton droit sur le clip dans la timeline et sélectionnez Modifier les propriétés.
Étape 7 : Cliquez sur Animation > Personnaliser dans la barre d'outils. Ajustez les paramètres d'Échelle à 120 %.
Étape 8 : Déplacez la tête de lecture à la fin du clip dans la timeline. Réinitialisez l'échelle et cliquez sur OK.
Conclusion
La typographie cinétique est une façon amusante et créative de peaufiner vos vidéos. Suivez les étapes indiquées dans cet article pour créer du texte cinétique avec After Effects. Explorez également des modèles d'animation typographique After Effects gratuits à partir de l'un des sites Web indiqués. Ou mieux encore, profitez d'un processus d'édition simplifié et de modèles intégrés sur Filmora.
