Conception de mouvement dans After Effects : Animation de personnages et pile ou face

1. Intro: Bonjour, je suis JD et bienvenue à ma première classe de partage de compétences. Dans cette classe sera faire cela. Nous commencerons par créer toutes nos illustrations dans Illustrator, transformant en effets secondaires et en créant des calques de forme, animant et en les ajustant avec l'éditeur de graphiques. Enfin, le rendre et l'apporter dans Photoshop pour l'exporter comme un cadeau en boucle. Alors prenez un moment, lancez l'illustrateur, et je vous verrai dans la prochaine vidéo. 2. Dessin du personnage: Commençons par créer une couleur d'arrière-plan pour notre projet. Je vais juste donner le titre à ce fond de couche PG. Si vous cliquez sur, vous pouvez taper les cotes. Il est 1920 d'ici 1080, et nous allons trouver, veulent une belle couleur bleutée ici. Changeons un peu. Je vais le laisser comme ça. La première chose que je vais faire est de verrouiller le calque d'arrière-plan, et maintenant nous allons créer notre bulle. Ellipse outil, nous allons créer un nouveau calque, et je vais juste appeler cette bulle de couche. Ensuite, nous allons rendre la couleur blanche, et nous sortons notre bulle. Notre bulle serait aussi grande, et je veux juste l'aligner sur le tableau d'art. On y va, et on a notre bulle, et c'est littéralement tout ce que je veux faire pour la bulle en ce moment. Je vais verrouiller cette couche. Maintenant, nous allons commencer à créer notre personnage. Je vais créer un autre calque, et pour l'instant, nous allons laisser le calque 3, parce que je vais prendre ce personnage et les diviser en morceaux pour l'animation plus tard. Commençons simplement par la forme de la tête et je vais en fait utiliser un outil Rectangle et le faire glisser ici. Quelque chose comme ça. Trouvez n'importe quel type de teint que vous voulez utiliser, et remontez comme un ton de peau de pêche et rosée pour cet outil de bords ronds, et nous avons commencé notre tête. Je vais prendre mon outil d'ellipse pour l'amener ici et ici. Alors allons chercher des cheveux, et je veux que mes cheveux soient comme, peut-être une couleur marron noirâtre comme ça. Dis que je ne sais pas ce que ça va être. Je vais m'amuser ici. Comme ça. Quelque chose comme ça, et mettre cette oreille sur le dessus. À l'avant, on y va. Ça a l'air bien, et on fera une autre petite partie brune ici à l'arrière. Quelque chose comme ça se passe. Je vais comprendre comme un petit oeil pour ce type. Ses yeux, je vais faire noir pour l'instant. Ouais, regarde de cette façon. Arrondir un peu de nez ici et aller avec le teint de la peau, et puis je vais juste monter et ajouter un peu plus de saturation. On y va, un petit nez, et on rend ce nez juste un peu plus visible. On y va. Faisons une bouche. La bouche va être comme ça. Probablement faire la même couleur que les yeux. Fais-le aligner ici. Je vais le rétrécir un peu. Rectangle rond en bas. Allez-y avec un beau sourire ici, on y va. Ajoutons des dents, ce sera aussi un blanc. Comment je vais faire les dents est que je vais juste utiliser l'outil de construction de forme maintenez enfoncé la « Option » et vous pouvez cliquer sur, la vérité veut faire la même chose pour la langue. Allons ici. Faites glisser à l'endroit où se trouverait la langue. Je vais en faire une belle couleur rouge. Quelque chose comme ça peut-être, et là nous allons et sélectionnons ceci comme la forme de la bouche, constructeur de forme et Option ou Alt et cliquez dessus, pas moins, nous y allons, et nous avons eu un bon départ pour notre gars ici. Retournons à l'intérieur. La même chose qu'on l'a fait avant, outil rectangle, comprendre comment je veux que son cou soit. Il va le mettre dans le dos, rectangle rond comme son cou. On va faire son corps maintenant. Mettez-la à l'arrière, et faisons le corps, faisons le t-shirt comme je ne sais pas. En fait, faisons-en la même couleur que la langue. Juste comme ça. J'aime ça. Relevez un peu les épaules. Comme ça. Ça a l'air plutôt bien. On peut prendre ces parties du fond ici. Ils n'ont pas besoin d'être arrondis. Ils vont être masqués plus tard, donc tu ne vas pas le voir de toute façon, et j'aime juste continuer à ajuster ce truc jusqu'à j'aie quelque chose comme ça. Plutôt bien. Je pense que la tête est peut-être trop grande, alors déplaçons tout ça un peu. C' est vraiment juste pousser et déplacer jusqu'à ce que vous obteniez quelque chose comme ça vers le bas, les oreilles vers le bas. Tout ça peut tomber. Ouais, je préfère ça. Alors on continue à jouer avec ça jusqu'à ce qu'on ait quelque chose qu'on aime. On a juste besoin d'une ombre rapide pour le cou, j'ai besoin de mon stylo, et on va commencer ici. Ici, allez à ici, ici, allez à là. Ce sera cette couleur, et on va la rendre plus sombre comme ça. On y va. Je vais le couper, le coller devant le cou. Alors ce que je vais faire est de zoomer un peu, et je vais juste étirer cela, et je vais utiliser mon outil de constructeur de formes pour obtenir la forme comme je le veux, comme ça. Si vous voulez pour le constructeur de forme, Shift M, est le raccourci pour cela, et maintenant nous avons un début assez décent ici, et peut-être que j'ai ce gars qui regarde trop d'un côté. Ici, nous pouvons réparer ça un peu. Quelque chose comme ça. On y va peut-être besoin de sourcils. Donnons-lui des sourcils, voyons ce qui se passe. Outil à bord rond, capuchon rond. On y va, c'est cool. Nous prendrons tout ça. Nous allons juste imprimer un peu, prendre ça et je vais juste l'écraser un peu comme ça, voilà. Maintenant, je vais emmener notre gars, je vais le déplacer ici et nous allons l'adapter à la façon dont nous voulons qu'il soit dans notre bulle. Magnifique, c'est un bon début. Maintenant, je vais faire quelques bras ici, et les bras que je vais faire avec l'outil à stylo. Je vais le retourner pour l'accident vasculaire cérébral. Faisons une casquette ronde, et nous allons juste en parler. Allons un peu plus épais. C'est bien. Prends-le et mets-le derrière comme ça, on y va. On va faire quelques ajustements ici, je crois. Je vais apporter son coude un peu plus. Armez-vous juste un peu. Je pense que ce que je vais faire, c'est que je vais faire son bras de la même couleur que la chemise. Prenons juste ce numéro de couleur très vite. Changeons la couleur. On va donner des manches longues, on y va. Ensuite, je veux à ce point, retirez-le hors du chemin. Aussi ce que je vais faire, c'est que je vais rendre ça juste un peu plus sombre que le rouge que nous avons utilisé, comme ça. Parfait. Ensuite, on va prendre ça et on va le dupliquer. Nous allons le faire tourner. Mets-le comme ça. On va l'amener à l'avant, et on va la faire de la même couleur que la chemise rouge. Ajustez-le un peu comme si c'était sur sa hanche, on y va. Maintenant, nous avons les deux bras fabriqués. Je vais prendre, et faire un petit coup de main ici. Alors prenez notre rectangle, faites quelque chose comme ça. de la peau, allons un peu plus, autour, quelque chose comme ça. Puis un autre comme ça, autour et c'est notre pouce pour nos pouces en haut. Maintenant, on a un gars qui nous donne le pouce en l'air. Maintenant, ce que je veux faire, c'est que je veux avoir la plupart de ces trucs sur son propre calque pour l'animation. Je vais emmener ces deux gars ici. Commençons par ce qui va être à l'arrière, donc nous avons besoin de quelques couches ici. Je vais appeler cette couche 3. Je vais changer le nom que je vais appeler ça corps, et ça va être pour notre corps principal, cou, tête, probablement la bouche, le nez, les cheveux, tout ça. Je vais vraiment éteindre quelques couches, peut-être les sourcils, les yeux et les bras. Ci-dessous, nous allons avoir un bras et probablement mettre le pouce sur sa propre couche. On va avoir le bras et le pouce gauche. Le bras gauche va être ceci et la main, donc le bras et la main. Coupons ça. Mettez ça sur le bras gauche en place. Prenez le pouce, coupez ça, mettez-le sur la couche de pouce. Ce que ça fait, c'est que ça va nous permettre d'animer le pouce qui surgit plus tard. Puis on a eu le bras droit. Je vais faire des yeux, puis je vais faire un clignotement, et ensuite je vais en faire un de plus pour les sourcils. J' ai des sourcils. Je pense que ça va le couvrir, alors mettons-les les yeux sur leur couche. Coller en place. Mettons ce bras sur sa couche, la pâte du bras droit en place. Sourcils, couper, coller en place. Enfin, faisons un clignotement. Copions ces, collez-les en un clin d'œil. Cachons la couche des yeux. Belle et proche. Nous voulions qu'il soit là, mais ce sera quelque chose comme ça. Ce sera notre clignotement. Maintenant, on peut désactiver les clignotements, donc on a une couche de clignotement. Je pense que c'est probablement un bon moment pour sauver. Je vais juste à « Fichier », « Enregistrer sous » et je vais l'enregistrer comme « Bubble Guy » et « Enregistrer ». On a notre gars, il est prêt pour l'animation. Ensuite, nous allons créer le diamant et obtenir tout dans les effets après-effets. 3. Créer le diamant: Dans cette vidéo, nous allons juste faire un petit diamant rapide pour que le gars puisse faire comme un flip 3D 180 pour révéler le diamant. Ce qu'on va faire, c'est cacher le gars, donc juste notre bulle se montre. Comment je vais faire le diamant est de créer une nouvelle couche et d'appeler cette couche diamant. Avec cette sélection, nous allons essentiellement faire un triangle ici. Un joli petit triangle comme ça. Parfait. Je pourrais rendre ça un peu plus grand, comme ça. Nous allons le dupliquer une fois, dupliquer deux fois, l'apporter et le dupliquer à nouveau. Apportez-le pour qu'il soit au centre. Tournez-le une fois de plus et nous avons la partie supérieure de notre diamant. Ensuite, nous allons prendre l'outil Stylo, trouver le centre, dessiner la moitié inférieure et descendre juste un peu. Je pense que c'est plutôt bon. Outil de stylo à nouveau. On va dessiner cette pièce là-bas. Il y a notre diamant, ou là où notre diamant devrait être. Amenez ça à l'avant. Je l'ai dessiné à l'arrière. On doit avoir les contours. Faisons en une couleur de design plate. Je vais faire une couleur bleutée alors je vais entrer et trouver un autre bon bleu. Je ne sais pas. Voyons quelque chose comme ça juste pour voir comment ça se passe. C'est plutôt bon. Je vais juste copier tout cela, tout sélectionner, tout changer pour la même couleur. Prends celui-là, on va le rendre un peu plus lumineux. Quelque chose comme ça. Je vais prendre celui-ci et celui-là et correspondre à cette couleur. Choisissez le centre et faites-le le le plus brillant. Je vais en fait prendre ces deux-là et les soulever un peu plus, comme juste là. Je veux que celui-ci soit encore plus brillant. Voilà notre diamant. Alors ce que je vais faire, c'est prendre ce diamant, je vais le regrouper, « Commandement G », et nous allons juste le mettre dans notre bulle comme ça. Le type est en train de casser la forme de la bulle. Le diamant va s'asseoir dans la bulle. Juste comme ça. Parfait. Notre diamant est fabriqué. Dans la vidéo suivante, nous commencerons une composition After Effects et y trouverons tout cela, il y a tellement [inaudible] pour animer. 4. Importer dans After Effects: Ce que nous allons faire maintenant, c'est créer une nouvelle composition dans After Effects, puis importer dans notre illustration Illustrator et la préparer pour l'animation. Nous commencerons par cliquer simplement sur le bouton de nouvelle composition ici. Ça fera apparaître nos paramètres de composition. Je vais nommer cette animation principale. C' est là que se tiendra l'animation principale. Ce sera 1 920 sur 1 080 et le taux d'images 2 997. Je vais le laisser à 25 secondes avec la couleur de fond blanc. Cliquez sur OK. Maintenant, ce que nous allons faire est d'importer notre illustration Illustrator. Je vais dans mon Finder et juste glisser et déposer le fichier Illustrator directement dans After Effects comme ça. Importer genre, nous allons le laisser comme composition. métrage, la taille du calque, cliquez sur OK. Cela amène tout notre travail dans une composition. Nous double-cliquez dessus si nous le voulons. En fait, je vais juste copier tout cela dans notre animation principale. J' ai une animation principale, collez-la. On y va. Alors, je vais juste supprimer le gars à bulles pour l'instant. Nous avons toujours toutes nos illustrations Illustrator juste ici, dans les couches de type bulle. Ce que je veux faire maintenant, c'est que je veux prendre tout cela comme, sont tous des fichiers AI en ce moment. Ce que je veux faire est de les convertir en calques de forme et c'est vraiment facile à faire. Tout ce qu'on a à faire, c'est que tu peux allumer tout ça si tu veux, peu importe. Nous avons les antécédents. En fait, je vais quitter l'arrière-plan tel quel. On pourrait verrouiller ça pour que tu ne le bouges pas. Ensuite, la bulle, nous allons juste faire un clic droit dessus et cliquer sur créer des formes à partir de la couche vectorielle. Comme ça, nous obtenons une bulle vectorielle ou nous obtenons des formes de notre couche vectorielle. Ensuite, nous pouvons simplement supprimer la couche de bulles. Nous allons le faire pour chacun d' eux. Cliquez sur le bouton pour ça. Deux de plus. Continuez à cliquer sur vaste. Je vais passer en revue et supprimer tous les fichiers Illustrator. Maintenant, nous avons tous les mêmes calques, ils sont maintenant des calques en forme After Effects à la place. Je vais me débarrasser des contours de chacune de ces bulles. Nous avons le bras gauche, le pouce, les contours du corps, les contours du bras droit , les yeux , sourcils, et le diamant. Maintenant, nous avons tout nommé, superposé. Ce qui est bien à ce sujet, c'est si nous voulons apporter des changements à tout le monde. Si nous avons décidé que nous n'aimions pas la couleur de sa chemise ou quelque chose comme ça, nous n'avons pas besoin de revenir dans Illustrator, changer la couleur, de la sauvegarder, puis de revenir dans After Effects, nous pouvons aller à notre couche corporelle, bascule vers le bas, contenu, passe par nos groupes et vous pouvez prendre le temps de nommer tous ces groupes. Comme si c'était du corps, c'était de l'ombre du cou. Vous pouvez voir ce qui est mis en évidence ici quand il est cliqué. Je peux juste prendre la chemise et je peux voir ici est la couleur et la sensation et je peux le changer pour tout ce que je veux, vraiment facilement ici. On a tout ça alors mis en page. Il est prêt à commencer à comprendre comment on va l'animer. La prochaine vidéo, ce qu'on va faire, c'est faire animer le gars. Je vais vous montrer comment configurer le masque pour qu'il cache la partie inférieure de celui-ci ici. Ensuite, nous ferons le flip 3D qui révèle une forme de diamant. se voit dans la vidéo suivante. 5. Animer le personnage: Ok, bienvenue. La première chose que nous allons faire avant de commencer à animer est, nous devrions probablement « Sauver » parce que nous ne l'avons pas fait dans la dernière vidéo. Donc, nous allons aller, « Fichier », « Enregistrer sous », et nous allons l'enregistrer comme Bubble Guy Animation et « Cliquez sur Enregistrer ». Maintenant, nous avons sauvé le projet et ce que nous allons faire , c'est juste comprendre comment nous voulons animer le gars. Alors on s'inquiètera de le masquer. Cachons le diamant pour l'instant. Jetez un oeil à notre gars que nous avons ici. Ok, donc nous voulons probablement prendre les sourcils, les clignotants, les yeux, le bras droit et le bras gauche et les parents tous au corps. Ensuite, je vais prendre le pouce et je vais le porter au bras gauche. De cette façon, je peux bouger le corps et tout le suit. Donc la première chose que je vais faire est, je pense que je voulais balayer par le bas gauche et entrer et m'installer au centre. Donc je vais commencer cette animation à une seconde. Je vais prendre le corps si j'utilise la touche Y, on peut changer où est le point d'ancrage. Je vais mettre le point d'ancrage dans le coin ici et V nous ramène à notre outil normal et ce que je vais faire est, je vais aller en rotation et je sais que je veux qu'il tourne comme ça. Puis il retournera à zéro comme ça. Nous allons donc ajouter un cadre clé. Déplaçons cette trame clé, disons 10 images ou 12 images pour l'instant. Vous pouvez le faire en faisant Option et Maj avec le cadre sélectionné et vous pouvez le déplacer dix à la fois. Il vous suffit de maintenir l'option une image à la fois. Puis à l'endroit où nous en sommes, nous allons le faire tourner. Essayons peut-être 30 degrés et c'est beaucoup trop lent. Allons zoomer. Utilisez le plus, zoomez et je sais déjà que cela va être beaucoup trop lent pour aller dix. Ok, on y va. Bon, maintenant je ne suis pas inquiet de voir à quel point le mouvement est lisse. Je veux juste voir à quel point la motion est rapide. Le timing est sage comme ça. Ensuite, nous allons positionner le cadre clé ici et dire ensuite aller de l'avant dix et nous voulons qu'il soit abaissé comme ça. On va juste voir à quoi ça ressemble. Donc je veux que ça monte et ensuite comme ça. Alors, si vous touchez U, nous pouvons voir toutes nos images clés et ce que je veux arriver car je veux que la rotation s'attarde derrière les autres mouvements que c'est comme s'il montait et puis il se balançait. Laissons cette motion facile et un peu. On va prendre tout ça et la fonction F-9. F-9 ajoute un peu d'assouplissement et voilà. Maintenant, je pense aussi que peut-être cette rotation devrait être, allons-y pour quelques images. Vous cliquez sur le petit survol ici. Il ajoute exactement la même image clé que vous avez déjà et je vais revenir à dépasser un peu, peut-être par comme cinq et puis je vais jouer avec cela un peu plus dans l'éditeur de graphique dans une minute, mais laissez-nous faire avancer le mouvement de base. Alors ce que je veux faire, c'est qu'on prenne la tête pour qu'on soit dans le corps. Laissez-nous en fait élargir un peu plus et nous allons trouver la tête. Voilà la tête. Je vais nommer ça pour qu'on le sache, tête. La tête a en fait une transformation. Maintenant, c'est là que nous avons un problème. Je veux que les cheveux, les yeux et tout bouger avec la tête, alors ce que je vais faire, c'est que je vais prendre la tête, les cheveux, l'oreille, le nez, une bouche tout ça. Donc je vais prendre tout ça. Coupons ça. Alors c'est pourquoi il est agréable de créer ce truc sous forme de couches. Je vais aller au calque supérieur, nouveau calque de forme et je vais coller la tête en arrière, alors ce que nous pouvons faire c'est que je peux prendre cette tête et la déplacer en arrière et un endroit où nous l'avons eu comme ça et maintenant nous pouvons renommez cette tête de calque de forme. Maintenant, nous pouvons le faire tourner comme ça et ce que je peux changer, c'est je peux prendre le clignotement, les sourcils et les yeux et les faire apparier à la tête à la place. Maintenant, quand je tourne ma tête, tout ce qui suit. Donc ce qu'on va faire, c'est retourner au corps. Le Corps arrive. Je crois qu'il fait son truc. Nous avons la tête attachée au corps comme ça, et pendant que la tête, eh bien, le corps a de l'élan qui monte de cette façon, ce que nous allons faire c'est nous allons prendre la tête. On va faire exactement la même chose qu'avant. Nous allons utiliser l'outil Y et définir notre point d'ancrage juste ici en bas. Alors on va revenir un peu comme ça. Fixez un cadre clé et au fur et à mesure que nous avançons, il va aller un peu, peut-être plus deux et ensuite nous allons nous réinstaller à zéro. Nous allons avoir un peu de dépassement avec notre tête ainsi et ensuite nous allons « fonction F-9 » facile est ses cadres et maintenant nous allons et puis je peux compenser cela par quelques images. On y va. D'accord. Nous avons un bon début de l'animation avec la tête se déplaçant avec un peu de rebond. Je n'ai pas remarqué un petit problème avec l'ombre sur le cou, donc on peut faire comme avant. On peut aller dans le corps, l'ouvrir, coder le contenu, trouver l'ombre suivante, l'ouvrir. Cliquez sur le chemin et si nous zoomons, sélectionnez le point et faites-le glisser comme ceci et maintenant il n'y a pas de rupture dans l'ombre sur le cou. On peut rejouer l'animation et on a eu un beau petit rebond. Je pense que c'est un bon début. Dans la prochaine vidéo, nous allons travailler sur l'animation des bras et de la main puis nous masquerons ce gars avec le cercle et travailler dans l'éditeur de graphes. 6. Animation du personnage de suite: [ MUSIQUE]. Bon, bienvenue. Jetons un coup d'oeil à ce qu'on a eu jusqu'à présent. Je vais juste aller la première image ici, j'ai appuyé sur la touche B pendant que je déplace certaines de ces images clés juste pour qu'elles aient commencé celle que je vais sortir à deux secondes et appuyer sur la touche Entrée. Ensuite, nous allons juste faire une boucle pour voir ce que nous avons. Ok, faisons animer ces bras et ça va être facile. Donc, en fait, nous allons commencer à la fin ici. On va aller à notre bras droit très vite ici et le faire tomber. Vous voulez aller sur le chemin. En fait, je vais sortir, disons 10 et puis on remontera 10, et ce que je vais faire, c'est saisir le point final, juste pour le faire tomber un peu. Attrapez ce point en l'amenant un peu, ça va bouger ça et nous allons voir ce qu'il fait, en le mettant sur sa hanche. Presque. Il suffit de regarder. Allons alléger ceux qui les ramènent quelques cadres. Ramenez plus. Allons par là. Décidez juste de ce que j'aime le mieux et j'aime ça un peu plus. D' accord. Je vais rester avec ça pour l'instant. Peut-être qu'on va le bouger, juste un peu plus. Beaucoup de choses jouent avec ça, jusqu'à ce que tu l'aies comme je l'aime. Je continue à jouer avec et à jouer avec. D'accord. Donc on a eu ça. Maintenant, allons chercher l'autre bras. L' autre bras est en bas. Donc, à ce, je veux que le pouce soit attaché au bras gauche, ce qui l'a déjà fait, ok et nous allons avoir cette partie se produire après qu'elle apparaisse et là, nous allons avoir l'autre main commencer à apparaître. Alors allons contenu, chemin et nous en fait, je ne veux pas le chemin pour le pouce, mon mauvais. Je veux le chemin pour le bras, on y va. Donc on a la main et on a le bras. Ok, ce qu'on va faire, c'est qu' on va prendre ces points et les animer. Je vais descendre la même chose qu'on l'a fait avant. Je veux que le dernier point soit comme ça. Je vais frapper pour créer un cadre clé sur le chemin et puis je soulève ça un peu, je soulève ça un peu, et puis ce que nous allons faire est, revenons en arrière 10 et nous allons juste le positionner sorte que son le bras est baissé. Donc nous allons tirer celui-ci vers le bas, nous allons le retirer et le redresser comme ça et nous pourrions avoir besoin de le modifier un peu, mais voyons ce qui se passe. Je pourrais aller entre les deux et juste ajuster mon bras pour qu'on y aille mieux. Très bien, c'est facile, regardez ça très vite. Donnons-nous un peu plus de cadre. Sortons trois secondes ici. Je vais les faire sortir. Qu' est-ce que ces 10, 11, 12 mettent ça à six points. Bon, alors on va prendre ça. Animons la main à suivre. La main va être cet autre groupe qui est ici. Voilà la main. Donc, ce qu'on peut faire avec cette main, c'est qu' on irait à la transformation et qu'on a une position. Pour que nous puissions aller jusqu'à la fin. Allons à la fin. Nous savons que nous voulons que cela soit fait et que nous ayons un cadre clé de position tout au long du retour. Je vais également ajouter un cadre clé de rotation. Ajoutons la rotation et j'ai les deux. Retournons en arrière. Je veux que la main soit baissée et je ne suis pas trop inquiet pour le pouce en ce moment et je vais le faire tourner. Voyons à quoi ça ressemble. Allez au milieu, vers le bas, prenez la rotation est bien sur ça. Ok, soyons faciles, faites-le vérifier une fois de plus, on y va. Regardons ça. Très bien, donc une fois que nous arriverons ici, nous allons prendre notre pouce et frapper le crochet gauche et nous pouvons animer le pouce et le pouce va se positionner, sortira, disons 10. Ajoutez une image clé de position au début et nous allons simplement zoomer afin que nous puissions voir, assurez-vous que nous la déplacons correctement et que ce que nous allons faire est, nous allons simplement la glisser vers le bas comme ça, facile et la ramener. Regardons ça encore. Je veux prendre tout ce mouvement un peu de cette façon et je n'aime pas encore la rotation de la main. Je vais le faire tourner un peu plus. J' ai glissé ça sur l'image-clé pour qu'elle ne s'affiche pas sur moi et je me débarrasse de cette image-clé très rapidement. Jetons un coup d'oeil. Je vais faire d'autres ajustements et c'est vraiment comme ça que ça marche. Vous faites constamment des ajustements jusqu'à ce que vous obteniez quelque chose que vous aimez. Là, nous allons, qui coule mieux. Replaçons ça quelques cadres. Juste à peu près obtenu ça, doit prendre tout ça. Déplaçons ça, un peu plus. Pas content du temps passé ici, peut-être un peu plus tôt. Nous voulons que la vignette apparaisse plus rapidement. Très bien et quand on entrera dans l'éditeur de graphes, on va faire éclater ce truc un peu plus, mais je pense que c'est un bon début. Ajoutons juste un peu plus d'animation à cela. D' accord ? Je vais te frapper pour que je réduise ça, nous cache, te frappe dessus pour cacher les autres trucs. De cette façon, nous sommes encore plus condensés et ça ne me montre que mes images clés. Alors ce que je vais faire, c'est faire le clignotement. On a les yeux, les yeux seront là tout le temps. Alors peut-être par ici. Nous allons le couper là. Ensuite, nous allons au crochet gauche. Il clignote et clignote pour 1,2, 3, 4 peut-être et trois parce que alors [inaudible] crochet gauche va le couper. Ce sera quatre cadres. Ensuite, nous allons à Command Dupliquer ou Control Dupliquer, Commande D. Remettez l'œil. Ce sera un petit clin d'œil et on y va. Maintenant, il clignote et ce que je pourrais aussi faire, c'est qu'une fois que le pouce apparaîtra, on fera juste un peu lever les sourcils. Aller à la clé, à une image clé, aller de l'avant. Cinq, l'élever 1,2,3,4, puis aller 1,2,3,4,5 et le faire descendre 1,2,3,4, et nous allons facile [inaudible]. D' accord, sauvegardons et surveillons rapidement. Espacons les uns un peu plus. Au lieu de cinq, faisons 5,6,7,8, et celui-ci est 5,6,7,8. Fais-le encore. C' est trop lent, alors allons-y sept. On y va et en fait, je pense que ce que je veux faire, c'est que je veux bouger le clignotement après la course des sourcils. On va juste bouger ça longtemps. Regardez-le encore. Un peu plus tard, surgit. « Soulever les sourcils », cliquez sur. D' accord. Je pense que ça s'est bien passé. Bon, donc je pense qu'on a encore une chose à faire ici, c' est d' ajouter le masque pour qu'on puisse les garder dans le cercle. Ok, alors on va faire ce masque. Ce que je vais faire, c'est que je vais prendre tout mon personnage à ce stade, sélectionner tout. Nous allons faire un clic droit dessus, « Pré-composer ». On va appeler cette animation Bubble. Cela va prendre toute l'animation que je viens et la mettre dans sa propre composition et maintenant ce n'est pas dans l'animation principale. Maintenant, je peux prendre ce cercle, dupliquer, Commandement D, mettre au-dessus de notre gars et ce que je vais faire avec ça maintenant c'est en faire un tapis de piste et il y a à l'intérieur du cercle, donc je peux dire au différence avec mon tapis de piste, je vais l'appeler Bubble Mat. J' aime colorer mes tapis, fuchsia, pour voir où ils sont. D' accord. Maintenant, comme notre personnage, on peut modifier les parties de ce gars. Ce que je peux faire, c'est juste ajouter, dire quelques points de plus là-dessus ici, et ici. Ok, et j'en ajouterai probablement un. Peut-être ici. Je veux voir comment ça se passe. Ok, donc j'ai eu mes points et je dois réfléchir à la façon dont il va venir par ici. Je pourrais ajouter quelques points supplémentaires ici. Je pense que je vais en ajouter quelques autres ici, peut-être ici, ici et ici. Parce que ce que je veux faire, c'est que je veux être capable de garder la forme jusqu'à ce qu'il arrive, je suppose jusqu'à ce que ça se plaise ici. Ok, donc ici je sais que je vais ajouter un chemin. Alors juste ici, je sais au moins que je veux ce point hors du chemin. Je vais cliquer sur « Mon chemin ». Je vais sortir ce point du chemin. Il va venir et je veux que ce point soit écarté. Maintenant que j'y pense, peut-être qu'il devrait descendre plus de cette façon pour que quand ça arrive, il ne se coupe pas dans la tête. Ce qu'on va faire, c'est qu'on va sauter ici. On est déjà dans le même point. Je vais attraper le corps. Je peux voir mon image clé de position. Descendez sur la position. En fait, je vais juste le tirer un peu plus comme ça pour qu'il arrive comme ça. Allons y retourner et y jeter un oeil. Ok, donc je vais les tirer encore un peu plus et je peux vraiment l'ajuster ici. À ce stade, nous allons juste l'ajuster un peu plus ici et revenir en arrière et le regarder à nouveau. Je veux avoir celle-là. Allons le tirer encore plus. Voyez où nous en sommes. On y va. C' est parfait. D'accord. Parfois, tu dois juste jouer un peu avec ça pour l'obtenir où tu le veux et ensuite je sais que je veux ça, sorte qu'il sort de la forme ici. Maintenant, et en fait, je n'ai même pas besoin de ces images clés maintenant je le fais comme ça. On y va. Maintenant, il vient juste de sortir du fond. D'accord ? Puis il a eu sa main à venir. On va faire ça. D' accord, on va faire la même chose qu'avant. Je vais ajouter un point ici et nous allons juste déplacer ce masque hors du chemin. Je vais voir comment sa main se lève. D' accord ? Ajoutez un point ici. C' est tout ce qu'il faut. Ce que je veux faire. Je vais en fait animer celui-là. Montons le chemin et animons-le. On va l'avoir. C' est là que je voulais sortir du chemin. D' accord ? Comme il vient ici. C'est un peu plus. D' accord. C'est d'arriver là. Ça va assez vite. C' est juste un coup d'oeil en place après que sa main arrive là. Peut ajuster la main un peu. Dans la vidéo suivante, nous allons regarder juste ajuster certaines de ces animations dans l'éditeur de graphiques. 7. graph editor: Bienvenue de retour. Nous avons, juste un résumé, un début assez beau à notre animation. Il sort du cercle, éclate ses mains, lève son pouce, donne un petit soulagement des sourcils. Nous l'avons emmêlé avec un mat Alpha, et nous avons mis notre animation de personnage à l'intérieur de son propre pré-comp. Allons de l'avant et appuyez sur « U » pour voir les images clés, et double-cliquez sur notre pré-comp et jetons un coup d'oeil à l'ensemble de notre animation. Je vais tout sélectionner, appuyez sur « U ». Jetez un oeil à tous nos cadres clés. Commençons par le corps à venir et à retourner. Je vais sélectionner ces images clés pour le corps, et je vais cliquer sur l'éditeur de graphiques. Nous y voilà. Si vous descendez en bas ici et cliquez sur ceci, Ajuster tous les graphiques à afficher, il affichera vos graphiques comme il est dit, et nous pouvons jeter un oeil à nos deux ensembles de cadres clés. L' un est la position, l'autre est la rotation. Faisons la position d'abord. En fait, je vais juste utiliser le graphique de vitesse pour ça en ce moment. Je vais le sélectionner. Je vais prendre cette petite poignée, et je veux avoir un peu de retard, je veux qu'elle s'enclenche, et quand elle arrive, je veux qu'elle se mette un peu plus en place. Cela va prendre un peu de temps, monter à pleine vitesse, commencer à descendre et commencer à ralentir un peu. Voyons voir que ça ressemble. Alors la même chose va se produire avec notre rotation. Comment je veux que la rotation se produise est la même chose. Je vais prendre la rotation, je vais la tirer. Je veux qu'il prenne vraiment un certain temps pour monter et puis je veux retourner et raccrocher, raccrocher rapidement. Voyons voir. On y va. Revenons un peu là-dessus. Je pourrais avoir ça aller un peu moins. Je pourrais avoir ce règlement juste un peu plus. On y va. Vous pouvez le voir à nouveau. Je crois que j'aime ça. Retournons, et on a fait la tête suivante. Faisons la tête. Prenons ses cadres clés, allons dans l'éditeur de graphiques, et je veux que la même chose se produise, est vraiment linéaire en ce moment, donc je veux que la tête retarde un peu. Il va retarder, il va commencer à avancer, et ensuite ce que je veux qu' il prenne un peu plus de temps à venir et puis à revenir. Voyons voir à quoi ça ressemble. Allons le faire se reposer un peu plus lentement. En fait, je vais faire ça. Allons encore deux cadres. Non, je l'aimais mieux comme ça. Revoyez-le. Ok, je prends ça. Faisons le bras droit. Il suffit de cliquer dessus comme ça sur le côté et je vais juste remplir ici. Nous n'avons pas à continuer d'aller et venir. Je vais faire la même chose. Je veux que le bras droit prenne une seconde. On y va. Je prends ça, et nous allons juste le faire venir juste un peu plus de repos. Allons au bras gauche, et nous pouvons sélectionner tous ces éléments parce que nous voulons tous les voir. Ça a l'air bien. Ensuite, on va aller au pouce, et faire la même chose. On veut que le pouce apparaisse. On y va. Je vais juste ajouter juste un peu d'assouplissement à la fin là. On y va. On va faire les sourcils aussi. La façon dont nous voulons que les sourcils fassent, c'est que nous voulons qu'ils remontent rapidement et se reposent. On y va. Je pense que l'une des choses que je veux faire pendant que nous sommes ici, revenons à la tête et allons au contenu, et trouvons ce morceau de cheveux juste là, c'est notre outil Y, et je vais déplacer le point d'ancrage vers lui, et Disons juste ici, juste en bas dans ce petit endroit. Je vais revenir à notre vue régulière, et je vais ajouter un cadre clé de rotation. Je veux que ce soit comme si c'était là. Juste ici. Revenons à la normale ici. Revenons en arrière 1,2,3,4,5. Faisons-le tourner un peu vers l'avant, et revenons en arrière 10, alors nous remontons jusqu'au début. Faisons tourner un peu vers le haut. En fait, j'ai eu ça à l'envers. Ça va descendre quand il se lève, et quand il descend, ça va monter un peu, puis aller à un dernier point de repos, et allons-le. Aller à l'éditeur de graphes, et je veux qu'il arrive vite et qu'il vienne dans un repos rapide aussi, alors voyons. Ajoutons un peu plus de mouvement. Voyons à quoi ça ressemble dans notre animation principale, ça va être un peu éteint maintenant. Faisons en sorte que ce gars, j'ai déménagé quelque chose ici. On peut ajouter un autre cadre clé pour l' empêcher d'aller là où on ne veut pas qu'il aille. Peut-être quelque chose comme ça. Devant le chemin de cela devrait tous être ouvert. Jetons un coup d'oeil. Je pense que je vais mettre un autre outil ici. On y va. Mais il monte encore trop haut. Juste ici. Tu vois qu'il est trop haut. Ici, nous allons juste faire descendre juste ici à la fin, là comme ça, et ensuite vous tournez vers. Alors on peut voir, problème résolu. Nous avons un peu de bizarre qui se passe ici. Je suppose qu'on pourrait toujours garder ça comme ça, et là, le mettre en place. Cette fois, on va un peu mieux. On y va. Dans la vidéo suivante, nous allons travailler à faire le flip de la pièce et à révéler le diamant. 8. Flip et exportation: Maintenant que l'éditeur de graphique est terminé, nous allons travailler sur le flip de pièce. D' abord, je veux faire est d'aller dans l'animation Bubble Guy. Je veux l'étirer pendant quatre secondes, aller un peu plus loin, juste au cas où il y aurait un peu plus de place pour jouer, et il restera gelé là. Revenons à l'animation principale, nous avons eu ceci et maintenant nous pouvons le souligner un peu plus loin. On va l'étirer pendant cinq secondes. Ce que nous avons à faire est, le mat bulle doit être parent à bulle gars, et le gars bulle doit être parent à bulle, et le diamant doit être une couche 3D, ils ont en fait tous besoin d'être en couches 3D. Permet de dessiner en couches 3D et nous allons réellement allumer le diamant. Mais le diamant va être derrière notre couche de bulles, ce que nous allons faire c'est aller au diamant et aller en position, et nous allons faire celle-là, et on va juste le mettre derrière la bulle. Maintenant que nous avons ça, nous allons jeter un oeil ici où nous voulions retourner, il va monter et mettre son pouce vers le haut. Dès qu'il se lève le pouce, juste aux deux secondes, il obtient un résumé. Venez un peu, on va lui donner un peu plus de temps comme ça. Maintenant, nous allons nous préparer pour le flip et nous allons réellement retourner la bulle. La bulle s'allume si vous appuyez sur « R », ça fera monter la rotation, et nous voulons la faire pivoter sur « Y ». Vous pouvez voir qu'il tourne ici sur « Y ». Maintenant, nous allons avoir un problème bizarre avec le diamant, c'est parce que le diamant n'est pas parent sur quoi que ce soit et nous voulons que le diamant soit parent à la bulle aussi. Maintenant, si on fait tourner ça, le diamant est derrière être parfait. « Annuler » et nous allons mettre une clé de rotation pour n, et je vais aller 1,2,3,4,5 images et nous allons faire une anticipation. Nous allons le ramener un peu comme ça, et ensuite je veux qu'il aille de l'avant 10, peut-être 12, et je veux qu'il fasse 180 en arrière dans l'autre sens. On va juste frapper « 180 », et il y a le plein 180, donc on va se calmer. Peut-être que quand il frappe ici va aller 1,2,3,4,5 et mettre ce cadre clé dans, juste aller plus et cliquer sur le « KEY-FRAME », met l'ami clé correct qui est déjà là, de retour en place. On va prendre celui-là, on va juste le dépasser un peu. Alors ce que je veux faire, c'est quand il commence à tourner et qu'il arrive juste là. En fait, avant de faire cela, nous allons faciliter cela, ici nous allons et voir que nous sommes déjà familiers avec l'éditeur de graphiques, faisons juste l'éditeur de graphiques maintenant. Ce que nous voulons faire, c'est que nous voulons qu'il prenne un peu de temps le [inaudible] alors nous le voulons, donc il va prendre une deuxième anticipation et il va se remplir très vite, ça va commencer à se calmer dedans, alors je veux qu'il s'installe dans c'est un peu. Jetons un coup d'oeil à ça. Peut-être trop, revenons juste un peu. Alors si nous le voulons, nous pourrions en fait, quand nous frappons ici, nous voulons que le gars et le masque disparaissent rapidement et c'est juste le diamant, et juste comme ça, nous avons un flip de monnaie, et nous voulons que ce soit un animation en boucle, donc après que nous avons le flip de pièce, laissez reposer pendant une seconde puis nous allons « KEY-FRAME » 1,2,3,4,5, peu d'anticipation, 10,11,12, retourner à zéro. Peut-être 1,2,3,4,5. Remettez ça et revenez, dépassez un peu, et nous ferons la même chose ici dans l'éditeur de graphiques. Je vais le libérer. On va imiter la même chose qu'on a fait sur l'autre, et on le regarde encore une fois. On y va. Partez, et nous avons une animation qui boucles. Nous avons une animation en boucle. La dernière chose à faire est de rendre cela et de le transformer en GIF. Ce que nous allons faire est d'ajouter ceci à notre file d'attente de rendu, nous pouvons aller à la composition, ajouter à la file d'attente de rendu et ensuite ce que nous voulons faire est sous le format de paramètres, je vais le mettre comme un H.264. Cliquez sur « OK » et nous allons mettre deux et dans n'importe quel dossier dans lequel vous enregistrez. Je vais appeler ça bulle guy animation et cliquez sur « SAVOIR ». Maintenant, tout ce qu'on a à faire maintenant, c'est de frapper le rendu. Mais avant de le faire, nous l'avons fixé à 1920 d'ici 1080. Si vous configurez cela pour dribble ou Instagram, il doit être réglé sur quelque chose d'un peu plus petit, 800 par 600 est le plus grand que le dribble prend, puis Instagram prendra plus grand, mais il doit être carré. Vous pourriez faire 600 par 600 ou 800 par 800. Préparez cela pour drivel vraiment rapide. Revenons à notre animation principale avant de le rendre, je vais appuyer sur « COMMAND"OK, ou vous pouvez aller à la composition et faire des réglages de composition, et ensuite nous allons juste changer cela à 800 par 600. Nous savons déjà que tout est attaché à la bulle, je vais juste l'échelle vers le bas pour qu'il s'intègre ici bien. En fait, passons un peu vers le bas pour qu'il soit un peu plus centré, et maintenant c'est prêt pour le dribble. Comme je l'ai dit, si vous vouliez sur Instagram, faites-le carré. Maintenant, nous allons revenir à nos paramètres, et nous avons ce paramétrage sur H.264. Nous avons un ensemble prêt à rendre, et nous allons juste cliquer sur « RENDER » et c'est tout. Maintenant, on peut l'ouvrir dans Photoshop. Ici, nous avons photoshop ouvert, ce que nous allons faire est d'aller à l'endroit où nous mettons notre vidéo, et nous allons descendre et simplement glisser ceci dans l'icône Photoshop ou dans Photoshop. Maintenant que la vidéo est dans Photoshop, nous pouvons la voir ici. Nous allons aller à Fichier, Exporter, Exporter pour le Web et il va faire apparaître ce menu pour que nous puissions créer un GIF. Je vais m'assurer que GIF est choisi ici, et nous pouvons prévisualiser à quoi ça va ressembler. Ça a l'air plutôt bien. Ensuite, nous voulons que les options de boucle soient définies pour toujours afin qu'il s'agisse d'une boucle continue, et nous cliquons simplement sur « SAVE » et puis nous l'enregistrons dans le même dossier que nous avons déjà enregistré le reste de nos fichiers de projet, cliquez sur « SAVE » et C'est ça. Maintenant, nous pouvons aller dans notre dossier où nous venons de sauvegarder notre GIF en boucle, cliquer dessus, et le voilà, en boucle continuellement. Maintenant, cela est en fait réglé et prêt pour vous à télécharger, à dribble ou si vous l'avez fait carré, vous pouvez le télécharger sur Instagram ou tout autre site de votre choix. Merci d'avoir regardé.