Comment créer une animation simple avec Adobe Illustrator et After Effects

Avez-vous déjà réalisé une superbe illustration avec Adobe Illustrator et vous êtes-vous demandé ce que vous pouviez en faire de plus? Vous pouvez l'importer dans After Effects et le transformer en une animation fantastique. Suivez-nous pour voir à quel point cela peut être facile.

Créer une illustration dans Adobe Illustrator

Il existe différentes façons de créer une illustration pour une future animation. L'utilisation d'Adobe Illustrator vous offre des solutions d'illustration intuitives qui peuvent être facilement importées et comprises dans After Effects. Vous pourriez aussi utiliser Photoshop pour créer une composition pour After Effects, mais nous allons nous concentrer sur le travail avec Illustrator.

Lors de la création de votre document Illustrator, définissez-le pour la taille de votre vidéo prévue (nous utilisons 1920 x 1080). Pour commencer un nouveau document, cliquez sur Nouveau fichier et choisissez vos dimensions. Cliquez sur D'ACCORD et vous êtes prêt à commencer à concevoir.

Utiliser des formes simples

Un véritable avantage de l'utilisation d'Illustrator pour la conception de votre animation réside dans les options Pathfinder. Vous pouvez concevoir en utilisant des formes simples, comme une ellipse ou un rectangle, et en utilisant les fonctions de recherche, vous pouvez facilement transformer ces formes simples en illustrations plus compliquées.

L'utilisation de formes simples et minimalistes pour votre illustration vous aidera également en matière d'animation. Une illustration simple est plus facile à animer que quelque chose de beaucoup plus complexe. Vous remarquerez probablement que la plupart des animations que vous trouvez en ligne sont assez simples.

Une palette de couleurs minimaliste complétera votre animation simple - nous avons écrit un guide pour créer une palette de couleurs automatisée dans Illustrator.

Travailler sur des calques séparés

Travailler sur des calques séparés dans Illustrator n'est pas seulement une bonne pratique, mais il fait partie intégrante de l'importation ultérieure de votre illustration dans After Effects. Les calques seront conservés et vous pourrez facilement animer calque par calque.

Chaque élément de votre conception que vous souhaitez animer (ou ne pas animer) doit se trouver sur un calque séparé. Si un élément est complexe mais ne comporte pas de parties individuelles pouvant être animées, toute cette section doit se trouver sur le même calque. Chaque calque doit être renommé afin que vous puissiez tous les suivre dans AE. Pour renommer un calque, double-cliquez sur son nom actuel.

Lors de l'importation de votre illustration dans AE, non seulement les dimensions du fichier et du calque resteront les mêmes, garder vos éléments dans leurs positions correctes, mais les éléments d'animation seront tous correctement séparés aussi bien.

Enregistrement de votre fichier Illustrator

Une fois votre illustration terminée, accédez à Fichier > Enregistrer sous et enregistrez-le en tant que fichier AI. Après avoir cliqué Sauver, une fenêtre contextuelle apparaîtra. Assurez-vous que le Créer un fichier compatible PDF case est cochée, puis cliquez sur D'ACCORD.

La raison pour laquelle vous enregistrez votre illustration en tant que fichier AI est qu'elle devient un fichier en direct. Si vous avez créé votre animation avec le même fichier, mais réalisez plus tard que vous souhaitez modifier la couleur ou un aspect de l'illustration, vous le pouvez. Toutes les modifications enregistrées dans le fichier AI seront instantanément reflétées dans l'animation After Effects, tant que vous utilisez le fichier AI.

C'est une option dont vous n'aurez, espérons-le, pas besoin si vous avez créé l'illustration comme vous le souhaitez. Mais c'est formidable d'avoir la possibilité de changer les aspects à l'avenir si nécessaire.

Importation de votre conception dans Adobe After Effects

Une fois votre fichier AI enregistré, il est temps d'importer l'illustration dans After Effects. AE comporte trois zones principales: panneau de projet, chronologie et composition. Double-cliquez dans le panneau Projet et une fenêtre contextuelle apparaîtra. Trouvez votre fichier Illustrator, choisissez Importer sous > Composition – Conserver les tailles de calque, et cliquez Importer. S'assurer Créer une composition est vérifié.

Lorsqu'il s'ouvre, vous verrez deux options de fichier dans le panneau Projet. L'un sera le fichier de composition et l'autre sera un dossier des calques séparés. Vous n'avez pas besoin d'utiliser le dossier. Faites glisser le fichier de composition vers la timeline et votre illustration apparaîtra dans la zone de composition. Vous verrez tous vos calques dans la chronologie.

