Comment faire une animation logo sur After Effects ? - Tuto animer un logo

Comment faire une animation logo sur After Effects ? – Tuto animer un logo

Dans ce tuto, nous allons voir comment faire une animation logo sur After Effects. Mais il y a un point à soulever, c’est que nous pouvons faire autant d’animations logo qu’il y a de logos dans ce monde. Donc ce tuto ne peut pas t’apprendre à animer les millions de logos différents qui existent. C’est pour cette raison que j’ai choisi un logo en particulier qui parle à tous les créatifs. Ce logo, c’est celui d’Adobe Creative Cloud. Donc nous allons partir de ce logo pour créer une animation logo qui le mettra en valeur. 

Avant toute chose, télécharge gratuitement le logo que j’utilise dans ce tuto ici : https://drive.google.com/file/d/1AkhUj7GcvN6Vm6rVs1qAQd5QSBgK7V9o/view?usp=sharing

Partie 1 : Importation du logo et préparation

1. Ouverture d’After Effects et création de la composition (2min14) : Tout d’abord, il faut évidemment ouvrir After Effects et créer une nouvelle composition. Pour cette dernière, tu peux mettre les paramètres que tu souhaites, cela importe peu.
2. Importation de ton logo (2min30) : Ensuite, il faut importer ton logo en cliquant sur « Fichier » > « Importer » > « Fichier ». Puis choisi le logo dans tes documents et clique sur « Ouvrir ». Tu peux désormais voir ton logo dans le panneau projet à gauche. Puis tu peux le glisser directement dans la timeline en bas.

Partie 2 : Animation du logo sur After Effects

4. Sélection du logo (2min48) : Fait glisser ton logo dans la timeline pour l’ajouter à la composition.
5. Transformation du calque Illustrator en calque de forme (3min40) : Maintenant, nous allons rentrer dans le vif du sujet en transformant notre calque logo en calque de forme pour pouvoir l’animer facilement. Pour ça, il faut faire clic droit sur celui-ci dans ta timeline > Créer > Créer des formes à partir du calque vectoriel.
6. Animation des traits du logo (4min08) : Désormais, nous pouvons appliquer un effet que j’apprécie particulièrement, c’est « Réduire les tracés ». Tout motion designer doit connaître cette façon d’animer sur After Effects. Pour cela, tu dois ouvrir les paramètres de ton calque de forme > Ajouter > Réduire les tracés. Ensuite, je t’invite à te référer à la vidéo car ce serait trop fastidieux de t’expliquer comment animer ton logo en texte.
7. Animation du texte (11min53) : Ensuite, il faut évidemment animer le texte du logo. Pour cela, nous allons utiliser une animation très simple mais élégante et qui passe bien avec tout type d’animation. Donc, il faut que tu crées 2 images clés pour une animation de position et d’opacité. Le but est d’avoir le texte qui arrive du bas de l’écran et qui apparait au fur et à mesure. Pour voir l’animation en détail, tu peux regarder le tuto vidéo.

Partie 3 : Amélioration esthétique du logo sur After Effects

7. Ajout des couleurs (13min50) : Maintenant, nous allons ajouter les couleurs à notre logo. Pour faire ça, rien de plus simple, il suffit de sélectionner nos 2 « C » et d’ajouter l’effet « Dégradé 4 couleurs » en le recherchant dans le panneau « Effets et paramètres prédéfinis ». Ensuite, il faut ajuster les couleurs de façon à ce qu’elles apparaissent bien dans notre logo. Il faut à tout prix éviter un effet « vomi ». Pour choisir les couleurs, tu as la palette de couleur en calque Illustrator normalement.
8. Masquage des extrémités (18min29) : Pour cette partie, il faut dans un premier temps créer un calque de forme en rectangle. Puis ajouter un dégradé linéaire noir à 0% d’opacité d’un côté et 100% de l’autre. Ensuite, il faut l’ajuster afin qu’il ne masque pas le tracé lorsqu’il arrive au début du mouvement (voir tuto vidéo pour mieux comprendre). Et dans un second temps, il faut faire la même chose pour le deuxième « C ». Puis la dernière étape consiste à transformer ces calques de forme en cache. Pour ça, il suffit d’utiliser l’option « Application d’un cache » pour nos 2 « C ».
9. Amélioration de l’animation d’apparition (25min15) : Ensuite, nous allons appliquer un peu plus de mouvement à notre logo car celui-ci est trop fixe à mon goût et manque de dynamisme. Pour améliorer ce point, nous allons regrouper dans une précomposition notre partie graphique du logo, à savoir nos 2 « C ». Une fois notre précomposition créée, nous allons animer celle-ci en rotation et en échelle. Cela va donner un mouvement immersif et rendre notre animation logo sur After Effects plus dynamique.
10. Ajout d’un effet glow (28min58) : La touche finale consiste à ajouter un effet glow. Pour ajouter cet effet, il suffit de sélectionner la précomposition précédemment créée. Puis d’aller dans le panneau « Effets et paramètres prédéfinis » et de chercher l’effet « Glow ». Ensuite, tu pourras l’ajuster de façon à mettre en valeur la partie graphique du logo.

La conclusion !

Félicitations, tu as fini ce tuto sur l’animation logo sur After Effects. Tu sais désormais comment animer un logo parmi des millions d’autres. Et oui, les possibilités sont infinies ! Seule ta créativité est une limite (et aussi tes connaissances techniques). Si ce tuto animation logo t’a plu, n’hésite pas à mettre un like sur la vidéo Youtube et à la commenter. Et si tu veux d’autres tutos dans le même style, dis-le moi et je les ferais avec plaisir.

Je te dis à très bientôt,

Alban, formateur en motion design.