La typographie cinétique, à la base, est 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 transmettre un message d'une manière visuellement captivante.
Au départ, l'édition de texte impliquait simplement de choisir une police, de saisir un message et probablement d'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 dansant, flottant ou provenant de formes et d’images, créant ainsi une expérience avant même le début du film. Vous pouvez utiliser des outils de montage vidéo comme After Effects pour créer des effets de typographie cinétique courants comme celui-ci.
Cet article explique comment créer du texte cinétique sur After Effects, quelques préréglages que vous pouvez utiliser et des sites Web populaires sur lesquels vous pouvez les télécharger.
Dans cet article
-
- Effets de typographie cinétique pour les animations de texte sur After Effects
- Préréglages de typographie cinétique pour Adobe Effects
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 quotidiennement.
Prenez Apple par exemple.
Apple a fait part de l’intention de l’entreprise de devenir fortement neutre en carbone grâce à l’utilisation de 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 résonnant avec l'identité de la marque.
Burger King comprend également clairement le pouvoir des textes cinétiques dans la communication de la marque.
Leur vidéo de rebranding joue avec les textes et entraîne les spectateurs de manière si transparente. 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.
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 clairs à 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 graphiques animés 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é.
Cela montre avec quelle facilité vous pouvez créer votre propre typographie cinétique avec After Effects.
Méthode 1 :cartouches multiples de base avec effet 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 swing.
Étape 1 :Créez une nouvelle composition. Copiez et collez votre premier élément de texte et placez-le à 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 modifiez Début à 0%.
Étape 4 :Copiez et collez les deuxièmes éléments de texte sur la composition et placez-la à sa 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 entrant à l'aide de l'option Opacité. De cette façon, votre deuxième calque apparaîtra en fondu en même temps.
Étape 8 :Ensuite, ajoutez l’effet swing. Allez dans Calque> Nouveau> Null.
Étape 9 :À l'aide du fouet 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 de position, d'échelle et de 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. Allez dans Animer> Position.
Étape 12 :À l’aide des options du menu Range Selector, déplacez le texte vers le bas de l’écran. Cliquez sur Animer> Opacité et ajustez à votre convenance. Utilisez le menu Avancé pour choisir d'animer des caractères, des mots ou des lignes de texte.
Méthode 2 :Animation de colonnes de typographie cinétique
É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 chronologie et ajustez la valeur de suivi à votre convenance.
Étape 3 :Sélectionnez le calque de texte de la chronologie, accédez à Édition> Diviser le calque. Ici, vous pouvez remplacer le nouveau calque de tuiles 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é après 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 l'extrémité 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> Couche inversée temporelle. 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 complète.
Étape 8 :Pour créer l'effet de colonne, dupliquez le calque et dupliquez-le autant de fois que vous le souhaitez.
Adobe After Effects est un outil de premier ordre lorsqu'il s'agit de jouer avec des animations, en particulier des animations de texte. Il possède des fonctionnalités étendues qui vous permettent d'obtenir une typographie cinétique créative et de conception à 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 du 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. Il 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. Tout ce que vous avez à faire est d'abord d'ajouter des textes et de jouer avec les paramètres de texte, le flou, la rotation des diapositives, le glissement, la couleur du texte, etc.
-
Extrusion 3D
Les polices 3D sont si polyvalentes qu'elles peuvent être modifiées en ajoutant des dégradés d'extrusion et des biseaux. Cela le rend plus attrayant et ajoute plus de profondeur au texte. Voici comment procéder.
-
Intégrer des formes dans des textes
Cet effet typographique After Effects consiste à incorporer des formes à vos animations de texte. Ici, vous révélez lentement les polices, créant du suspense et enthousiasmant les télé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 autre mouvement semblable à celui de l'eau avec la police de votre choix. Suivez les étapes de cette vidéo pour répliquer.
-
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 et des bandes-annonces de films effrayants. Voici comment créer des textes nerveux.
-
Effets cinétiques 3D
Modifiez votre texte 2D en texte 3D cinétique en jouant avec la rotation, l'accrochage aux calques et d'autres effets.
-
Combiner des textures en textes
Ajoutez des textures, insérez des caractères et améliorez les textes réguliers pour améliorer l'esthétique.
-
La transition en douceur des points aux lettres
Cet effet de typographie cinétique anime les points en douceur pour créer des animations de texte dynamiques qui permettent à vos spectateurs d'anticiper ce qui apparaîtra 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 typographiques à partir de zéro, l'utilisation de préréglages sur After Effects peut être plus facile et rationaliser 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 de typographie cinétique d'animation du titre Typoking sur Videohive.
Bonus :Un moyen plus simple de créer de la 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. Avec des outils intégrés de retouche photo et de manipulation de texte, Filmora fait ressortir vos animations de texte et leur donne une apparence vivante.
Créez une superbe typographie cinétique dans Filmora
- Animez facilement du texte avec divers effets prédéfinis.
- Importez et utilisez des polices uniques pour des créations créatives.
- Ajustez le timing et le mouvement avec la précision des images clés.
- Synchronisez facilement le mouvement du texte avec les éléments vidéo.
- Alignez les animations de texte avec l'audio pour plus d'impact.
Étapes pour créer une typographie cinétique avec Filmora
Étape 1 :Accédez à Média> Média du projet> Exemple de couleur dans la barre d'outils. Faites glisser n'importe quelle couleur de votre choix sur la chronologie.
É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 à votre convenance.
Étape 4 :Sur la chronologie, commencez à partir du deuxième calque et avancez chaque calque de texte de 5 images par rapport au calque précédent. Cela affichera chaque mot quelques millisecondes après le second. Cliquez sur OK.
Étape 5 :Exportez la chronologie 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 chronologie.
Étape 6 : faites un clic droit sur le clip sur 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 vers la fin du clip sur 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 gratuitement des modèles d’animation typographique After Effects à partir de l’un des sites Web indiqués. Ou mieux encore, profitez d'un processus de montage simplifié et de modèles intégrés sur Filmora.