Vous pouvez ajuster la durée de l'animation en prolongeant ou en réduisant la plage horaire au-dessus de la chronologie. Ce sera la longueur de votre vidéo lors de l'exportation, mais elle peut être modifiée à tout moment tout au long du processus de conception.

Transformer dans After Effects

Dans la chronologie, chaque calque peut être animé individuellement avec de nombreuses options de transition différentes. Pour voir les transitions, cliquez sur le petit flèche blanche sur un calque, puis cliquez sur la flèche à côté de Transformer pour afficher et modifier les types d'animation.

Vous verrez ces options de transformation :

• Point d'ancrage
• Position
• Échelle
• Rotation
• Opacité

À côté de chacune des options se trouvera un ensemble de nombres. Ces chiffres peuvent être un pourcentage, des coordonnées ou autre chose. Ils se rapportent chacun à l'option de transformation à côté de laquelle ils se trouvent; lorsque vous transformez une partie de votre animation, les nombres reflètent le changement.

Changer les options de transformation ne fera rien sans l'utilisation d'images clés. Ils constituent la partie la plus importante de l'animation dans After Effects.

Travailler avec des images clés

Les images clés sont des icônes en forme de losange qui représentent un élément de transformation pour l'indicateur de temps. Avant de pouvoir utiliser les images clés, vous devez appuyer sur l'icône du chronomètre à côté de l'option de transformation que vous avez choisie. Elle agit comme un interrupteur et reconnaît que l'option de transformation est utilisée.

Lorsque le chronomètre est activé, vous pouvez déplacer l'indicateur de temps (une ligne bleue verticale avec un onglet en haut) le long de votre chronologie d'animation vers les endroits où vous souhaitez que les éléments d'animation se produisent. La modification des paramètres de nombre ajoutera une image clé. Pour certaines options de transformation, telles que Échelle ou Position, vous pouvez également déplacer manuellement l'élément dans la fenêtre de composition au lieu de modifier les nombres.

Chaque fois que vous déplacez l'indicateur de temps, puis modifiez un paramètre de transformation, une image clé est ajoutée. Vous pouvez déplacer les images clés de leurs positions et le paramètre se déplacera à l'endroit où vous placez l'image clé.

Vous pouvez également copier et coller une image clé à refléter sur un autre calque. Par exemple, si vous souhaitez que plusieurs calques se déplacent en même temps, vous pouvez copier les images clés Position d'un calque, puis les coller dans un autre calque. Ils colleront là où l'indicateur de temps est assis. La sélection de plusieurs calques à la fois et l'ajout d'images clés à un placeront la même image clé sur tous les calques sélectionnés.

Utilisation d'Easy-Ease

La fonction Easy Ease est couramment utilisée, mais à quoi sert-elle? L'indice est un peu dans le nom - il facilite les éléments d'animation.

L'ajout d'Easy Ease à une image clé donne à l'option Transformer une aisance plus naturelle, plutôt qu'une fin (ou un début) soudaine. C'est une différence très subtile, mais c'est une différence qui, sans doute, ajoute un niveau d'expertise à vos animations.

Pour utiliser Easy Ease, cliquez avec le bouton droit sur n'importe quel diamant d'image clé et accédez à Assistant d'images clés > Easy Ease. Vous pouvez également utiliser le raccourci F9 pour mettre en œuvre Easy Ease. Le diamant de l'image clé se transformera en forme de sablier pour représenter l'Easy Ease.

Exporter votre animation

Une fois que vous avez terminé l'animation dans After Effects et que vous êtes satisfait de l'apparence de tout cela, vous devez enregistrer votre vidéo. Tu peux utiliser des plugins comme LottieFiles pour créer des animations Lottie à partir de votre vidéo, ou vous pouvez exporter en tant que vidéo avec différentes options de rendu.

Aller à Fichier > Exporter > Ajouter à la file d'attente de rendu. Choisissez une destination de sortie et cliquez sur Rendre. Vous pouvez laisser votre animation s'afficher sans supervision; selon sa longueur et le nombre d'éléments, cela peut prendre un certain temps. Une fois le rendu terminé, vous avez votre vidéo d'animation.

Transformez votre art Illustrator dans After Effects

Vous pouvez optimiser vos compétences Adobe Illustrator en transformant une illustration simple en une animation impressionnante. En utilisant l'outil Pathfinder et les calques d'Illustrator, vous apprécierez l'outil après l'avoir importé dans After Effects. Suivez ce guide et créez une animation sympa.

Plus de 75 raccourcis clavier Adobe After Effects pour vous simplifier la vie

Lire la suite

A propos de l'auteur