Style image par image dans Adobe After Effects : de 3 illustrations à une animation fluide

1. Introduction: Image par image n'a pas d'autres limites que le budget de votre client et une ligne. C'est pourquoi je veux vous montrer comment je crée une bonne animation qui ressemble à une image par image, mais qui n'utilise que quelques dessins. Bonjour, je m'appelle Giiorge. Je viens du Brésil, mais je vis au Royaume-Uni et j'ai plus de sept ans d' expérience en tant que motion designer et animatrice J'adore la façon dont les Cartas sont capables de raconter des histoires, de faire sourire les gens C'est pourquoi j' essaie toujours d'être drôle et ludique avec les personnages que je crée. Dans ce cours, nous allons créer cette animation laquelle je simule la rotation de la caméra autour du Carter. Pour cela, je n'ai fait que trois illustrations. Ensuite, j'ai laissé After Effects faire le gros du travail pour créer les cadres intermédiaires. Tout d'abord, nous allons utiliser un illustrateur pour créer trois poses de nos personnages. Pour cela, vous allez voir ce que vous devez garder à l'esprit lorsque vous illustrez pour le mouvement Ensuite, nous allons envoyer les trois illustrations à After Effects et animer les couches de forme afin qu' une pose se transforme facilement en nœud Le résultat sera une animation fluide de nos cartes en rotation et en changement de perspective Tout au long de ce processus, vous allez apprendre à utiliser la vitesse pour tromper les yeux et créer une illusion de mouvement. Comment animer plusieurs couches de formes dans un seul objectif. Et comment simuler les trois D même lorsque vous travaillez dans un environnement entièrement bidimensionnel. Ce cours s'adresse à tous ceux qui souhaitent animer des cartas sans perdre de temps avec une lecture ou un branchement complexes Mais surtout pour les motion designers aux prises avec des délais serrés, une certaine expérience avec After Effects est souhaitable pour la plupart d'entre nous . Mais si vous êtes un débutant ambitieux, joignez à la section des ressources tous mes fichiers de projet afin que vous puissiez les ouvrir, jouer et vous amuser. L'approche que je vais vous enseigner ici est façon dont j'anime mes œuvres au quotidien. Pour le prouver, j'ai ajouté une leçon bonus dans laquelle je vous montre de vrais projets clients. Et vous pouvez voir que cette technique peut être appliquée dans de nombreux cas différents. Joignez-vous à moi et je parie que cela va changer votre façon de voir et de travailler avec After Effects. 2. Orientation du cours: Bienvenue dans ce cours, les gars. Merci de l'avoir prise. Pour ce cours, nous allons créer une désanimation à 360 degrés, où nous allons voir les charters tenant un smartphone, ce qui est une pièce très courante dans les animations Et nous allons commencer par le dessiner. Nous allons esquisser nos personnages, vectoriser à l'aide d'un Pour cela, je vais montrer mon processus de vectorisation. Vous allez donc découvrir quelques conseils sur les points à prendre en compte lorsque illustrez des mouvements avant de les importer dans After Effects Je vais vous montrer la logique sous-tend l'animation que nous allons réaliser pour cela Je vais vous parler un peu d'un graphe de vitesse qui sera notre meilleur ami dans ce processus. Ensuite, nous allons intégrer les trois impulsions à After Effect. Et nous allons animer les couches de forme, passant d' une impulsion à l'autre jusqu'à ce que le Carter effectue la rotation complète à la fin J'aimerais m'assurer que nous appliquons certains principes de l'animation. Nous allons ajouter un peu d'anticipation et d'adaptation à la fin du mouvement. N'oubliez pas de publier votre projet afin que je puisse commenter et vous faire part de vos commentaires. Merci d'avoir suivi ce cours. J'espère que cela vous plaira et que vous vous reverrez à la prochaine leçon. 3. Croquer vos images-clés: OK les gars, la première étape de ce processus consiste à planifier l'animation et esquisser les trois poses du personnage. Allons-y, il est temps de planifier l'animation. abord, je dois dire que ce projet ne vous oblige pas à vous promener avec un stylo pour dessiner comme je l'ai fait ici. Tout ce que nous faisons ici, c'est dessiner. Vous pouvez dessiner sur une vraie feuille de papier photographier avec votre téléphone et l'envoyer à l'ordinateur. Imaginons d'abord ce que nous allons avoir ici dans cette animation. Nous allons dessiner trois poses du Carter. Voici le cadre, trois d'entre eux. Maintenant, notre Carter sera toujours statique. C'est la vue du dessus du Carter, et il est comme s'il tenait un téléphone, non ? Nous allons donc avoir le même Carter dans tous les cadres, parce que le Carter ne bouge pas. Ce qui bougera ici, c'est la caméra. Je vais donc esquisser une caméra ici, afin que nous puissions imaginer où la caméra est positionnée dans cette première scène. Et je fais d'abord la dernière, laquelle vous serez probablement là, et évidemment ici, la caméra est loin du Carter. Ensuite, ce que nous allons faire pour déplacer la caméra, cela viendra d'ici. Au milieu, la caméra sera probablement quelque chose comme ça. C'est bon. Maintenant que nous savons qu'il s'agit la trajectoire et des positions de la caméra , je vais imaginer les prises que nous avons dans chacune des situations ici. Comme la caméra est très proche du Carter, nous pourrions avoir quelque chose de similaire. Nous allons voir le téléphone, le deuxième cliché, l'appareil photo est là. Nous avons probablement la main dans le téléphone. Je ne montre pas le corps entier ici parce que je veux passer en revue le corps entier uniquement dans la dernière scène. Dans la dernière scène, les Carter seront comme ça. J'aimerais avoir un chien ici, et voici ce que seront les photos. C'est mon plan initial, même si elle n'aime pas montrer le corps entier sur toutes les photos. Je devrais peut-être commencer par le dessiner car cela me donne une image complète du Carter. C'est ce que j'ai trouvé. J'ai suivi un processus de conception de cette charte. Chacun d'entre vous peut avoir une approche différente à cet égard. Comme vous pouvez le voir, j'ai mis quelques guides ici, afin que je puisse garder les proportions. Et même si j'aime créer le corps entier au cas où. Mais je vais probablement avoir quelque chose comme ça à cause de la photo ici, je vais montrer le corps entier. C'est ce que j'ai. N'hésitez pas à concevoir le Carter comme vous le souhaitez. Il est juste important de conserver les proportions et de s'assurer que la rotation est logique. Nous sommes prêts à vectoriser cela, Carter maintenant. 4. Vectorisation dans Illustrator: Il est maintenant temps d'ouvrir Adobe Illustrator. Et je vais vous montrer comment vectoriser ces illustrations Allons-y OK les gars, bienvenue sur Illustrator. Eh bien, la première chose que nous allons faire ici est d'importer ce croquis que nous venons de faire ici. Est-ce que je ne peux pas simplement glisser-déposer. La première chose que nous allons regarder est la couche. L'onglet couche est très important car nous pouvons séparer les éléments ici. Lorsque nous passons à After Effects, les couches qui s'y trouvent seront séparées comme elles le sont ici. Je veux m'assurer que cette référence se trouve dans la couche afin de pouvoir nommer cette référence de couche. Je souhaite réduire l'opacité en sélectionnant l' image de référence Je vais entrer dans la propriété et diminuer l'opacité. Je veux également cliquer sur l' opacité ici et le modifier pour le multiplier Multiplier nous permettra de dessiner sous cette image sans en changer la couleur. Sinon, vous aurez une teinte blanche car l'opacité est de 17 %. Si on multiplie, la couleur ne changera pas Ensuite, nous allons revenir à l'onglet des couches. Laissez-moi créer un autre texte, cliquez ici, je le ferai. Cette couche située sous la référence ici sera le vecteur. Je veux m'assurer de verrouiller cette couche de référence afin de ne pas cliquer dessus pour ne pas la déplacer. Je vais cliquer ici. Dorénavant, je ne pourrai plus que dessiner sur ce vecteur de couche. Évidemment, si j'ai sélectionné cette couche et que j'essaie de dessiner quoi que ce soit, cela ne me le permet pas. Je dois être dans cette couche pour dessiner quoi que ce soit. Dans 99 % des cas, j'utilise deux stylos pour dessiner. Vous avez d'autres variantes du stylo pour aimer celle-ci. Vous pourriez cliquer et créer des arcs comme ça, mais je ne m'en sers jamais. Pour être honnête. Vous avez d'autres options comme ce pinceau, vous avez un crayon ici. Si je clique et que je maintiens, d'autres options s'affichent. Mais ce que j' utilise toujours, c'est le crayon qui fonctionne simplement en cliquant sur « Cliquez », Maintenez-le », afin que je puisse créer ces poignées qui indiquent la direction dans laquelle je vais dessiner la partie suivante de ma courbe. Je le relâche, je passe à un autre point, clique dessus et je le fais glisser pour créer la courbe. Il existe des raccourcis importants. Par exemple, si je maintiens la touche Maj enfoncée, je verrouillerai les poignées à 45 degrés, neuf degrés. Si je tiens le coup ou si je choisis une option sur Mac, je vais faire une pause. Cela me permet d'avoir une longueur d'avance. Ce n'est pas très possible quand je travaille comme ça. De plus, si je le tiens, que crée mon manche et que je tiens la barre d'espace enfoncée, je peux changer la position du point tout en maintenant le bas de la souris enfoncé. C'est à peu près ça. Ici, je vois le trait et le film, donc je peux venir ici en double-cliquant Je change donc la couleur du fil, ou la couleur du trait. Et évidemment, dans mon type de propriété, je peux modifier le poids du trait. Et j'ai d'autres options pour le trait, à savoir le capuchon, qui est le bout du trait qui peut être arrondi ou projeté autour de l'articulation Quand je veux qu'il soit arrondi sur les bords comme ça. Ce sont des paramètres très importants. vectorisation est une approche intéressante car lorsque vous avez un vecteur, c'est différent d'une carte de bits Image. Les images cartographiques sont créées en pixels. Si vous l'agrandissez comme sur cette image, vous pouvez voir les pixels tels qu'ils ont été créés dans Photoshop sous forme de bitmap . Le vecteur ne perd jamais sa résolution. C'est très important, surtout pour nous qui travaillons sur l' animation et les After Effects. Parce que les effets secondaires nous permettent de modifier ces formes vectorielles cette manière et de les animer C'est le principe fondamental de ce que nous faisons. Il est très important cette technique fonctionne avec le vecteur. Maintenant, laissez-moi supprimer ce que j'ai créé ici. Il suffit d'appuyer sur Supprimer pour vous montrer comment je vectorise réellement mes personnages C'est bien d'être très proche des personnages. Et je vais commencer ici par le menton. Je clique simplement. Ensuite, je cliquerai à nouveau ici et maintiendrai jusqu'à ce que je trouve la courbe que je veux. Je peux aussi tenir le coup , donc je fais en sorte qu'un côté de la poignée soit différent de l'autre , ce qui affectera la courbe. Je vois déjà que le trait est très épais. Je veux que ce coup en soit un et que la sensation n'en ait aucun. D'habitude, je commence par un simple trait. Je clique, je tiens le coup pour casser le manche. Je peux donc dessiner le nez en cliquant et en faisant glisser. Ensuite, j'irai jusqu' au bout. Ici. Je ne dessinerai pas cette oreille, car je veux la dessiner plus tard avec une sphère. OK, j'ai fait cette partie, puis je ferais de même pour le reste. Essayer toujours d'avoir le minimum de points possible. Ce n'est pas bien de dessiner comme ça, nous en reparlerons plus tard, mais c'est très mauvais. Réduisons vos points au minimum, car cela nous simplifiera la vie. Lors de l'animation, je fais toujours les lignes abord, puis je change de couleur et je paie les frais J'ai aussi ces formes. Cliquez ici et maintenez le bouton enfoncé pour m'afficher les options. C'est très agréable quand j'ai quelque chose qui est un cercle, je peux simplement dessiner un cercle. C'est ce que j'ai une fois que j'ai tout vectorisé. À ce stade, je change réellement les couleurs et tout le Supposons que je veuille que la couleur de peau soit la même, je vais le retourner ici pour n'en avoir que quelques-unes. Voyons voir ça. Je veux quelque chose comme ça. Pour la peau, je veux des cheveux bruns comme ça. Tu dois juste te rendre compte que ces cheveux devraient être derrière mes charters. Pour cela, nous avons le plan Curt, qui est un support de commande ou de commande ou une chose que vous pouvez faire est de venir ici, cliquer avec le bouton droit de la souris, d'organiser et de mettre au premier plan, avancer en arrière et de renvoyer vers l'arrière Dans ce cas, je voulais le renvoyer. Bien évidemment, vous pouvez toujours voir ici l'ordre de vos formes. Vous sélectionnez la forme, vous allez probablement la voir ici. C'est le dernier. Vous pouvez maintenant voir qu'il est sélectionné par le symbole présent dans le petit carré. Je peux appuyer sur l'œil pour sélectionner ces deux options ici. Si je veux les mêmes quelques coups, il suffit de cliquer. Mais je peux aussi, par exemple , j'en ai quelques bruns ici. Si je veux que ce combustible brun soit présent dans ce coup, je dois m'assurer que le coup est bien à l'avant. J'appuie sur le bas de l'œil ou clique ici pour utiliser ce compte-gouttes Si vous maintenez la touche Maj enfoncée, vous pouvez sélectionner la couleur correspondant à l'endroit situé à l'avant. Ici, j'ai pris une palette de couleurs. Internet. Voici le Carter aux couleurs. Tout est dans le même calque, et le fond que j'ai mis ici se trouve dans un autre calque. Et évidemment, je pourrais bloquer ça. Je ne cliquerai pas pour le déplacer dans le suivant. Je voudrais parler de certaines choses que vous devez garder à l'esprit lorsque vous illustrez pour le mouvement Certaines limites peuvent vous être imposées lorsque vous reportez notre illustration à After Effect. On se voit dans le prochain. 5. Vecteur pour le mouvement : faire et ne pas faire: Maintenant, je veux parler des choses à faire et à ne pas faire. Lorsque nous illustrons pour le mouvement, c'est très important car nous animons les couches de forme dans After Effects Cela signifie que la forme que nous allons dessiner est très importante et doit être propre et efficace afin de faciliter le processus d'animation. C'est un sujet très important. Ce cours, les gars, parle de choses qu' After Effect ne reconnaît pas, donc vous ne devriez pas les faire dans votre illustration. Ou des choses que si vous ajoutez, vous devrez les réintégrer après effet. Tout d'abord, dans cet exemple, vous pouvez voir le dégradé. Le dégradé ne pose pas de problème, mais vous devrez probablement le reconstruire ici. Il ne sera pas transféré d' Illustrator à After Effect. J'utilise un plugin appelé Overlord, qui n'est pas gratuit, mais il est très conseillé de l' avoir en un clic Je pourrais l'importer et cela conserverait le dégradé en utilisant Overlord Mais je tiens à vous apprendre à tout faire sans forcément utiliser un plug. Je vais vous montrer comment recréer le dégradé dans After Effects très rapidement. Juste pour vous donner une idée pour créer un dégradé ici. Dans After Effects, vous devez sélectionner votre forme , à savoir les cheveux. Dans ce cas, vous viendriez passer de El à gradient. Comme ici. Vous pouvez avoir un dégradé linéaire ou radial. J'opterais pour le linéaire ici. Puis j'ai appuyé sur OK. Et puis vous pouvez voir que vous avez immédiatement deux points ici. Comme vous pouvez le voir, j'ai deux couleurs en cliquant ici. Maintenant, je peux changer ces couleurs pour la couleur que je souhaite utiliser. Mais bien sûr, imaginez devoir le faire chaque fois que vous avez un ingrédient. La deuxième chose, ce sont les traits agrafés. trait ici est créé à l'aide de cet outil qui crée des variations de largeur tout au long du trait. C'est un outil très puissant. J'aime beaucoup l'utiliser, mais After Effect ne le reconnaît pas. Si vous voulez vraiment utiliser After Stroking After Effect, vous devrez également reconstruire celui-ci Overlord La façon de le faire ici est de sélectionner les lignes. Ouvrons ici le contenu de vos couches de formes. Et vous allez voir que chacune de ces parties appartient à des groupes différents. Je passais à un trait, ouvrais les propriétés du trait, et ici, nous pouvons avoir un effet effilé et jouer avec ces propriétés Vous pourriez avoir un effet similaire Lorsque vous êtes illustrateur, ce dessin utilise un effet dans le trait. Cet effet est en fait un pinceau. Vous pouvez cliquer ici et vous verrez le pinceau ici. Ce pinceau n'est pas reconnaissable par After Effect, vous devrez donc venir ici et passer au pinceau de base. Basic est la ligne normale. Si vous ne voyez pas ce trait ici, vous pouvez apparaître ici dans les fenêtres et vous pouvez voir des pinceaux. Vous pourriez voir l'essentiel dans les pinceaux. Si vous souhaitez conserver ces aspérités dans After Effects, vous pouvez le faire en utilisant certains effets. Je ne vous recommande pas d'utiliser cet effet dans votre fichier Illustrator. Maintenant, si je veux vraiment avoir les arêtes rugueuses dans mon illustration, je voudrais ajouter un effet, créant un nouveau calque de réglage afin ne pas appliquer l'effet à mes formes individuelles. Et là, je pourrais arriver à créer des effets, à prédéfinir et à taper des affichages turbulents. Je clique et fais glisser le pointeur ici jusqu'à ma couche de réglage, et c'est ce qui se passe. C'est parce que mes paramètres sont trop grands ici, je dois donc en réduire le montant. D'habitude, je mets environ 15 de la taille. Je veux quelque chose de très, très petit, comme cinq. J'ai déjà un peu de rugosité ici. Je peux cliquer et faire glisser pour voir les effets se produire. C'est ainsi que je créerais l'effet des aspérités. suivant, vous pouvez voir que j' ai un effet de flou ici et un peu d'ombre intérieure dans celui-ci Ce sont là les effets de l'illustration. La plupart d'entre eux peuvent être recréés dans After Effects, mais vous ne pouvez pas les avoir dans vos dessins pour voir si votre objet a un effet, vous devez cliquer dessus Accédez à Windows, puis à Apparence. À l'intérieur, vous pouviez voir votre trait, vos quelques traits, et voici le flou gaussien que je ne veux pas avoir Je peux donc simplement cliquer ici et cliquer sur le bouton Lit. Et je ferais la même chose si je sélectionnais celui-ci. Je peux voir que j'ai une colle intérieure ici, donc je peux les sélectionner toutes les deux en même temps. Sélectionnez ici, retirez la colle intérieure. Le dernier 1.1 des plus importants est ici, le nombre de points. Vous ne voulez pas que votre illustration comporte trop de points, car nous modifierons cette forme Moins vous aurez de points, mieux c'est. Je vais vous montrer l'effet d'un trop grand nombre de points ici. J'aimerais utiliser uniquement le corps ici, juste pour montrer à quel point le fait d'avoir autant de points peut nous rendre la vie bien plus difficile. Ici, j'ai ajouté un cadre clé au chemin que je vous apprendrai à faire plus tard. avançant un peu, j'aimerais changer cette forme comme si le corps tournait. Sélectionnez les deux ici. Je ferai plus ou moins ce que je pense il se passerait au cas où il s'agirait d'une rotation de Carter. J'ai quelque chose comme ça qui nous donne une illusion de tridimensionnalité. Et vous avez vu comment je l'ai fait en changeant point par point ici. Imaginez devoir faire ça à celui-ci. Regardez combien de points je dois encore travailler. Je passerais beaucoup plus de temps à changer cette forme. Essayez toujours de conserver le minimum de points possible dans vos dessins. Je souhaite également vous donner quelques conseils sur la façon de réduire le nombre de points , car vous travaillez parfois avec quelqu'un d'autre. illustration, il existe deux très belles manières de réduire le nombre de points. L'un d'eux est automatique. Vous sélectionnez la forme, vous passez à la trajectoire de l'objet, puis vous passez à la simplification. Lorsque vous passez à la simplification, vous constatez déjà qu'elle est automatiquement considérablement réduite. Le nombre de points que je pourrais réduire encore plus. Et ici, j'ai trouvé un équilibre entre le maintien de la forme que j'ai et la réduction du nombre de points. Je veux donc avoir le minimum de points, tout en gardant la forme autant que possible. Ce bouton le rend automatique. Cela équilibre les choses pour moi. Maintenant, j'ai beaucoup moins de points qu'avant. La deuxième méthode est un manuel , car parfois vous souhaitez supprimer un point spécifique, supprimer, tout en conservant la forme telle quelle. Pour ce faire, il suffit de venir ici et sélectionner le Lite Anchor 0.2, qui est le même que le stylo 2, mais avec un signe négatif. Si vous ne les voyez pas ici, c'est probablement qu'ils sont cachés. Vous pouvez donc cliquer sur ces trois points ici en bas, et vous verrez tous les outils que vous avez cachés ici. Il suffit de prendre un outil que vous ne trouvez pas ici et de le tirer sur les deux barres. Mais j'utilise celui-ci. Disons que je souhaite supprimer ces points ici. Vous ne conservez le cercle à quatre points que si je clique ici et que je supprime ce point. Regardez ce qui se passe avec la forme. La forme change beaucoup, donc je perds un peu de ma courbe ici. C'est pourquoi je vous recommande de cliquer ici, en maintenant la touche Shift enfoncée. Si vous maintenez la touche Shift enfoncée, regardez ce qui se passe. Je supprime le point, mais cela reste le même. En maintenant la touche Maj enfoncée, je place les autres poignées ici afin de pouvoir conserver la même courbe même si je n' ai plus le point ici. Je vais donc faire de même pour les autres points. Je pense que quatre points conviennent au cercle Je les supprime donc sans trop modifier ma forme. 6. Graphe de vitesse et l'art du morphing: Bien les gars, avant de passer à After Effects, je voudrais vous montrer le processus et ce que nous allons réellement faire lorsque nous animons des couches shapy. Et pour cela, nous allons avoir besoin de parler un peu du graphe de vitesse, qui sera notre meilleur ami dans ce processus. Et vous allez comprendre pourquoi les gars, c'est dans ce cours que je vous apprends tous les secrets de cette technique. À partir de maintenant, vous allez comprendre comment cela fonctionne. Ici, nous avons une étoile qui se transforme en boule. Dans cette animation, cette forme ne semble pas bonne. Il suffit de passer d'une étoile à une balle. Et cela n'est pas du tout convaincant. Il s'agit d'un mouvement simple. J'ai une étoile dans un cercle, un nouvel objet qui les contrôle tous les deux. Et au milieu de la trajectoire allant du point A au point B, je découpe simplement l'étoile et j'ai le cercle. Il y a une chose simple que je peux faire pour rendre cette transformation encore plus convaincante et vous montrer pourquoi je sélectionnerai les deux images clés et je viendrai ici pour voir ma courbe d'animation Je veux que vous vous assuriez que vous êtes dans le graphique de vitesse, ce qui est le cas ici. Pour le vérifier, il vous suffit de venir ici et suivre un graphique de vitesse au lieu d'un graphique de valeur. Vous voyez que nous avons un mouvement linéaire, ce qui signifie que la vitesse ne change pas. Maintenant, je veux que nous revenions et que nous placions mon curseur ici au moment où je passe d' une forme à l'autre. Vous le sélectionnez à nouveau et vous revenez à la courbe en sélectionnant les deux points, qui sont les deux images clés, appuyant sur neuf. Ils passent donc à zéro et maintenant j'ai une courbe comme celle-ci. Cela signifie que nous avons maintenant, comme dans le cas, ce dont j'ai besoin pour m'assurer que le pic de vitesse, qui est le pic de cette courbe, situe exactement au moment où le point de départ change et devient un cercle. Mais j'ai besoin d'un mouvement plus radical pour le rendre encore meilleur. Vous tirez cette poignée ici et vous la placez ici. On s'approche très près du centre, mais je veux m' assurer que cette pointe, le sommet de la courbe, est exactement là où se trouve mon aiguille en ce moment. Si vous vous souvenez de l' animation précédente, vous pouvez la regarder maintenant. Et voyez que maintenant j'ai une forme très convaincante, même si c'est toujours l'étoile qui devient le cercle se produit parce que les images clés ce moment sont éloignées les unes des autres, ce qui donne l'impression qu'au cours de cette période, l'étoile s'est vraiment transformée en cercle Vous pouvez également constater que si le pic de vitesse se situe ailleurs, la morphologie n'est pas aussi belle Pour le montrer, vous devez sélectionner les deux. Encore une fois, je vais revenir à notre graphique de vitesse. Je m'assure que le sommet de la courbe se trouve maintenant ici. Tirez sur ces poignées. Si vous jouez l'animation, vous voyez que c'est mauvais. Parce que vous voyez qu'ils commencent à devenir très clairement la sphère. Je crois vous avoir convaincu que le morph fonctionne bien mieux lorsqu'il le morph fonctionne bien mieux lorsqu'il se produit exactement au moment où la vitesse maximale du mouvement de la position C'est ainsi que nous allons transformer n'importe quelle forme en n' importe quelle autre forme Mais il est très important que nous ne changions pas seulement des formes très différentes comme nous le faisons avec l'étoile, que nous en fassions un peu plus. C'est ce que j'ai fait dans cet exemple. Regarde comme cette morphologie est belle. Celui-ci est une forme très douce. Laissez-moi vous montrer comment je l'ai fait. Bien sûr, je dois m' assurer que ma vitesse maximale est à ce stade. Si je regarde mon graphique, je vois que c'est exactement le pic de la vitesse, et c'est là que ma forme change. Mais dans ce cas, j'en ai fait plus ici. J'ai animé les couches de forme à ce stade. Ici, j'ai une étoile, et voici ce que j'ai ici. Je modifie légèrement la forme de l'étoile en déplaçant ces points ici et en animant le chemin À ce moment, l'étoile se transforme en cercle. Mais encore une fois, je n'ai pas le cercle tout de suite. J'ai d'abord une forme qui se souvient de l'étoile, mais qui devient rapidement un cercle. Dans cette courbe, je l'ai créée, je veux aussi que le sommet de cette courbe soit là. Au début, la courbe commence à une vitesse très élevée et se termine très doucement avec l'étoile. La trajectoire de cette étoile, j'ai le contraire. C'est ainsi que j'ai une transition très fluide. Mais vous pouvez voir qu'à partir de maintenant, je change de forme. Mais personne ne s'en est rendu compte parce que je rapproche cette forme du cercle. Et à partir de ce cercle, si c'est le cas, la forme serait la même depuis le début. Dans l'animation, je vais expliquer en détail comment animer le chemin de cette façon et vous allez voir, étape par étape, mon processus Pour l'instant, je veux juste que vous compreniez la technique et que vous compreniez comment nous pouvons tromper les yeux en prétendant avoir une transition complète alors que nous ne l'avons pas réellement J'espère que cela vous plaira et je vous verrai à la prochaine leçon. 7. Importer dans AE : des calques ! Les couches ! Les couches ! : Alors les gars, avant d'intégrer les illustrations d' Illustrator à After Effect, je vais vous montrer comment préparer votre fichier pour passer en animation. Nous allons maintenant organiser ce fichier pour qu'il soit prêt à être utilisé dans After Effect et à animer. J'ai déjà ces trois poses et tout ce que je vais faire ici c'est regrouper les parties du corps que je veux garder ensemble. Quand je passe à After Effects, il n'y a pas vraiment de règle selon laquelle vous pouvez séparer les parties comme cela vous semble le plus logique. Bien entendu, cela va affecter le nombre de couches que nous allons avoir dans After Effects. Voyons comment je m'y prends. Je sélectionnerai les pièces que je veux ensemble et je maintiendrai la touche Maj enfoncée pour sélectionner d'autres pièces. Et je veux que toutes les fonctionnalités de la phase soient réunies. Je vais donc appuyer sur Ctrl ou Common G pour le regrouper. Il est maintenant groupé et si je viens ici dans mon onglet Couche, je peux trouver celui que j'ai sélectionné et je peux voir que toutes les caractéristiques de mon visage sont réunies dans ce groupe. Je vais donc le faire pour l'ensemble de Carter. Je veux que le visage soit uni. Les cheveux, c'est une chose. Je veux que tout ce corps soit uni. Parfois, je fais des groupes et comme vous pouvez le constater, le corps s' avançait, alors je devais l' ajuster plus tard. Pour ce faire, je vais sélectionner le bras. Je vais regrouper l'ensemble du bras et je pourrais cliquer avec le bouton droit de la souris, arranger, mettre au premier plan. Nous y voilà. Ces jambes sont également séparées. Je veux que ces lignes soient avec la jambe devant, c'est-à-dire celle-ci. Et j'ajoute aussi ces chaussures et je clique sur G pour éviter de cliquer sur le fond. Il est important de bloquer l'arrière-plan ici. Et il est important que l'arrière-plan se trouve dans une autre couche ici. Je dois aussi mettre la jambe vers l'arrière maintenant. Je vais donc appuyer sur les crochets de commande jusqu'à ce qu'il obtienne la position. Ça devrait l'être. Je pense que je vais avoir tout cela dans le bras et le téléphone. OK, faisons-le pour les autres poses. Maintenant, tout est regroupé comme je le souhaite, mais maintenant j'aimerais que chacune des poses soit dans un fichier séparé. Et aussi, je veux le positionner comme je le souhaite dans l'animation finale. Revoyons le croquis. Comme nous l'avons fait dans le cours initial, vous vous souvenez de ces différents plans, façon dont vous les sélectionnez ici, les deux plans de travail Dupliquez ce tableau d'art. Cela va me dire que l'arrière-plan est bloqué, c'est pourquoi il n'est pas copié. la troisième scène, débloquons l'arrière-plan pour que je puisse le copier comme ça Planifions les prises de vue en fonction de ce que nous avons ici. Ici, il y a une chose très importante lorsque vous souhaitez redimensionner votre Carter, car vous avez deux manières de le redimensionner. Dans une option, vous conserveriez la largeur du trait et dans l'autre, vous l' augmenteriez proportionnellement Pour ouvrir les options correspondantes, appuyez sur la commande K, et ici vous pouvez activer le trait. En effet ou non, je vais l'activer et appuyer sur. OK. Je peux redimensionner cela pour la dernière, mais j'aimerais que ces trois poses figurent chacune dans un fichier Illustrator différent. Cela nous facilitera la vie lorsque nous passerons à After Effect. Pour ce faire, je vais ouvrir deux nouveaux fichiers Illustrator. Assurez-vous que c'est 1920 x 1080. Nous allons maintenant apporter ces autres illustrations, deux autres fichiers Illustrator. Je sélectionne celle-ci ici, Common C, ici dans le deuxième cadre, je vais appuyer sur Common Shift V. Je vais coller cette illustration ici exactement à la même position qu'elle était dans l'autre fichier. Tu feras de même avec le troisième. Et bien sûr, dans celui-ci, je peux supprimer tout ce dont je n'ai pas besoin et je supprimerai également les autres sur les tableaux d'art. Maintenant, je vais commencer par le cadre 3, car le corps entier passe à la couche Vous pouvez vérifier si les parties du corps sont correctement groupées. Et je viens de me rendre compte que je n'ai pas regroupé le chien, alors je vais le sélectionner et passer G. Donc, j'ai le chien en une seule couche. C'est très pratique car je peux voir ici de petites parties de ce qui est regroupé. Je ne vois qu'un seul chemin ici, et c'est le look du milieu des chaussures. Il est donc important de faire partie du groupe de cette étape. Pour cela, êtes-vous sélectionné ici ? Ensuite, je peux cliquer et faire glisser ce carré bleu ici et le placer dans le groupe que je souhaite. Cette ligne est maintenant dans le bon groupe. D'accord, nous avons tout regroupé, mais ils ne sont pas encore dans des couches différentes. Pour qu'After Effects puisse être lu séparément, il faut qu'ils se trouvent dans des couches différentes, pas seulement dans des groupes différents. Heureusement, il existe un moyen très simple de le faire. Je dois juste sélectionner la couche où tout se trouve à l'intérieur. Et venez ici dans ce menu et cliquez sur Release to Layer Sequence. Vous pouvez maintenant voir des couleurs différentes sur chaque couche, ce qui signifie que ce sont toutes des couches différentes, bien qu'elles soient toujours toutes à l'intérieur de la couche 1. Je veux tout supprimer de la première couche. Sélectionnez-les tous, et je les ferai glisser en dehors de la première couche. La couche 1 est maintenant vide. Je le supprime, et j' ai toutes les parties de mon corps regroupées en différentes couches. Maintenant, la dernière partie, je veux nommer les couches ici. Nommez-le simplement pour m'indiquer ce qu'est chacun d'eux. Maintenant, je dois faire la même chose sur chacun de mes pulsations cardiaques. Il est important de noter que les noms ne doivent pas nécessairement correspondre aux noms des autres poses. OK les gars, maintenant tout est prêt pour les séquelles. Rendez-vous dans la prochaine leçon. 8. Régler le timing: OK. Dans After Effects, nous allons maintenant définir le timing de l'animation. La première chose que nous faisons ici est d'importer l'illustration. Cliquez avec le bouton droit de la souris pour importer le fichier. Je vais donc commencer par le troisième qui est plus complexe, c'est donc un meilleur exemple à donner. Au lieu d'importer sous forme de métrage, je souhaite importer sous forme de composition, conserver la taille de la couche et appuyer sur. OK, maintenant ça crée déjà une composition pour moi. Je double-cliquerais dessus et j' aimerais qu'il dure 6 secondes. Pour modifier la durée, je vais dans les paramètres de composition et je la fixe ici à 6 secondes et à la fréquence d'images. Je vous conseille d'utiliser 24 pour le moment. Ici, je peux changer la résolution de mon aperçu, donc je passe en mode complet pour que je puisse voir correctement le personnage. Vous pouvez maintenant remarquer que toutes ces couches sont séparées comme je l' ai fait dans Illustrator. Mais ce sont toutes des couches Illustrator comme celle-ci. Je veux que ce soient des couches de forme, afin que je puisse éditer la courbe et la modifier pour ce faire. Et je vais commencer par la tête. Je fais un clic droit ici, Créer une forme à partir d'un vecteur. De cette façon, il masque ma tête et crée une forme en couches appelées contours de la tête. Je peux maintenant modifier la forme de mon. C'est ce que nous voulons faire pour toutes les couches que nous avons. Je peux tout faire en même temps. Je peux créer un vecteur de forme avant. Je souhaite maintenant supprimer toutes les couches d'Illustrator. Je n'en ai plus besoin car toutes les couches ont la même étiquette de couleur. Je peux simplement cliquer avec le bouton droit sur cette étiquette de couleur et cliquer sur Sélectionner un groupe de couches. Il va sélectionner toutes les couches de cette couleur ici. Et j'appuie sur la touche retour arrière pour supprimer. Maintenant, j'ai tout mon corps avec des couches de forme. Une chose que j'aime faire pour ce processus est de mettre mon onglet chronologique sur le côté. Cliquez ici, maintenez, faites-le glisser ici. Maintenant, j'ai mon animation ici sur la gauche. Et ici, sur la droite. J'aurais plus d'espace pour voir et ouvrir mon contenu ici. Je pourrais réduire cet élément ici car je n' en aurais pas besoin pour la plupart. Je peux donc masquer celui-ci, par exemple. J'ai juste besoin pour l'instant des liens parents en forme de couches qui ont du contenu. Vous pouvez donc ouvrir ici et dans le contenu, vous allez voir des groupes. Chaque groupe contiendra l'un des éléments de mes dessins. Si vous ouvrez le groupe, vous verrez le chemin. Et vous pouvez voir ici que c'est la trajectoire de mon bras. En cliquant ici, il est déjà sélectionné. Je peux donc voir les petits carrés qui sont les points de mon illustration. Avant d'animer cela, je veux m' assurer que tous mes points d'ancrage sont au bon endroit Les points d'ancrage sont les points à partir desquels mes éléments pivotent. Comme il s'agit du bras, j'aimerais que les points d'ancrage soient sur mon épaule. J'utilise juste ces deux là. Quel shot caillé est Y et faites-le glisser ici. Chaque élément ici aurait un point de rotation. La tête, par exemple, le serait certainement. Et le cou, les cheveux peuvent potentiellement être quelque chose autour des cheveux. Pour le visage, peu importe. Mais pour le reste, je peux placer le point d'ancrage là où je pense que cela a le plus de sens. Une fois que j'aurai positionné mon point d'ancrage, j'aimerais devenir parent. Ainsi, lorsque je contrôle une partie, l'autre suivra. Dans la plupart des cas, j' aimerais que le corps, le torse principal, soient les éléments essentiels à partir desquels je pourrais contrôler l'ensemble de Carter C'est pourquoi je vais probablement lier mes jambes au corps. Pour ce faire, je viendrai ici en pleurant. Je peux simplement cliquer, faire glisser et mettre dans mon corps, je ferai de même pour les bras, la tête aussi. Le visage doit être connecté à la tête et les cheveux sont également connectés à la tête. Je peux donc voir maintenant que si je bouge mon corps, tout le charretier bouge avec lui. Bien que je sois maintenant capable déplacer l'ensemble des Carter en déplaçant le corps, j'aimerais avoir un nouvel objet ici pour contrôler l'ensemble du corps Et ne modifiez pas nécessairement les paramètres de mon corps lors de l'animation. Clic droit, nouvel objet. Maintenant, positionnez le nouvel objet mon corps, puis je dois relier le corps au nouveau. Maintenant, vous nommez cette nouvelle impulsion trois. Je vais utiliser ce vert foncé et je vais le bloquer pour ne pas déplacer du tout l'arrière-plan. Pour le reste, je veux avoir une couleur spécifique, l'orange. Vous pouvez choisir n'importe quelle couleur, et c'est important pour nous d'être organisés. Maintenant, tout ce processus doit être effectué pour chaque impulsion, car nous n'en avons que trois. Ce n'est pas mal avoir fait tout ça pour toutes les pulsations. Je vais les contrôler et m' assurer qu'ils sont dans le même sac. Je ne fais que copier et coller. Maintenant, je peux clairement voir quelle composition est laquelle grâce aux différentes couleurs. Je peux fermer les deux autres compositions et leur donner un nom. OK, maintenant je peux voir que les trois poses sont en même temps dans mon cadre. Nous allons régler le timing en déterminant la durée de chacune des poses. Assurez-vous que la pose 3 est en haut. Nous ne devons jamais commencer l' animation dans l'image zéro. nous devons prévoir un certain temps Au début, nous devons prévoir un certain temps pour que la vue comprenne ce qui se passe. Ils peuvent commencer à se déplacer autour de la Je suppose que je peux dire en gros que dans 2 secondes et demie, je vais recadrer la pose et je pourrai cliquer et faire glisser le bout de la maquette comme ça À ce moment, les deux Po commenceraient. La pose deux n'est qu' une pose de transition. C'est mon objectif, juste une seconde. Le reste sera la troisième pose. Vous devez absolument appuyer sur Play et regarder l'animation comme ça pour voir si le moment vous convient. Je vais m'assurer qu'ils ne se chevauchent pas comme ça, alors faites simplement glisser un cadre derrière et c'est parfait Maintenant que l'heure est définie, il est temps de commencer à animer. 9. Animer des couches de forme : faire pivoter la tête: Tout est prêt, les gars. Nous allons commencer par animer le chef des Carter pour parler de l' animation dans After Effects Les gars, maintenant que nous avons défini le timing pour connaître la durée de chacune des poses avant tout, je voudrais vous montrer comment fonctionne l'animation de couches galbées. Nous allons commencer par essayer de faire clignoter cet œil. abord, je dois trouver où se trouvent mes yeux car chaque couche galbée que vous pouvez ouvrir ici, vous en verrez le contenu Nous avons deux groupes. L'un est l'œil, l'autre le sourcil. Je veux animer les deux. Fais-la cligner des yeux. Je vais ouvrir le chemin. Et chaque fois que j'ai cette petite montre ici, cela signifie que je peux ajouter une image clé et animer ce paramètre Cliquons sur le chemin sur les deux. est là que se trouvent vos aiguilles ici, c'est là qu'elles vont créer les cadres clés. Et pour que je voie mes formes, que ce bouton soit activé ici. Si je le désactive, nous ne verrons pas votre chemin. Je peux avancer de quelques images. Pour ce faire, j'appuie sur la touche Commande ou Erreur de contrôle le côté, 1234 images à l'avance. Maintenant, je peux modifier mes formes. Je vais changer cette forme pour qu'elle clignote. J'ai cette animation. Une fois que je l'ai, j' aimerais avancer de deux images et marquer une autre image clé du chemin. J'ai la glace fermée pour deux autres images. Ensuite, je compterai 1234 images devant moi. Je vais sélectionner la première image-clé, common common V, et saisir cette barre ici Il s'agit de la barre d'aperçu. Cela signifie que l'animation que je prévisualise se situe juste entre ici et ici Et je vais appuyer sur la barre d' espace pour jouer. Elle clignote déjà. Lorsque je fais ce clignotement, j'aime toujours ajouter de la facilité à la première et à la dernière touche encadrées en appuyant sur F neuf, mieux, à mon avis Maintenant, nous allons devoir faire la transition de cette pose vers la suivante. C'est pourquoi je vais étendre celui-ci ici afin de pouvoir avoir comme guide, car je veux que celui-ci soit un guide. J'aimerais tous les sélectionner et les verrouiller afin de ne pas cliquer dessus pour ne pas les modifier par accident. Maintenant, la première chose que j'aime animer, c'est le nouvel objet. Je peux donc déjà animer l'échelle et la position avant d' animer les couches de forme J'appuierai sur P pour sélectionner la position plus ou moins là où je veux que l'animation commence environ 1 seconde et demie, je marquerai une image clé et j'appuierai pour ajuster l'échelle. Marquez également l'échelle. Ensuite, je vais appuyer sur, ce qui ne me montrera que les images-clés actives dans ce cas, l'échelle de position ici. Ensuite, je vais passer à la dernière image de la pose ici. Et j'anime d'abord l'échelle. La taille de mon Carter sera plus proche de celle de la pose suivante. Cela me semble bon. Maintenant, je vais déplacer la position. Je souhaite également modifier ces identifiants ici. Il crée également une courbe lorsqu'il se déplace, les arcs sont également un principe d'animation. Il est important que vos mouvements ne soient jamais très linéaires. Je veux réduire un peu plus l' échelle. Très bien, sélectionnons mes images-clés. Cliquez ici pour ouvrir mon éditeur de graphes. Je veux m'assurer que je suis dans le graphique de vitesse, qui se trouve ici. Je vais maintenant sélectionner les premières images clés sur lesquelles je peux cliquer et faire glisser pour sélectionner les deux. Et je vais appuyer sur neuf. Je vais donc faire en sorte que mon dépôt soit facilité ici. Comme je vous l'ai déjà montré, je veux m'assurer que le pic de vitesse se situe à la fin de mon animation. C'est pourquoi je veux sélectionner mes cadres clés ici et tirer sur la petite poignée que j'ai ici. Je vais donc faire cette courbe. Je peux aussi tirer celui-ci dans la direction opposée. Voici donc ma courbe. Cela signifie-t-il ? Mes mouvements démarreront très doucement et leur vitesse atteindra son maximum. Vous vous demandez peut-être pourquoi ils sont inversés ainsi, mais la courbe de l'échelle va dans cette direction, car nous la réduisons. Si je l'agrandissais, il serait inversé Maintenant, je vais animer le chemin pour faire une fausse rotation. Oh mon Dieu. Je vais donc devoir aller dans chaque couche et ouvrir le contenu. Ouvrez le groupe et sélectionnez le chemin pour chacun d'entre eux. La réponse est non, vous n'avez pas besoin de le faire, car je vais vous apprendre un truc. Fermons donc cela et je sélectionnerai chaque couche de mon Carter. Passons à la seconde et demie où commence mon animation. Si vous voyez ici, vous avez cette petite barre de recherche ici. Je peux rechercher n'importe quel effet ou paramètre ici. Et il n'affichera que ceux des couches que j'ai sélectionnées, si je tape path all my path. Afficher. Je vais tous les sélectionner. Je peux simplement cliquer et faire glisser le pointeur vers le bas , mais la trajectoire de la glace n'a pas été sélectionnée car nous avions déjà quelques images clés dessus. Je vais cliquer ici. Maintenant, je peux tout sélectionner à nouveau. Je peux même cliquer ici et sélectionner un groupe d'étiquettes. Et maintenant je peux te presser. Il montre simplement le chemin que je souhaite animer. Si je passe à la dernière, je peux cliquer et modifier le chemin. Et je vais créer automatiquement les images-clés. Comme je veux commencer par animer la tête. Je veux cacher tout le reste pour ne pas nous embrouiller. Voyons maintenant comment j' anime cette tête. Comme je le fais, comme si la tête tournait dans cette direction ici, je pense que je n'aurai pas besoin de l' autre référence de pose, donc je vais les masquer. Si je double-clique, je peux voir mes points. Et voyons ce qui se passerait si mon personnage changeait. Je peux sélectionner plusieurs points et faire glisser le pointeur. Ensuite, si j'ai besoin d' animer la glace, je cliquerai probablement sur ces trajectoires de glace ici Et je peux cliquer et faire glisser pour les sélectionner toutes. Dans les yeux, nous allons être un peu étirés. Si je les sélectionne tous et que je double-clique sur l'un des points que j'ai, ce carré m' aidera à le modifier. Je pourrais donc effectuer une rotation par exemple, ce qui n'est pas le cas pour celui-ci. Je pourrais l'écraser un peu. Permettez-moi de sélectionner les principaux cadres de la tête et de continuer à jouer avec la forme. J'aime aussi faire du crique et du traîner ici, afin de pouvoir voir le mouvement. C'est très sympa, donc je peux voir si ça marche vraiment. Si ce n'est pas le cas, je vois que je devrais changer un peu plus. Pour les oreilles, j'aimerais quelque chose d'un peu différent ici. J'aimerais que mes cheveux se balancent un peu. Pour ce faire, je crée une boîte pour sélectionner les images-clés. Ici, je vais double-cliquer pour ne modifier que les quatre images clés que j'ai sélectionnées. Je peux utiliser le Zunkorpoint ici. Je peux cliquer et faire glisser pour en changer la position, et je peux faire pivoter les cheveux. J'appuie sur Entrée pour confirmer ce que j'ai fait. Vous devez toujours faire des allers-retours pour voir ce que vous faites et pour apporter des modifications, je peux appuyer sur la barre d'espace, ce qui me donnera une idée de la rotation de ma tête. Maintenant, je dois m'assurer que cette courbe d'animation est identique à l'échelle en position. Ce que je peux faire ici, c'est sélectionner toutes les images clés que je viens de créer. Accédez à mon graphique, appuyez sur neuf, pour qu'ils aient tous la définition, l'assouplissement. Et si vous tirez sur cette poignée, je peux voir que les contours des cheveux n'ont pas changé, alors je les sélectionne comme King Dragon, comme celui-ci. Appuyez sur F 9 dans celui-ci et tirez sur les poignées comme je l'ai fait pour les autres. Regardons. Parfait. C' est exactement ce que nous voulons. J'utilise toujours un petit script qui est essentiel pour moi lorsque j'ai besoin de la même courbe et de nombreux paramètres différents. Comme vous pouvez le constater, il est très compliqué de sélectionner plusieurs images clés et de modifier la courbe en une seule fois. C'est pourquoi je vous recommande de télécharger n'importe quel style, un script appelé Easy Copy sur le site Web d' AE Scripts et de fixer votre propre prix. Évidemment, je vous recommande de faire un don pour eux, même si vous pouvez l' obtenir gratuitement Si vous le souhaitez, je peux venir ici sous Windows et trouver une copie facile ici. Je fais glisser ma copie facile ici. Cela me permet de copier-coller la courbe de l'animation. Si je sélectionne deux de mes images-clés et que j'appuie sur Copier, je sélectionne toutes les autres et j'appuie sur Coller Je vais m'assurer qu'ils ont tous la même courbe, et c'est ce que nous voulons dans ce cas. Maintenant, je vais déverrouiller et activer la visualisation du deuxième post. Je vais donc cacher tout ce qui n'est pas le visage. Maintenant, je peux retourner au début là où il est censé être. Mais je veux laisser un cadre qui se chevauche car il se peut que j'aie encore une fois besoin d'une référence, qui anime la position qu'ils redimensionnent J'aimerais qu'ils soient dans cette position de mise à l'échelle à mi-chemin de cette pose. Je vais donc faire glisser mon curseur ici vers le milieu et marquer les images clés. Maintenant, je vais faire le contraire. Cette tête devra ici correspondre plus ou moins à la position de cette tête. Dans ce cas, vous allez augmenter légèrement, puis nous allons changer de position. Et n'oubliez pas de conserver les œuvres d'art, c'est là que nous les trouvons. Sélectionnons tout, même ceux qui sont cachés. Choisissez maintenant ici pour trouver le chemin et marquez tous les paramètres. Vous devez toujours les marquer à nouveau. Je sélectionne Led Group et j'appuie sur Je veux que les formes soient comme ça au milieu du mouvement. Comme je l'ai déjà dit, saisissons-le ici pour l' aligner sur celui-ci. Maintenant, nous allons changer la forme. On peut se rapprocher de celui-ci ici. accord ? Je pense que je suis content de ce mouvement maintenant. Changeons la courbe de l'un d'entre eux. Appuyez sur F neuf sur les deux, vous obtenez maintenant la courbe comme celle-ci, dans ce cas c'est le cas. Commencez par le pic , puis adoucissez. Utilisez My Friend Easy Copy, il vous suffit de sélectionner Appuyez sur copier, puis de sélectionner tous les autres et de coller. Si vous copiez la courbe de deux images clés, vous ne pouvez la coller que si vous avez également des paires ici et que vous voyez qu'elles ont toutes la courbe que je voulais. Je peux prévisualiser et voir ce qui s'est passé. C'est ce que nous avons. L'un d'eux est un petit détail parce que j'ai un cadre qui se chevauche ici Je vais m'assurer de ne pas l'avoir. Je dois utiliser ma balance ici, m' assurer que les cadres ne se chevauchent pas comme ça Je peux même faire glisser ces images clés, une image que j'avais, et les tirer toutes, une image devant moi. Maintenant, ça va être encore plus beau. Nous allons maintenant le faire pour le corps et le reste de l'animation. J'espère que cela vous plaira. Rendez-vous au prochain cours. 10. Poursuivre la rotation: Très bien, vous avez maintenant compris tout le processus de l'animation. Continuons. OK, animons le reste. Musique Musique Et maintenant, j'ai aussi tout mon corps animé, comme vous pouvez le voir. Mais en y jouant, j'ai réalisé que le mouvement des cheveux dans la deuxième pose devait être légèrement différent. Je vais donc le réparer. Cela montre à quel point il est important de regarder l'animation de très nombreuses fois. Vous pouvez ainsi voir les détails dont vous avez besoin et les points que vous pourriez améliorer. Lit musical. Lit musical. C'est ce que j'ai obtenu jusqu'à présent. Et pour cette pose, je vois un petit problème. Cette pose s'arrête quand elle arrive ici. Lorsque nous avons appuyé sur neuf au début, cela met la vitesse à zéro à ce point. Et ce n'est pas vraiment ce que nous voulons corriger, c'est très simple. Je vais juste en position, sélectionne cette image-clé ici, j'ouvre mon graphique Maintenant, je veux faire glisser cette image clé vers le haut. Il n'est plus à zéro. Cela rend l'animation rapide au début, plus bas au milieu. Bien qu'il n'atteigne jamais zéro, il ne s'arrête jamais. Et encore une fois plus vite à un pic de vitesse, ce qui est très important pour nous ici, toutes ces images-clés devraient avoir une courbe similaire à celle-ci. C'est pourquoi j'utilise mon ami Easy Copy. Je vais en sélectionner trois. Copiez puis collez tous les autres. Maintenant, quand je clique sur Play, vous pouvez voir que ça ralentit, mais ça ne s'arrête jamais vraiment. Comme toujours, je vois quelques ajustements à apporter. Faisons le reste. Music Music Bed. Lit musical. Nous voilà, les gars. C'est ce que nous avons. Maintenant, après l'animation, j'ai réalisé que je devais changer un peu de position. J'ai donc simplement placé mon curseur ici, sélectionné le cadre clé de position, et j'ai pu le modifier comme je le voulais Et il vous suffit de le regarder de très nombreuses fois et vous verrez ce que vous pouvez améliorer. Mais pour le moment, je suis content. Dans le prochain cours, nous allons parler de quelques détails supplémentaires que nous pouvons ajouter. Et nous allons ajouter de l'anticipation et de l'adaptation, ce qui améliorera considérablement l' animation. Rendez-vous dans le prochain travail, au revoir. 11. Anticipation et suivi : c'est dans les détails !: Ok les gars, l' animation principale est prête. Mais comme toujours, nous devons réfléchir à certains principes de l'animation. Je vais donc maintenant vous montrer comment ajouter un peu d'anticipation, comme si les chariots revenaient en arrière avant d'avancer, et comment ajuster les cheveux à la fin du mouvement C'est très, très important. Allons-y, les gars. Après le dernier cours, j'ai apporté quelques modifications à l'animation. Je veux vous en montrer quelques-unes, vous pouvez voir que maintenant j'ai animé le chien. Je veux très rapidement vous montrer comment je l'ai fait. Les couches pour chiens sont là. Toutes les formes sont réunies en une seule couche, ce qui n'est pas la meilleure pratique, mais je veux montrer que c'est possible. Une chose que je veux vous montrer, c'est que dans les versions les plus récentes d'After Effect, je suis autorisé à colorier mes images-clés comme je veux pour faire clignoter le chien J'ai colorié les cadres clés des yeux en les sélectionnant avec le bouton droit de la souris sur l'étiquette et je peux sélectionner la couleur que je veux, le bleu, par exemple. De cette façon, je peux marquer des images-clés spécifiques auxquelles je souhaite accorder une attention particulière. À part ça, j'ai fait le lien entre le chien et le nouveau qui contrôle le Carter. Je vais juste le déparentaliser juste pour vous montrer le mouvement du chien par lui-même. Appuyez sur ce bouton en bas pour isoler le chien. Vous pouvez voir que je n'ai fait qu' animer les formes pour qu'elles puissent effectuer la rotation La queue comporte un mélange d' animations en forme de rotation. J'ai l'animation du tracé, mais j'ai aussi une certaine position et une rotation, et ce sont les images clés. Comme vous pouvez le voir, j'ai même un petit point d'ancrage ici, que je pourrais changer en utilisant ces deux Mais ce point d'ancrage est spécifique aux détails de ce groupe. Si je sélectionne la couche entière, je vois le grand point d'ancrage qui se trouve ici, qui est le point d'ancrage de l'objet principal. C'est très, très intéressant car cela ajoute une autre couche de complexité à ce que nous pouvons faire. Comme vous pouvez non seulement animer le tracé, ce qui vous donnera beaucoup de flexibilité, vous pouvez également animer tous ces paramètres, y compris ceux qui ne sont pas présents dans votre couche normale, mais qui créent une distorsion très intéressante L'autre chose que j'ai décidé de faire, d'ajouter un bras derrière elle qui n'était pas là auparavant. C'était important parce que je me suis rendu compte que nous pourrions probablement voir ce bras à ce stade de sa rotation. Et vous pouvez voir ici le bras, un bras qui se lève à ce moment-là et qui vient de derrière elle. Et j'en ai également ajouté un deuxième à venir ici. J'ai pensé que c'était également nécessaire. J'ai également ajouté une petite ombre ici qui est un petit détail. Mais maintenant, j'aimerais que Yes crée un peu d'anticipation et adaptation qui permettront à l'animation de se démarquer. Commençons par l'anticipation, c' est-à-dire lorsque le Carter se déplace dans la direction opposée. Avant de poursuivre, je vais juste venir ici dans ma nouvelle presse pour passer en revue toutes les images clés. Je vais marquer une image-clé ici dans la position. Dans le prochain, je veux déplacer les voitures un peu vers la gauche comme ceci. Ce faisant, je dois faire attention à mes poignées. Je vais dire ces deux points ici. Assurez-vous que cette poignée est au bon endroit comme ça. Je peux regarder ce que je viens de faire. J'ajuste les courbes parce qu'elles ont besoin d'être plus souples, juste un tout petit peu. J'ajuste également le timing en déplaçant légèrement les images clés. Maintenant, cela fonctionne mieux. Maintenant, j'aimerais que les cheveux se balancent un peu, alors marquons ici un cadre clé pour les cheveux. Dans celui-ci, je modifie également les courbes. Très bien, maintenant je suis heureuse. Maintenant, nous avons un peu d'anticipation. Et puis à la fin, nous devons nous assurer que les cheveux avancent un peu après l'arrêt du mouvement et qu' ils se balancent un peu. Voyons comment je m'y prends. Vous devez toujours regarder votre animation plusieurs fois et jouer avec la forme de votre objet, la durée et la distance entre les images clés. L'animation de base est déjà terminée, les gars. Nous allons maintenant ajouter un arrière-plan et je souhaite également ajouter quelques effets et derniers détails dont je voudrais vous parler avant de procéder au rendu de l'animation. Nous y sommes presque et à la prochaine leçon. 12. Ajouter un arrière-plan et un rendu: D'accord, d'accord, le dernier élément que nous devons ajouter pour rendre la rotation en trois D plus convaincante est un arrière-plan, donc cela va aider à créer ces effets en trois D. Ensuite, nous allons rendre l' animation. Jetez-y un coup d'œil. L'animation est maintenant quasiment terminée, mais nous voulons tous que cette animation ait l' air d'avoir été réalisée image par image. Lorsque nous animons image par image, nous animons généralement sur 24 images par seconde. Mais nous animons au choix, ce qui signifie que chaque dessin est réduit pendant deux images C'est la même chose qu'une animation à 12 images par seconde. C'est pourquoi je souhaite ajouter un effet pour que l'animation soit 12 images par seconde. Cela ressemblera donc beaucoup plus à une image par image. Pour ce faire, j'aimerais créer une nouvelle couche de réglage. Cette couche de réglage doit être au-dessus de tout et je vais trouver ici, en effet, par set, un effet appelé postériser le temps, peut être répercuté en dragon sur ma couche de réglage Ici, je peux ajouter la fréquence d'images de mon animation par quatre. J'en ai 24, mais je veux le changer à 12 quand tu joues. Cela ressemble plus à une image par image et vous vous débarrassez également de certaines imperfections que vous finissez par avoir lorsque vous animez comme ça Maintenant, je voudrais vous montrer que j'ai créé un arrière-plan ici qui est plus long. C'est en fait la même hauteur mais trois fois la largeur. Il s'agit d'une couche Illustrator intégrée à une précomposition. Je vais le mettre derrière tout. Je veux voir mes nouvelles poses car la rotation doit suivre le même rythme que la position de mes nouvelles poses. Commençons par positionner, mon parcours ici. Appuyons sur P pour revoir la position. Et je dois garder ces images clés alignées sur celles de mes nouvelles images, car elles sont ma référence. Je vais passer à la suivante. Comme mes charters sont orientés vers la gauche, je veux que l'arrière-plan soit orienté vers la droite Juste un petit peu comme ça. Je peux avoir des effets tridimensionnels. Maintenant, je vais passer à l'image clé où mes personnages ralentissent et je vais uniquement adapter la position de l'arrière-plan Et puis, lorsque mes Charters atteignent la position finale, mon parcours devient parfait également Maintenant, je dois également faire correspondre les chronométrages de ces courbes. Je sais que lorsque je change de dessin, c'est comme si j'étais au sommet de ma vitesse en ce moment. C'est pourquoi je vais sélectionner toutes ces images clés et assurer qu' entre les deux, le pic de vitesse se situe exactement à ce point, qu'il corresponde à l' animation du Carter. D'accord. Il en va de même lorsque nous passons du poste deux au poste trois. C'est là que devrait se situer le pic de vitesse. Bien sûr, je ne veux pas que ça s'arrête là. Je vais juste en parler un petit peu. Deux d'entre eux, les images clés d'anticipation initiales devraient également correspondre. Voyons où se situe le pic de vitesse en ce moment, qui se situe plus ou moins ici. C'est là que devrait également se situer le pic du mouvement ici. Super, passons à l'animation. Il ne me reste plus qu'à animer l'échelle. Pour animer l'échelle, j'aimerais avoir un nouvel objet, car je veux qu'il soit redimensionné toujours à partir du centre du plan de Allons superposer un nouvel objet. Vous le baissez, assurez-vous que les deux ont la même couleur. Je vais associer l' arrière-plan au nouveau et je contrôlerai l' échelle grâce à ce nouveau. Je veux que l'échelle commence ici par la dernière, car c'est là que mon échelle sera 100 %. Maintenant, je vais l'augmenter un peu plus ici, car je veux les courbes de mon échelle soient les mêmes que celles de ma position. Je vais simplement en sélectionner trois et utiliser mon ami Easy Copy, copier ici, sélectionner ici et coller. Pour éviter que mon arrière-plan ne perde en résolution à cause de l'échelle, assurez-vous que ce premier bouton est activé. Ensuite, je vais cliquer sur ce petit soleil ici, pour avoir une pixellisation continue Je dois accéder à ma pré-composition en arrière-plan et assurer qu'elle est également activée dans cette couche ici Cliquons ici pour vérifier qu'il est activé. Vous pouvez donc constater que peu importe à quel point je le redimensionne ici, il ne perd jamais sa résolution. Jouons pour voir à quoi ça ressemble. L'animation est prête, les gars. Ça a l'air bien. Il y a des effets très populaires et très amusants à utiliser que je vais vous montrer comment les ajouter. Le premier que je vous ai montré auparavant est le déplacement turbulent que je peux utiliser ici avec de très petits paramètres Cela va nous donner un peu de rugosité, peut-être même plus ici Il y a aussi un peu de bruit. Je vais utiliser ce bruit ici. J'aime utiliser des céréales et je peux simplement augmenter légèrement ces valeurs. Cela rendra l'animation un peu moins plate. OK, nous sommes prêts à effectuer le rendu. Avant le rendu, nous devons nous assurer que cette barre couvre toute l'animation. Vous pouvez double-cliquer dessus si vous souhaitez le développer pour l' ensemble de la composition. Je vais au fichier, puis je l'ajoute au dossier. Ici, vous allez changer le format en 8264, que vous nous donnerez un fichier MP quatre. D'accord ? Et ici, sélectionnez l'endroit où je souhaite enregistrer ma vidéo. C'est ça. Il suffit de cliquer sur Render. 13. Quoi ensuite ? Keep spinning ! (BONUS): Alors les gars, nous sommes arrivés au bout. Mais maintenant, j'aimerais avoir cette leçon bonus, qui revient à vous montrer certains projets que j'ai réalisés auparavant. Et j'utilise la même technique dans différents cas d'utilisation. Ça va être très agréable de voir à quel point cette technique est réellement puissante. Allons ici. Je suis prêt à vous montrer comment j' utilise cette technique dans mes projets quotidiens. Celui-ci est très similaire à ce que nous avons dans le cours, un personnage qui tourne et regarde derrière lui. J'ai trois poses ici. L'une est cette pose où la tête est dans cette position. La seconde est comme ça. Il y a comme une rotation très rapide, comme vous pouvez le voir de ce cadre à ce cadre. Ensuite, il y en a une plus grande, qui est cette rotation, je fais passer la tête de ce cadre à ce cadre. Lorsque vous jouez rapidement, vous ne remarquez pas que vous ne faites pas vraiment tout pivoter. C'est uniquement possible parce que j'ai effectué les changements d'images au pic de la vitesse. Le deuxième projet que je veux vous montrer est intéressant. Dans ce projet, j'ai dû animer des mains. Les mains changeaient tout le temps de forme. J'ai dessiné de nombreuses positions de cette main. J'avais un nouveau moyen de contrôler le mouvement au sommet de chaque position. Mouvement, je pourrais passer d'une pose à l' autre et cela nous permettrait d'effectuer une transition harmonieuse dans le cas présent. J'ai même ajouté un cadre intermédiaire entre ceci et cela. J'avais en fait trois dessins ici, mais ce changement se produit à pleine vitesse. Cela montre qu'avec très peu de dessins, il est possible de créer un mouvement très convaincant. Plus tard dans le même projet, j'ai ceci. C'est une main astrale. Il tourne et oscille de gauche à droite au pic de vitesse Encore une fois, je change le dessin. Dans ce cas, j'ai également ajouté une pose entre les deux, celle-ci. Cela ne dure qu' une image, puis vous avez l'autre pose. J'ai également ajouté un frottis, qui fait changer de forme le bâton de cette façon, ce qui se produit également au moment le plus rapide du mouvement Enfin et surtout, cette animation ici. Celui-ci est un peu plus complexe simplement parce que j'ai utilisé plus de dessins que d'habitude. Ce sont les poses que j'ai prises pour celui-ci. J'ai fait une petite animation avant de vectoriser toutes ces poses C'est l'animatic qui m'a donné la base pour vectoriser les poses que je Ensuite, dans After Effect, vous pouvez voir que cela ressemble beaucoup au projet que nous venons de créer dans ce cours. Vous pouvez voir que chacune de ces sections est une pose différente. Celui-ci, surtout pour deux images seulement. Mais ils passent toujours de l'un à l' autre à pleine vitesse. Si je montre l'un de mes images-clés , vous verrez à quoi ressemble le graphique. Ils commencent tous au sommet et finissent au sommet. Pour que la transition soit parfaite, j'espère que vous l'apprécierez. C'est à peu près comme ça que je réalise la plupart de mes projets. J'ai hâte de voir ce que vous pouvez créer en voyant le prochain. 14. Conclusion: Ce sont ses gars. Félicitations et merci beaucoup d' avoir suivi ce cours. Nous avons commencé par esquisser les idées et les trois poses de nos Carters afin que vous puissiez voir comment je les vectorise dans Adobe Et nous avons importé les illustrations dans Adobe After Effects pour les transformer en couches galbées. Ensuite, nous avons animé les couches galbées. Et à la fin, nous avons ajouté les principes de l'animation. Nous avons également ajouté un arrière-plan pour rendre la rotation plus convaincante. Et nous sommes arrivés au bout. N'oubliez pas de publier votre projet afin que je puisse le commenter et vous faire part de vos commentaires. vous plaît, si vous pouviez revoir le cours et faire des commentaires ou des critiques, prenez soin de vous et à bientôt dans le prochain.