After Effects et l’animation de typo, un joli duo pour une intro de bande demo !

Mattrunks — Sat, 27 Sep 2008 03:16:56 +0000

On a beau utiliser After Effects tout les jours, le connaitre sur le bout des doigts et lui réciter des contes avant qu’il ne s’endorme, ce logiciel de compositing/animation made in Adobe n’a pas fini de nous surprendre.

La limite dans l’animation n’est alors plus la technique mais l’imagination. Avec de la technique, (étroitement lié à l’expérience), on devient plus sur de soi, on travaille plus vite, et on réagit mieux devant les imprévus.
Mais que vaut la maîtrise technique d’un outils face aux idées ? De mémoire, tout le monde sait utiliser un stylo. Mais tout le monde ne sait pas dessiner pour autant…

L’animation et son processus de création est différente pour chaque personne. Dans mon cas, elle peut être amenée par la contrainte d’un client, ou par l’expérimentation personnelle. Dans les deux cas, les chemins pour parvenir à l’animation finale peuvent être très différent.

Il y a ceux qui bidouillent, et qui voit leur créa prendre vie au fur et à mesure qu’ils s’amusent avec les différents effets.
Il y a ceux qui s’appuient sur des tutoriaux et des ressources pour s’inspirer.
Et puis il y a ceux qui ont une idée précise en tête, et qui veulent la mettre en image. Dans ce cas, ne pas avoir de bases solides techniquement peut vite s’avérer frustrant. Quoi de plus enervant que de se retrouver dans l’impossibilité de mettre en forme ses idées, par faute de compétence technique ?

Je pense que la meilleure solution est le mélange des trois ! Il faut avoir une petite idée en tête de son animation avant de démarrer. Faire un mini storyboard, sortir des idées et mettre les meilleurs de cotés.

Ne pas partir sans but. Se retrouvez devant un projet vide d’After Effects sans objectif n’est jamais vraiment satisfaisant au final, vous vous en êtes surement rendu compte.

Prenons par exemple une intro de showreel. Pourquoi pas mon prochain, histoire de buzzer un peu en même temps ?

Après avoir réaliser mon tuto « accordeon », j’avais envie de recréer ce genre d’animation sur de la typo. J’avais parfaitement en tête la façon dont je voulais que les lettres se matérialisent, progressivement.

Techniquement, même si je savais comment le réaliser avec des images clés, j’ai preferer réfléchir un peu plus longtemps avant de me lançer pour au final gagner plusieures heures de travail.

Un petit tour sur les sites de tutos sur les expressions et le tour était joué. Plus d’image clés pour animer au final, seulement une expression, qui se règle automatiquement en fonction de la position des calques.

Dans ces cas, avoir de bonnes bases dans ce language est un gain de temps considérable.

Dans une premiere partie, j’ai donc animé des typos, tout banales, en applat, blanches sur fond noir. L’image suivante montre les différentes phases en partant de la typo dans sa version simple jusqu’à sa version « traitée » :

Pour obtenir l’effet finale, je n’ai fait que bidouiller, tester, experimenter ! Rajouter des effets, jouer avec les lumières, les superpositions de calques dans l’espace et surtout s’amuser avec les modes de fusion !

Toute cette phase de traitement de la typo, je ne l’ai commencé seulement une fois mon animation terminée. Je pouvais alors me concentrer seulement sur l’aspect final, et faire joujou avec les différents effets jusqu’à obtenir un résultat qui me convienne visuellement : un pseudo effet 3D sur de la typo directement dans After Effects que j’ai trouvé assez sympathique pour en faire l’intro de mon futur showreel !

Et voilà, tout ça pour ça !

Ps : Evidemment, mon futur showreel en entier fera son apparition d’ici peu de temps

Ps : Evidemment, cette animation sera l’objet de mon projet tuto gratuit sur emob

Tutos vidéos pour After Effects par Mattrunks » texte

After Effects et l’animation de typo, un joli duo pour une intro de bande demo !