Graphiques animés dans After Effects, post-production avec le plugin Element 3D

1. Introduction: After Effects, animations graphiques avec élément et connecteur à trois D pour créer des animations simples et époustouflantes. Bienvenue à tous. Je suis votre hôte LIS RNAPols. J'ai été éducateur au cours des 28 dernières années, enseignant dans des universités et plateformes sociales sur les techniques d' animation, conception vectorielle et la mise en page Dans ce cours d' animation graphique After Effects, il apprendra à générer des cartes normales personnalisées à partir d'un modèle. Comment créer trois formes en D à partir de tracés vectoriels. Comment travailler à l'intérieur de l'élément, environnement intégré à trois D, extruder des formes et appliquer textures dans After Effects Comment animer dans un espace 3D et appliquer des paramètres de rendu, améliorant ainsi l'animation globale en trois D. À la fin de ce cours, vous aurez une connaissance et une vision approfondies de la façon de créer superbes animations en trois dimensions pour vos propres projets et clients. 2. Textures personnalisées - Génération de cartes normales: Pour générer des cartes normales personnalisées que je partage avec vous dans le dossier d'exercices, utilisez la carte normale en ligne dans le navigateur. Que sont les cartes normales ? Ils stockent des informations sur une surface sous la forme d' une image de texture et peuvent simuler l'apparence de détails de surface, tels que des bosses ou des rayures, sans créer polygones très détaillés à l'intérieur En ligne sur la gauche, nous avons la carte de hauteur standard, qui est une texture en niveaux de gris où la luminosité de chaque pixel représente sa hauteur. Pour plus d'informations, nous pouvons cliquer sur le point d'interrogation qui se lit comme suit : «  La texture contient la distance par rapport au sol ». Plus le pixel est clair, plus il est éloigné. Comme je n'utiliserai que le motif en noir et blanc, je vais passer à la carte des hauteurs. Je vais cliquer sur la fenêtre ici. Je vais cliquer pour sélectionner le motif en noir et blanc , puis cliquer pour ouvrir. À l'extrême droite, nous avons l'aperçu en trois D. Je peux zoomer, dézoomer, faire pivoter. Je peux également changer la représentation du modèle en trois D du cube à la sphère, car j'utiliserai un modèle sphérique pour appliquer mes textures. Ici, au milieu, nous avons les options permettant de contrôler la façon dont les cartes de texture sont générées, commençant par la carte normale, qui crée de la profondeur, et elle est utilisée pour les cartes à bosses Par exemple, je peux le rendre très fort ou très faible. Et nous pouvons voir les modifications se produire à la fois dans la fenêtre d' aperçu, l'aperçu en trois D ou dans la carte normale. Je vais le remettre par défaut. Je peux modifier le niveau de carte normale au fur et à mesure qu'elle est appliquée. Je vais également le définir par défaut. Ensuite, nous pouvons ajuster la netteté. Tout le chemin vers la droite a été très net et tout le chemin vers la gauche se trouve le niveau de flou. Je vais régler le mien à moins quatre. Ensuite, je vais cliquer sur la carte de déplacement qui affichera les détails utilisés pour déformer le maillage de l'essieu Je n'apporterai aucune modification ici. Je vais cliquer sur l'occlusion ambiante, ce qui crée un peu plus de profondeur et d'ombrage Pour cela, je vais le renforcer. Je vais utiliser la force. Je vais régler le niveau de flou exactement de la même manière que pour la carte normale Pour la carte spéculaire, qui nous indique quelles parties d'un modèle doivent être brillantes Je vais tout laisser comme ça. Ensuite, en bas de page, nous avons le choix de télécharger chacune de ces cartes de texture ou de les faire toutes ici. Nous pouvons modifier l'extension. Je vais opter pour le format JPEG , puis télécharger toutes les cartes de texture. 3. After Effects - Mettre en place une composition: Très bien, dans After Effects, je vais créer une nouvelle composition. Je vais lui donner le nom d'animation graphique dans le menu déroulant prédéfini. Je choisirai 1920 par 1080. En ce qui concerne la durée, pour l'instant, je vais m'en tenir à 30 secondes, mais il est fort probable qu'à la toute fin, je la supprimerai , puis je cliquerai sur OK. Maintenant, dans le panneau de projet, je vais importer les fichiers de texture et tout ce que je vais utiliser pour ce projet d' animation graphique After Effects. Je vais double-cliquer dessus. Je vais d'abord importer les nuages, double-cliquer à nouveau et sélectionner la touche Shift pour importer les textures. Pour organiser mon travail, tout en bas du panneau de projet je crée un nouveau dossier tout en bas du panneau de projet. Je renomme ces deux textures, sélectionne avec la touche Shift et je les place dans le dossier. Ils sont là. accord, je vais également importer des fichiers vectoriels depuis Adobe Illustrator. Pour cela, je dois créer plusieurs solides. Je vais cliquer sur la chronologie. Ensuite, dans le menu, je crée les premiers solides. Je vais lui donner un nom de forme ovale. Je m'assure de cliquer sur Make comm size, puis de cliquer sur OK. Ensuite, je vais passer à Adobe Illustrator. Je vais sélectionner la forme ovale à l' aide d'un outil de sélection. Je vais les copier dans le presse-papiers, retourner dans After Effects, puis les coller Je vais créer un autre solide. Au bas du menu, New Solids. Je vais lui donner le nom du panneau latéral. Cliquez. OK. Retournez dans la ligne droite, elle est là. Marquez, sélectionnez ces panneaux, copiez-les dans le presse-papiers Collez-les dedans. Je crée un autre solide. Je vais utiliser le raccourci clavier. Je vais lui donner le nom de Picks, Allies, qui sera mon nom ici. Je vais cliquer. OK. Retournez. Illustratrice. C'est ici. Marquez que vous sélectionnez cela. Je copie dans le bloc-notes, je le colle dedans Je crée un autre solide. Ce sera mon logo, appuyez sur retour, voici mon logo. Je le sélectionne, je le copie le presse-papiers, puis je le colle dedans Très bien, donc pour la chronologie, je vais cliquer et faire glisser les nuages, et je vais également sélectionner la touche Shift. Ensuite, introduisez également toutes ces textures. Désormais, les textures qui n'ont pas besoin d'être visibles se trouvent uniquement dans la chronologie. En ce qui concerne les nuages ici, comme vous pouvez le voir, ils sont juste un peu gros. Je vais appuyer sur la lettre S sur les claviers pour la propriété scale Je vais juste nettoyer cette couche à 80 %. Je vais également verrouiller cette couche, donc ne la déplacez pas accidentellement Maintenant que le projet est configuré, l'étape suivante consiste à créer trois formes en D à partir de tous les solides à l'aide de l' élément Three D. Branchez. 4. Element 3D - Forme ovale: Pour l'élément 3 D. Branchez pour fonctionner. Encore une fois, je dois créer un nouveau solide. Je vais cliquer sur la chronologie. Je parlerais beaucoup de la visibilité de ces couches. Inutile de les voir, je veux juste voir les nuages. Ensuite, j'utiliserai le clavier Shout pour créer un nouveau solide. Je vais lui donner le nom de l'élément 3, D. Je clique sur Taille, puis sur OK. Ensuite, sous le menu des effets, vidéo, les pilotes et les éléments. Avant de cliquer sur le péché configuré pour me tenir debout, pour charger toutes ces formes ici et les textures. Je peux le faire sous les couches personnalisées, sous le texte et les masques personnalisés. Pour la première couche de chemin, je vais attribuer la forme ovale, la couche de chemin deux aux panneaux latéraux, la couche de chemin trois aux pixels et quatre à mon logo. Pour les textures des cartes de texte personnalisées, la première couche sera affectée à la bosse normale, couche deux à l'enclusion, troisième au spéculaire Maintenant, je peux simplement cliquer dessus , définir un bouton ici. La première chose à faire est de cliquer sur le bouton d'extrusion, car c'est la toute première forme que j'ai chargée C'est pourquoi celui-ci est extrudé. C'est bon. Je vais double-cliquer pour renommer ces deux formes ovales. Entrez Return. heure actuelle, j'ai un biseau. En fait, je voudrais que deux copies soient réglées 0,2 pour la copie en biseau Je vais étendre les bords à 3,5. Je vais faire défiler la page un peu vers le bas sous les paramètres de base, diffuser la couleur. Je mets celui-ci noir puis je clique sur OK pour le val deux sous le contour du biseau, je vais l'activer Je vais fixer le plan à deux. Je vais faire défiler la page un peu vers le haut. Maintenant, je veux placer ce schéma au milieu des deux. Je vais d'abord changer de point de vue plutôt que de perspective. Je vais placer ce point à gauche sur le z du set. Je peux nettoyer ça comme ça. Je vais juste en faire plus. Disons qu'ici cela semble être au centre. Revenez sur la vue en perspective puis sur la forme ovale et fixez sous le pavé, la résolution du bain à l' J'ai donc une belle géométrie dense. 5. Element 3D - Panneaux latéraux: Pour les panneaux latéraux. Encore une fois, je vais cliquer sur le bouton d'extrusion. Je vais double-cliquer pour renommer les deux panneaux latéraux avant. Je vais cliquer sur OK pour le chemin personnalisé. Je vais attribuer le chemin personnalisé ici. Voici les panneaux latéraux. Je vais juste le faire glisser sur l'axe z. Encore des préréglages et du physique, je vais attribuer le babble de course ici. Le préréglage, je vais cliquer et le faire glisser juste en haut, ici. Je vais également m'assurer que la résolution du chemin est réglée à l'extrême. Ou j'ai maintenant un bel objet dense ici au lieu d'une vue en perspective. Je vais d'abord choisir la vue de gauche. Je vais aussi y entrer un peu parce que je veux m' assurer que cela se trouve juste là sur l'axe Z. Je vais changer de perspective ici et cliquer pour dupliquer ce modèle. Ce seront les panneaux latéraux situés à l'arrière. Je clique sur OK. Maintenant, je vais le faire apparaître sur le Z. Mais dans ce cas, je dois d'abord le retourner sur le Z. Je vais le faire ici Je vais le retourner sous la transformation sur le z. voilà. Ensuite, revenons à la vue de gauche, je vais la faire glisser sur le Z juste à cet endroit, pour passer à la vue en perspective. Allons-y, les deux sont superbes, et cliquez sur OK. 6. Element 3D - Modélisation et texturation de sphère: Le milieu étant vide. Je vais continuer et ajouter un autre objet en trois D, dans ce cas juste une sphère. Je vais cliquer sur le bouton Créer, un modèle de sphère. Double-cliquez dessus, renommez cette sphère. Cliquez, d'accord. La première chose que je vais faire est de l'étendre de manière non uniforme, ce qui signifie que je vais désactiver l'activation Je vais redimensionner celui-ci sur l'axe x à 270 % 200 sur l'axe y, comme c'est le cas sur l'axe Z. Ça a l'air bien. Je vais appliquer certains matériaux, ce qui signifie que je vais sélectionner les paramètres des matériaux. La première texture à appliquer sera la bosse normale. Je vais cliquer sur le bouton non défini. Je vais cliquer sur la texture basse affichée dans le menu. Et je vais appliquer une bosse normale, puis cliquer sur OK. Comme vous pouvez le constater, cela crée une bosse sur la surface. Mais en regardant la façon dont cette carte de déplacement s'enroule autour de la sphère de l'objet, j'aimerais ajuster cela Je vais cliquer sur sélectionner le modèle de sphère. Ensuite, dans le cadre de la cartographie UV et des répétitions UV, je vais savoir combien de fois ce matériau répète les carreaux ? l'heure actuelle, la carte de texture ne s'enroule qu'une seule fois passera à deux par deux en revenir à la bosse normale, je vais également modifier la répétition, 22 par deux également Cliquez ensuite sur OK. C'est bon. Je vais aller de l'avant et zoomer un peu ici pour la texture suivante. Ce sera alors la brillance. Cliquez dessus et appliquez la carte spéculaire. Je vais m'assurer que le U repeat est réglé sur deux par deux. Et je vais aussi inverser puis cliquer sur OK. La brillance correspond à la brillance ou la douceur de la surface en ce moment C'est avant et c'est après. Permettez-moi de zoomer encore plus avant et après. Comme vous pouvez le constater, nous ne sommes pas en mesure de constater changements radicaux en appliquant simplement la carte spéculaire qui sera visible une fois nous aurons échangé une autre carte environnementale Très bien, maintenant je vais également ajouter une texture d'occlusion ici, donc je vais cliquer dessus et ajouter une carte d'occlusion Je vais remplacer la répétition U par deux, inverser, puis cliquer sur OK. Comme vous pouvez le constater, cela assombrit la carte. C'est bon, donc les choses se présentent bien. Je vais y aller et changer quelques couleurs ici. Par exemple, dans les paramètres de base et dans la couleur diffuse, j'appliquerai la couleur bleue de mon choix Cliquez sur OK pour la réflectivité, je vais appliquer la couleur jaune de mon Je clique et j'augmente son intensité à 50 % pour l'éclairage. Je vais également appliquer une autre couleur de mon choix. Augmentez son intensité, disons à 6 %. Ça a l'air bien. Mais il est maintenant temps de modifier la réflectivité globale en remplaçant la carte environnementale existante De cette façon, ma scène s' illuminera peut-être encore plus. Le look va changer. Je vais également créer meilleurs reflets pour ces trois modèles en D, c' est-à-dire d'autres environnements prédéfinis, environnements de rétroéclairage. Cela fait partie des collections de rétroéclairage issues de la vidéo Copilots Bike Like two K. Je vais noter, je vais l'appliquer ici Vous voyez que les changements sont immédiats. Nous y voilà. Je voudrais juste revenir à la brillance, à la carte spéculaire qui apparaîtra avant et après Sans la carte des spéculateurs, nous n'obtenons que très peu de réflexion, mais avec elle, nous obtiendrons d' excellents résultats 7. Element 3D - Nom et logo: Les deux prochains objets à extruder. Ce seront mon nom et mon logo. Encore une fois, je vais cliquer sur le bouton d'extrusion. Je vais double-cliquer dessus. Le nom, l'alias de cette rubrique. Je vais cliquer sur OK pour le chemin personnalisé. Je vais choisir le chemin personnalisé 3 sur le Z. Je vais le retirer Je vais attribuer l'un des préréglages biseautés fournis avec l' élément 3 D. Dans ce cas, je vais appliquer le préréglage du biseau des bandes. Je vais simplement cliquer et faire glisser ce bouton directement au-dessus de l'objet qui cible le matériau de peinture à éclairer. Je vais changer la couleur pour une couleur jaune de mon choix. Je vais augmenter son intensité à 60 %. Ça a l'air plutôt bien. Je vais passer à la vue de gauche. J'aime la distance. Je peux peut-être y voir un peu plus près, remettre les choses en perspective. C'est bon. Cliquez. Dupliquez ce modèle. Double-cliquez. Pendant ce logo, je vais remplacer le chemin personnalisé par le chemin personnalisé 4 sur le C. Je vais le faire sous la transformation ici et pour l'orientation, je vais le changer en 180 degrés sur 180 degrés. Je vais également le réduire un peu. Voyons voir, je vais retourner sur la gauche. Rapprochez-vous, peut-être que je peux. L'habileté se fait encore plus. Quelque chose dans ce sens. Voyons voir, les choses se présentent plutôt bien ici, comme ça. 8. Element 3D - Séparation d'objets: Maintenant, avant de commencer à animer toute la scène, je vais apporter le nom et le logo à l' extérieur du groupe Je peux les cibler séparément. Je vais déplacer les électeurs pour qu' cliquent et glissent pour les faire sortir du groupe L'ordre n'a pas vraiment d'importance. Ce qui compte, c'est que je vais assigner chaque objet à un groupe distinct. Dans ce cas, le nom sera attribué au deuxième groupe, le logo au troisième groupe, puis cliquez sur OK. 9. After Effects - Caméra 3D et objets de cintration: l'avenir, je vais ajouter une caméra 3D à la scène. Je vais donc cliquer sur la chronologie dans le menu, Nouvelle caméra » dans la boîte de dialogue des paramètres de l'appareil photo correspondant au type de caméra. Je vais choisir la caméra à deux nœuds pour le set d'objectifs. Je vais régler ce 135 millimètres. Je vais juste tout laisser tel quel, puis cliquer sur OK. Je vais prendre l'orbite autour de l'outil curseur. Je vais juste le mettre en orbite autour de moi. Je vais cibler l'élément couche solide en trois D ici, à l'intérieur du groupe deux, dont le nom est essentiellement donné ici à l'intérieur apparence, de la déformation et de la flexion des particules Je vais légèrement déformer les choses. Je l'activerais. Je vais régler l' angle de pliage à 30 degrés, le sens du pliage à 90 degrés. Ça a l'air bien. Peut-être que je peux vraiment rapprocher cela de la forme ovale. Et je peux le faire dans le réplicateur de particules ici même en position z, vous voyez ça Je peux peut-être porter ça, disons à dix. Je pense que cela suffit ici. Je vais travailler sur le logo ici, qui se trouve sous le groupe 3 Particle Deform Bend Je vais l'activer. L'angle de pliage sera -30 degrés et de 90 degrés pour la direction. Je peux aussi m'en rapprocher un peu plus. Encore une fois, ce sera à l'intérieur du réplicateur de particules ici sur le Z, peux le faire moins dix, je pense que la distance est plus ou moins la même J'aime bien C, donc je vais le garder. 11. After Effects - Animations de lissage: Pour mieux chronométrer l'animation. Il n'est pas nécessaire d'avoir deux points de vue. Une seule vue suffit. Je vais écrire l'heure actuelle dédiée au tout début, appuyer sur la barre d'espace du clavier pour prévisualiser Ram, puis arrêter En fait, je veux améliorer cette animation et la rendre plus fluide au toucher. Je vais vous faire sélectionner ces deux images-clés. Cliquez sous l'assistant keyframe. Je vais rechercher l'interpolation à partir de la linéaire deux. Je vais appuyer sur la barre d'espace pour un autre aperçu de la course. Cela semble bien, mais cela ne signifie pas que cela ne peut pas être amélioré. Je vais sélectionner l'image-clé, ouvrir l'éditeur de graphes, puis double-cliquer sur l'image-clé pour afficher la vélocité de l'image-clé Et réglez l'influence de la vitesse entrante à 80 % et cliquez sur OK. L'animation se déroule comme suit. Il accélère et décélère au fur et à mesure qu'il entre. Au fait, je travaille dans le graphique de vitesse, je vais faire de même pour cette image-clé l'éditeur de graphiques Avec ce chronomètre, je peux juste utiliser la poignée d'influence pour faire exactement la même chose. Je vais régler celui-ci à 80 %. Appuyez ensuite sur la barre d'espace pour le RAM. L'aperçu est superbe. Je peux peut-être sélectionner tous ces cadres clés et espacer le support distance de rotation est un peu plus longue rotation Génial. Maintenant, le suivant est ici. Je vais cliquer sur ce clic droit. Easy est de retour dans l'éditeur de graphiques. Double-cliquez et réglez la vélocité entrante sur 100 %. Nous accélérerons puis ralentirons lentement la barre d'espace pour l'aperçu de Ram Super, même chose pour les deux clics avec le bouton droit de la souris sur l'assistance ferme, c'est que je vais porter le handle d' influence à 100 % et ce handle d' influence à 100 %, puis appuyer sur la partie espace pour l'aperçu de Ram. Fantastique, exactement ce que je recherchais. 12. After Effects - Rendu des paramètres: Maintenant que l'animation est en place, je voudrais parler des paramètres de rendu. Comment puis-je améliorer les reflets généraux et qu'avez-vous ? Je vais cliquer sur la couche solide en trois D de l'élément, revenir sur les commandes d'effet dans les paramètres de rendu et dans l'environnement physique. Je vais d'abord augmenter l'exposition globale à l'environnement. Je vais également augmenter le gamma, ce qui devait me donner un peu plus de contraste et m'aider à obtenir des couleurs plus riches pour les reflets. Faites également pivoter l' ensemble de l'environnement. Je vais nettoyer le décateur temporel actuel jusqu' au tout début et je vais faire pivoter l'environnement de rotation Y. Nous allons cliquer sur le chronomètre pour créer la première image clé. Ensuite, pour accéder à la dernière image-clé visible, je vais utiliser les raccourcis clavier Ce sera la lettre K qui va à la prochaine image-clé visible. Je vais appuyer dessus plusieurs fois pour accéder à la dernière image-clé visible et régler l'environnement de rotation Y à 150 degrés. Je vais utiliser le chronomètre actuel jusqu'au tout début J'appuie sur le point d'espace pour l'aperçu de Ram. Comme vous pouvez le constater, l' environnement pivote sur Y au fur et à mesure que l'animation a lieu Pour la lueur, je vais activer la lueur et voici l'intensité. OK, je vais juste le ramener à 11, c'est suffisant de mon côté. Je peux aussi avoir un peu de flou cinétique. Je vais l' activer, mais je dois également augmenter les échantillons de flou cinétique Je vais y aller pour 20, puis je vais effacer le chronomètre actuel. Sympa et lent. Nous pouvons voir le flou cinétique se produire. Tu vois ça là-bas et là ? Très bien, une autre chose que je peux faire dans la sortie pour le multi-échantillonnage, je vais changer cela 8-16. En fait, laissez-moi zoomer un peu ici pour que je puisse vous montrer la différence Vous allez voir quelques modifications ici une fois et modifier le multi-échantillonnage 8-16. Maintenant cela réduit essentiellement les bords irréguliers des objets présentant des reflets et des reflets nets Allez-y et appuyez sur l'espace par pour obtenir un aperçu de la norme. Les choses se présentent bien. J'ai de l'éclat, de très beaux reflets. Voici le flou cinétique. système va être un peu lent mais ça a tout de même l'air bien. Je vais le garder. 13. After Effects - Découpage de composition: Avant d'exporter l'animation complète, je vais découper la composition, car elle ne dure que quelques secondes. Je suppose qu'il y a toute l'animation ici. Je vais également laisser une petite marge de manœuvre, disons par ici. Ensuite, à l'aide des raccourcis clavier, j'appuierai sur la lettre du clavier pour régler la zone de fin de travail sur cette relique temporelle actuelle Découpez ensuite la composition sur la zone de travail. Maintenant, allez dans le menu de composition Ajouter au rendu, je dois spécifier ici où ce mouvement va être exporté, puis cliquer sur Render. 14. Merci !: Merci beaucoup d'avoir passé du temps avec moi. Comprendre comment utiliser le très puissant plug-in de copilote vidéo intégré à After Effects Tendez la main. Si vous avez des questions ou des commentaires concernant le cours, il serait très utile d'avoir de vos nouvelles.