Créer des animations 3D d'Adobe Illustrator à Adobe After Effects Motion Graphics

1. Introduction: Bienvenue à tous dans le cours d'animation graphique After Effects étape par étape. Je suis l'animateur alias Er Tapolus dans After Effects. Nous allons commencer par importer un fichier vectoriel Illustrator. Convertissez-le en couche de forme. Extermine à la fois le champ et le trait dans un espace en trois D. Ajoutez des spots avec des ombres rebondissantes et des reflets spéculaires Et animez la composition avec une caméra 3D à deux nœuds À la fin du cours d'animation graphique After Effects, il aura une solide connaissance et une vision de la manière d'extuter et d'animer vos fichiers vectoriels et de créer superbes animations en 3D pour vos projets et vos clients 2. Observer la forme d'Illustrator: extrusion de couches de forme dans After Effects repose entièrement sur notre travail au sein d'adobustrator , dans quelle mesure les couches sont-elles bien organisées cas, dans quelle mesure les couches sont-elles bien organisées avant de les importer dans After Effects ? Et si l'on regarde à l'intérieur du panneau de couches, chaque chemin se trouve sur sa propre couche et non dans un groupe ou une sous-couche Chaque couche a été nommée et séparé les tracés de champ des tracés, ce qui m'aidera dans le processus d'extrusion dans After Effects. 3. Importer et créer des formes vectorielles: Maintenant, dans After Effects, je vais importer le document illustré par le motif. Je suis dans le volet du projet en train de passer au fichier d'importation de reliques Voici le document illustré qui se trouve dans mon dossier. Mais ce qui est important, c'est de l'importer non pas sous forme de métrage mais plutôt sous forme de taille de couche de composition, puis de cliquer pour importer. Cela signifie qu'After Effects reconnaît les couches de niveau supérieur, nous les avons configurées dans Adobe Illustrator en tant que couches After Effects. Alors allons-y et double-cliquez sur cette composition. Voici tous ces chemins importés depuis un double illustrateur. Et vous pouvez voir que tous les noms ont été conservés, ce qui est génial. Mais ce que nous devons faire maintenant, c'est convertir ces tracés en couches de formes, quelque chose qu' After Effects reconnaîtra et pourra les animer Je vais les sélectionner tous dans le menu des couches. Continuez, créez et créez des formes à partir d'une couche vectorielle après que Effects effectue la conversion. Ce que je dois faire, c'est maintenant faire le ménage dans mon travail ici. En gros, supprimez tous ces chemins et en même temps, chaque fois que le some se dessine. Je vais juste le renommer pour pouvoir nettoyer tout le travail et garder les choses organisées 4. Extruder des couches de forme: J'ai nettoyé toutes ces couches et je les ai renommées. Alors, quelle est la prochaine étape ? Je vais aller de l'avant dans le plan du projet, je vais simplement cliquer et faire apparaître un fichier JP ici, sur lequel je vais cliquer et faire glisser celui-ci et le placer tout en bas de la chronologie. En gros, cela servira surface plane sur laquelle toutes les lumières se heurteront et rebondiront, affectant les trois couches en forme de D. Et permettez-moi de verrouiller temporairement cette couche. Je parle de trois couches en D. Allons-y et sélectionnons toutes ces formes ici. Ensuite, nous allons convertir ces deux partir de deux couches, 23 retardateurs Je vais juste cliquer une fois que tous ces éléments sélectionnés, ils seront tous convertis en trois couches. Très bien, maintenant pour que cela fonctionne et que nous puissions les extruder, nous devons changer les trois modes de rendu heure actuelle, nous sommes dans le Classic Three D, il suffit de cliquer sur le menu déroulant et de choisir le rendu Cinema Four D. Le Cinema Four D Composition Render est essentiellement l'outil d'extrusion de texte et de formes. Examinons également les options du moteur de rendu pour déterminer la qualité que j'utilise, le mode brouillon, car cela prendrait moins de temps pour dessiner les trois Mais à la toute fin du projet, je ferai glisser ce curseur jusqu'à l'extrême pour obtenir un rendu en entonnoir très propre Je vais annuler ça. Je suis très content, ce que nous devons faire ensuite , c'est sélectionner chacun de ces chemins un par un. Va dedans. Ensuite, dans les options de géométrie, nous allons modifier la profondeur d'extrusion. Et je vais m'en tenir à 240 pour le moment. C'est bon. Je vais aller de l'avant , passer un peu de temps à le faire pour le reste de ces voies. 5. Positionner des formes sur le plan 3D: Après avoir passé un peu de temps à étudier toutes ces couches de forme, j'ai réglé la profondeur d'extrusion à 40. Je vais donc passer à la sélection. Ensuite, je vais appuyer deux fois sur la lettre « you » sur le clavier pour n' afficher que les propriétés modifiées. Allons-y. Le niveau d'extrusion est réglé sur 40, 40, 40. La question qui se pose est donc pourquoi pouvons-nous voir quelque chose changer ? La raison en est que lorsque nous extrudons vers le bas, cela s' extrude dans un espace. l'heure actuelle, si nous ne pouvons rien voir, c'est parce que tout est à zéro. L'extrusion a traversé l'arrière-plan et dépasse de l'autre côté. Tout d'abord, allons-y et au lieu d'une vue, passons à deux vues pour cette vue ici. Personnellement, je vous recommande d' utiliser la vue gauche au lieu de la caméra acto C'est une chose pour ce JP ici. Permettez-moi également de m' assurer que cela est également converti en une couche tridimensionnelle. Voilà. Nous pouvons maintenant constater que, comme vous pouvez le constater, toute l'extrusion est passée par l'arrière-plan qui dépasse de l'autre côté. Par ailleurs, je vais changer l'aperçu de la résolution ici de la totalité à la moitié, ce qui simplifiera la tâche du système. Ensuite, je vais sélectionner toutes ces options. Zoomez un peu ici. Je vais juste les sortir. Je vais les amener ici, soient placés juste au-dessus de ces arrière-plans. Très bien, cette surface plane. Si je devais changer cela de gauche à, disons, pour l'affichage personnalisé, c'est ce que j'obtiendrais. Nous pouvons déjà voir les changements se produire, ayant deux vues de composition côte à côte. La vue de gauche ou la vue de droite vous aideront à comprendre la position des couches de forme et à les déplacer dans l'espace Z afin de voir l'extrusion. 6. Ajouter des projecteurs: Les choses vont bien dans composition de Sara qui a été extrudée. Toutes ces couches de forme. Allez-y, continuez et ajoutez quelques projecteurs à une scène. Je vais juste sélectionner cette première voie, passer dans le menu, nouvelles lumières dans ce cas, projecteur numéro un, type de vol. Allez-y, repérez et nous avons la couleur de la lumière, son intensité. Quelle est l'intensité de ce phénomène ? Nous avons l'inconvénient. L'angle du cône est l'angle du cône entourant la source de lumière, qui détermine la largeur du faisceau à distance. Et nous verrons cela très peu de temps après la pose de la plume conique, 50 % C'est bon, c'est bon Mais ce qui est important, c'est d' avoir l'ombre projetée. Cela indique si la source de lumière fait qu'une couche projette une ombre. Nous en avons besoin. Je vais cliquer dessus. Permettez-moi d'utiliser un seul point de vue car j'ai besoin d'un bien immobilier ici. Je veux que ce spot vienne du coin supérieur droit. Je vais l'afficher sur l'axe y, x, puis prendre ce point d'intérêt et le pointer juste au-dessus des couches de forme. Ensuite, il suffit de le mettre sur le Z et peut-être sur le Y. Maintenant, regardons cet angle d'escroquerie ici Si je double-clique à nouveau, voici l'angle d'opposition, voyez les degrés, afin que vous puissiez jouer avec cela à votre guise. Et je vais juste apporter ça un peu aussi. Jusqu'ici, tout va bien. Encore une fois, rien de tout cela n'est définitif, mais c'est un bon début. Allons-y et ajoutons un autre spot. Retournez dans le menu des couches, New Light. Ce deuxième spot, je vais tout laisser tel quel, assurer que les acteurs sont une zone et cliquer sur OK. Voici un deuxième spot. Dans ce cas, je veux que le spot soit diffusé en bas à gauche ici. Je vais le déplacer sur le X, sur le Y, prendre le point d' intérêt et le pointer ici. Je peux le faire ressortir à nouveau sur le Z, je peux revenir aux réglages d'éclairage ici et peut-être changer l'angle et ainsi de suite. Bien, encore une fois, comme je l'ai dit, ce n'est pas définitif. C'est un bon début. Mais ce que nous devons faire maintenant, c'est nous assurer que toutes ces couches de forme acceptent les sources de lumière. À l'heure actuelle, ils ne le sont pas. Ce que nous devons faire, c'est sélectionner tous ces chemins ici. Ensuite, je vais les ouvrir et, dans les options matérielles, je vais activer les ombres projetées. Une fois que je l'aurai fait, vous verrez une énorme différence. Maintenant, toutes ces couches passent, sauf les deux spots, et maintenant nous avons une belle ombre qui tombe. 7. Augmenter l'extrusion des coups: la principale raison pour laquelle j'ai séparé ces tracés du reste des tracés provenant des utilisateurs. Parce que je veux que ces couches en forme de trait aient une profondeur d'extrusion plus élevée. Dans ce cas, je vais les sélectionner, puis je vais appuyer deux fois sur la lettre « you du clavier pour ne voir que les propriétés modifiées. Comme tous ces éléments ont été sélectionnés, je vais modifier pour chacun d'entre eux la profondeur d'extrusion à partir de 40. Je vais augmenter ce 250, je vais appuyer à nouveau sur la lettre. Encore une fois, nous ne sommes pas en mesure de voir le changement. Et c'est parce que l' extrusion a lieu dans un espace, elle s'extrude vers le bas. Revenons en arrière pour avoir, au lieu d'un point de vue, deux points de vue sur ce point de vue. Je suis là, dans la vue personnalisée. Tout d'abord, allez-y et passez à la vue de gauche, et voilà. C'est ce à quoi je fais référence. Il est entré dans l'espace z. Je vais le déplacer, sélectionner le bit de zoom, puis je vais simplement cliquer dessus et le faire glisser sur l'axe z. Nous y voilà. Très bien, voici la différence. Allons-y maintenant et passons de la gauche à la version personnalisée. Et changez l' aperçu en mode plein écran. Nous allons maintenant avoir une meilleure vue sur les traits de trajectoire de la couche de forme extrudée C'est la raison pour laquelle je préplanifie cela dans Adbustraer pour 8. Améliorer les projecteurs et les paramètres: accord, donc les choses sont magnifiques dans une composition. La prochaine chose que je veux faire et revenir , ce sont les projecteurs. Mais vous pouvez voir qu'il y a beaucoup de lumière provenant de ces deux projecteurs Dans ce cas, allez-y et revenez à l'une des vues. Je vais passer sous le feu des projecteurs. Sous les options d'éclairage, je changerais la couleur du projecteur en orange. Cliquez. OK. Vous allez maintenant assister à une belle transition depuis le haut. Je ferais de même pour les options sous les projecteurs ou sous la lumière. Je changerais la couleur au lieu du blanc. Habituellement, les lumières ne sont jamais complètement blanches. Je vais utiliser une couleur blanc-jaunâtre. Je vais cliquer. OK. Vous allez assister à une belle transition. Encore une fois, belle chute. Génial. Maintenant, je voudrais parler de la diffusion des ombres. Celui-ci, juste là, montre à quel point l'ombre est douce. Voici la seule ombre à mettre en lumière. L'une, voici l'autre ombre de l'endroit. Lumière 2, ce que je peux faire ici pour la diffusion des ombres pour ce spot encore une fois, la lumière vient du haut à droite. Voici l'ombre. Je peux améliorer cela. Disons peut-être 30. Ce sera moins une ombre ici. Cela va être plus souple. Augmentons également la douceur de cette lampe ici. Tu vois ça ? Maintenant, si je devais déplacer cela sur le Z, en fait sur cette lumière juste ici, cela affecterait à nouveau la diffusion, vous verrez que tout dépend de l'endroit où vous placez les lumières et ainsi de suite en fait sur cette lumière juste ici, cela affecterait à nouveau la diffusion, vous verrez que tout dépend de l' endroit où vous placez les lumières et ainsi n'y a donc pas de règle établie plutôt que ce qui vous convient. Peut-être que je peux porter ça à, disons celui-ci à 20. Nous y voilà. J'aime bien ça. Je vais laisser ça tel quel. Mais il y a une chose que j' aimerais faire, c'est avoir un peu plus de réflectivité sur toutes ces couches de forme ici Je parle de la spécularité, c' est-à-dire, encore une fois, du reflet de toutes les couches de forme Je vais déplacer la jambe du, puis appuyer deux fois sur la lettre « you , puis ouvrir les options matérielles. Voici l' intensité spéculaire réglée à 50 %. Je vais la régler à 70 %. Pour tout cela, je ne peux déjà que constater le changement Permettez-moi de zoomer un peu et je vais annuler ce contrôle. Aucune commande. Voici avant, puis après un changement bienvenu, du moins de mon côté. 9. Caméra 3D nulle et animation: Très bien, tout semble fantastique dans notre composition. La partition crée notre animation. Dans ce cas, je vais accéder au menu appris et créer une nouvelle caméra 3D pour le type. Je vais utiliser un appareil photo à deux pour les préréglages. Bien que vous ayez de nombreux préréglages différents ici, dans ce cas, je vais opter pour le préréglage de l'objectif grand angle de 24 millimètres Cliquez ensuite sur OK. D'accord, donc c'est une chose. Une autre chose que je vais faire est d'aller dans le menu appris et de créer un nouvel objet nul. Maintenant, un objet nul, comme vous pouvez le voir ici, est un calque invisible qui possède toutes les propriétés d'un calque visible. Mais il peut être apparenté à n'importe quelle couche de la composition. C'est exactement ce que nous allons faire ici. Nous allons associer la caméra à l'objet nul car il est simplement plus facile de contrôler la caméra via un objet nul. Il dit que je vais avoir un objet nul. Je vais appuyer sur Enter Return sur mon clavier. Renommez ce Toll the camera. Appuyez sur Enter Return et renommez-le en Camera uniquement. Je vais mettre la caméra à zéro. Et je vais le faire en utilisant le fouet parental. Dans ce cas, je vais juste cliquer et faire glisser le fouet par juste au-dessus de l'objet nul Maintenant, la caméra est tournée vers le néant, super. Cet objet nul est actuellement composé de deux couches, mais comme nous travaillons sur un environnement tridimensionnel, nous allons également le convertir en trois couches. Si l'on examine ces propriétés, il s' agit exactement des mêmes propriétés que celles d'une couche tridimensionnelle. Très bien, dans ce cas, permettez-moi de consacrer le temps nécessaire au tout début Je vais animer la propriété de position et l'orientation Je vais cliquer sur le chronomètre de position pour créer la première image clé. Ensuite, je cliquerai sur les parties d'arrêt correspondant à l'orientation pour créer le deuxième cadre clé correspondant à la position. Permettez-moi de modifier les propriétés de tous les x, y et z. Par exemple, pour le x, je vais juste le mettre un peu sur le côté, d'accord ? Supposons que l'été soit ici pour le Y, je vais insister, c' peut-être un peu exagéré. Pour le Z, je vais le renvoyer dans l'espace. D'accord ? Disons l'été par ici. D'accord ? C'est donc le premier sur le poste. Allez-y et travaillez sur l'orientation. Je vais changer l'orientation à 36 degrés, par exemple. Mais je vais le faire pour les mêmes valeurs ici. Pour le Y aussi. 36.36 Très bien, maintenant je vais déplacer le décateur temporel actuel, disons 4 secondes C'est bon, juste ici. Ensuite, je vais réinitialiser l' objet nul en cliquant sur le bouton de réinitialisation, ici. Voilà. Je vais obtenir ceci, qui est correct pour le moment, l'animation. Si je devais décrire le chronomètre actuel, ce serait quelque chose comme ça Très bien, sur cette image-clé, plus précisément, Chad. Et appuyez sur la lettre K sur le clavier pour passer à la prochaine image-clé visible sur Z. Je veux avoir ceci, disons que je vais zoomer un peu Tout autant de A, un peu par ici. Très bien, quand on efface le chronomètre actuel, on obtient quelque chose comme ça C'est bon, parfait. Maintenant, je vais réduire le décateur de temps actuel à 5 secondes ici. Je vais ajouter un autre cadre clé uniquement sur la position. Frottez le chronomètre actuel par ici. Ensuite, ajoutez une autre image clé, puis faites de même, voyons voir par ici. Et j'ajoute un autre cadre clé. Je vais maintenant revenir à deux images-clés visibles. Ce qui signifie que je vais utiliser la lettre G sur le clavier. Et cette image-clé possède actuellement une interpolation linéaire. Je vais cliquer à nouveau, le remplacer une image-clé à bascule Ce qui signifie que lorsque le temps atteint 5 secondes, il se tiendra pendant 1 seconde. Et puis il va faire quelque chose va s'animer à nouveau. Je vais appuyer sur la lettre K du clavier pour passer à la prochaine image-clé visible pour celle-ci sur le score Z. Zoomez un peu sur ce point pour voir le reste du motif. Dis quelque chose par ici. C'est pas mal. Je veux juste changer l'interpolation de linéaire à telle quelle Je vais le faire dans l'éditeur de graphes. Voici l'image-clé sélectionnée. Pour passer au mode facile , je vais simplement double-cliquer sur le cadre clé. En ce qui concerne la vélocité des images-clés, je vais modifier l'influence à environ 75 % Cliquez ensuite sur OK , puis quittez l'éditeur de graphes. Passons rapidement en revue l'indicateur actuel. Et nous allons avoir quelque chose dans ce sens. Tu vois, ça va vraiment bien s'animer ici. voyez, en regardant dans l'éditeur de graphes et en regardant ce mouvement ici, il va atteindre un pic, puis il va ralentir lentement C'est pourquoi nous l'avons fait avec la vélocité des images clés. Bien, voici l'animation suivante et tout ce que je vais faire c'est juste en dessous pour voir les résultats finaux. 10. Paramètres d'animation finaux: Après avoir rendu les animations , appuyez sur la barre d'espace et regardez le résultat final. Comme vous pouvez le constater, les choses vont bien, tout est plutôt net. Et bien sûr, il y a beaucoup de choses que vous pouvez faire avec le mouvement de la caméra, mais ce n'est qu'une idée. Très bien, je vais déplacer l'heure actuelle indiquée à, disons, les 8 secondes ici. Je vais appuyer sur la lettre N du clavier pour régler la fin de la zone de travail sur la relique temporelle actuelle et ajuster la composition à la zone de travail accord, c'est toute la durée de l'animation Avant de l'afficher, vous pouvez revenir aux options de rendu et déplacer le curseur jusqu' à l' extrême si vous voulez avoir une animation très nette 11. Merci: Merci beaucoup d'avoir passé du temps avec moi. Découvrez comment combiner des illustrations avec After Effects pour créer de superbes animations en trois dimensions. pas à nous contacter si vous avez des questions ou des commentaires concernant le cours. Ce serait un plaisir d'avoir de vos nouvelles.