Aides avancées : les graphiques de mouvement de Ground Up

1. Introduction: Je n'ai pas de formation musicale. J'avais l'habitude de dire, enfin, avant la pandémie, je suppose, puis ça a un peu perdu contact et je ne peux très bien chanter maintenant j'ai besoin d'un peu d'entraînement. Et même si je n'ai pas de formation musicale, ce qui me fascine beaucoup dans la musique, partitions ou les notations musicales, c'est essentiellement la musique écrite sur papier, que vous pouvez lire. Et je crois que les personnes entraînées à la musique peuvent également entendre la musique dans leur tête lorsqu'elles la lisent, ce qui représente un phénomène physique. Le son et la hauteur sur le papier sont époustouflants. C'est remarquable ce que nous avons pu faire. Avant de passer aux graphiques animés, j'aimerais m'attarder un peu plus sur le sujet des notations musicales et parler de la musique, non, ce n'est pas le cas. Qu'est-ce que tu penses que c'est ? Cela vient en fait d'un tableau peintre de la Renaissance Hieronymus Bosch. Dans ce triptyque , dans ce coin de cette mer de chaos, se trouve ce type avec des annotations musicales écrites dessus. Mais les gens ont, bien entendu, essayé de jouer cette musique et c'est à vous de juger de sa qualité ou de sa mauvaise qualité. D'accord ? Ce que j'essaie de faire comprendre, c'est qu'on peut écrire un phénomène physique ou représenter un phénomène physique comme de la musique sur du papier avec un stylo. De même, vous pouvez également représenter le mouvement sur un papier avec un stylo en utilisant trois lignes comme celles-ci. notations musicales sont comme le sont pour moi ou pour tous ceux qui n'ont pas de formation musicale. Ces lignes ne sont pas non plus révélatrices si vous ne comprenez pas les graphiques animés. Bonjour, je m'appelle Nash et dans ce cours, je voulais entraîner votre cerveau à regarder de telles lignes et à imaginer des mouvements se produisant dans votre tête. Imaginez un mouvement qui se produit dans votre tête et tracez les lignes qui correspondent à ce mouvement. Parce que ce sont les graphiques animés et les éléments simples qui font ou défont l'animation. Même si vous avez une belle animation, superbes couleurs et tout le reste. Si les soirées et les graphiques animés ne sont pas écrits, votre animation sera nulle. Je dis cela avec beaucoup de confiance. Je vais vous apprendre ce que signifient ces graphiques en lignes et comment les manipuler pour créer de belles animations. Ce cours a utilisé cela, vous savez, les bases de votre utilisation d'After Effects , comme propriétés du keyframing, etc., tout ce qui peut être abordé dans un cours intensif de 10 minutes sur YouTube. Je vais commencer par les bases et je vais m'appuyer sur cela. Et je vais aussi, sans hésitation, vous montrer un peu de mathématiques qui entrent en ligne de compte dans ces graphiques. Alors ne perdons pas de temps. Allons-y. 2. Taux de change: Bienvenue à la toute première leçon de ce cours. Le titre de cette leçon est Taux de variation. Maintenant, avant expliquer pourquoi cette leçon s'appelle taux de variation. Et le reste, il y a quelque chose que je voulais partager. La façon dont j'ai structuré cette leçon est que vous allez partir de cette leçon avec une et une seule idée de base la fin de cette leçon, pour ne pas atteindre cette idée, je vais devoir y aller grâce à un certain nombre de calculs et de mathématiques. Non, rien de super complexe, juste des choses simples à atteindre. Mais je voulais juste le mettre en avant avant le début de la leçon. Parce que si vous atteignez une partie de la classe ou de cette leçon, qui ne vous plaît pas nécessairement à cause des mathématiques et tout le reste. Je voulais juste te dire que c'est bon. Si vous ne le comprenez pas, c' est juste une idée de base du cours que vous devez suivre. Mais en dehors de cela, passons à l'essentiel de la classe. La différence entre tout ce qui est statique et tout ce qui est animé est aussi simple. Dans quelque chose de statique, rien ne change. Mais dans quelque chose d' animé ou d'animation, les choses changent et les choses changent. Position, taille, rotation, etc. Par conséquent, le composant de base de toute animation est le changement. Et le changement se mesure toujours en fonction du temps. Tout changement nécessite que le temps avance également dans Pattern roll. Sans le mouvement du temps, sans la flèche du temps, il ne peut y avoir de changement ni d'animation. C'est pourquoi cette partie de l'interface utilisateur d' After Effects est appelée timeline. Ici, vous pouvez faire des allers-retours dans le temps et voir une animation se produire. Et si vous ne le voyez pas, encore une fois, allez dans la fenêtre et vous verrez la chronologie. Prenons le carré par exemple, à l'instant t égal à 0, je vais définir une image-clé pour une rotation de 0 degré. Et au moment où t est égal à 1 seconde, je le fais pivoter de quatre à cinq degrés. Et si je frotte, on peut le voir tourner. Maintenant, prenons le même ensemble d'actions consistant à définir une image-clé au temps t égal à 0 pour 0 degré et à l'instant t 1 seconde pour 45 degrés et tracée sur un graphique très simple. Maintenant, nous savons déjà que nous avons besoin du mouvement du temps. Je vais donc dessiner cet axe plat et je vais dire que c'est l'heure. Et je vais dessiner un autre axe comme celui-ci. Et je vais appeler cela l'axe de rotation. Ça va ? Maintenant, encore une fois, le même ensemble d'actions. Je vais aller de l'avant et changer ma couleur pour quelque chose comme le bleu. D'accord, donc à l'instant t est égal à 0 seconde, nous avons une rotation de 0 degrés. Et disons que le temps t est égal à 1 seconde, nous avons la rotation. Et si nous divisons cet axe comme dix degrés, 203040506070 taux. Cela peut être dix degrés, 20 degrés, 3040 degrés, 506070 degrés, et ainsi de suite. aurait 45 degrés quelque part par ici. Donc, à l'instant t est égal à 1 seconde, la rotation est de 45 degrés, donc je vais juste dessiner un point ici. Super. Maintenant, je vais juste dessiner quelques lignes horizontales et verticales. Donc à partir de t égal à 1 seconde, je vais juste tracer cette ligne. Et au temps t avec une rotation de 45 degrés, je vais juste tracer cette ligne. C'est donc là qu'ils se croisent et c'est notre premier qui est de 0004 à 5 en un. Ce sont tous ces deux points, ces deux points disent en gros, maintenant allons de l'avant et connectons ces points en utilisant une belle couleur jaune. Si c'est visible, je vais le rendre un peu plus sombre. Je vais donc aller de l'avant et relier ces points comme ceci. Très bien. Et leur VR, nous avons un graphique et nous n'avons vraiment pas besoin de ce cercle ici. Donc je vais juste aller de l'avant et, tu sais, je vais juste m'en débarrasser. Très bien, concentrez-vous simplement sur cette ligne. Nous avons donc un graphique maintenant. Très bien, cool. Essayons maintenant de simplifier un peu ce graphique. Tout d'abord, nous n'avons pas besoin ces lignes horizontales et verticales. Ces lignes pointillées n'étaient là que pour souligner que ces points sont créés à leur intersection et que les points sont tout ce qui nous intéresse vraiment. Ensuite, nous savons que puisque ce graphique est dessiné dans le contexte d'une animation, l'axe horizontal sera toujours un axe temporel. Maintenant, nous allons laisser les divisions, laisser ces divisions ici, mais nous pouvons nous débarrasser de l'étiquette parce qu'il est entendu que ce sera toujours chronométré, non ? C'est implicite, c'est compris. Nous allons laisser la rotation ici pour l' instant parce que nous avons affaire à la rotation. Mais n'oubliez pas que dans After Effects, vous travaillerez toujours à l'intérieur de la propriété, rotation ou de l'échelle, ou britannique et cetera. Et cela sera toujours sous-entendu. Mais pour l'instant, laissons la rotation ici. Nous n'avons pas non plus besoin de ces étiquettes ici, n'est-ce pas ? Parce que nous tous, à la fin, vous verrez que tout ce qui nous intéresse à ce graphique ici, n'est-ce pas ? C'est ce que j' essaie de dire. Juste pour simplifier un peu le graphique et éliminer les informations redondantes. Une fois que nous l'aurons fait, une fois que nous l'aurons un peu nettoyé, oups, laissez-moi juste nettoyer un peu. Et si vous utilisez Procreate, vous savez que cette application, j'utilise un iPad et Procreate, mais ce n'est vraiment pas la partie de la classe. Mais bon, au final, nous avons ce graphique ici, non ? Ce que nous avons fait, c'est que nous comprenons que c'est le temps, cet axe, la propriété dans laquelle nous travaillons, cette ligne jaune ou verte, je suis daltonien, je ne sais pas, mais cette ligne ici est ce que j'ai suppose est votre premier graphe de mouvement. Bon, maintenant, si je reviens dans After Effects grâce à cette petite animation refaite de ce carré tournant, c'est ça. Nous pouvons aller ici, cliquer sur l'éditeur de graphe, puis tout droit, aller tout droit vers le bas, cliquer sur Modifier le graphique de valeur et nous assurer que la propriété de rotation est sélectionnée. Et lorsque vous cliquez dessus, le même graphique que celui-ci. Regardez-moi ça. Et c'est pourquoi j'ai dit que peut-être ceci, vous savez, si vous n'êtes pas familier avec Graph, c'est votre tout premier graphe de mouvement. Maintenant, cela passe de 045 degrés, c'est ce qui change. Mais n'oubliez pas que le titre de cette leçon est « taux de changement ». Qu'est-ce que c'est maintenant ? Le taux de variation revient à dire à quelle vitesse le changement se produit ou la vitesse du changement et ce qui change ici encore, la valeur d'une propriété, la valeur d'une propriété et la la propriété en question en ce moment est la rotation. Revenons à ce graphique que nous avons esquissé précédemment de la rotation du carré de 0 à 45 degrés et essayons de déterminer la vitesse. Et la vitesse d'un graphique est mesurée par une formule simple. Très bien, il y aura un peu de calcul. Ok, revirement. Fermez la vidéo maintenant si ça ne vous intéresse pas , je plaisante. Ce n'est pas si compliqué. Et je ne ferai pas de ton poids ton temps à apprendre quelque chose que tu n'utiliseras pas. Mais de toute façon, la vitesse est mesurée par une formule simple, qui est divisée par dx. Ça va ? Maintenant, il y a trois choses qui peuvent être nouvelles pour vous. D, y et x. Tout d'abord, écartons x et y. Maintenant je présume que vous le savez déjà, mais laissez-moi revenir une fois de plus sur un plan bidimensionnel. Et nous en parlerons plus en détail lorsque nous parlerons de la modification de la propriété position et qu'après les effets, il n'y a que deux directions. Vous pouvez vous déplacer, soit horizontalement, soit verticalement, au lieu de l'appeler à plusieurs reprises vertical et horizontal, qui sont à la fois une bouchée, nous avons conventionnellement universellement accepté partout dans le monde. Nous étiquetons la direction horizontale par x et la direction verticale par y. Et nous allons simplement ignorer cette étiquette glacée, étiquette dans la dernière phrase. Mais c'est le point que nous appelons la direction horizontale x et la direction verticale y. Et si vous comprenez ce sens, alors félicitations, vous comprenez le concept de x et y dans un graphique. Dans notre graphique, le temps est dans le sens horizontal. Nous pouvons donc dire qu'il s'agit de notre axe X du graphique ou l'axe horizontal et rotation ou de toute autre propriété dont nous avons affaire. Un After Effects sera dans la direction verticale, ou on peut dire qu'il s'agit de l'axe Y. Maintenant, x et y sont écartés. Qu'est-ce que c'est d. Maintenant, voici comment je vais écrire la vitesse de rotation de cette animation, cette animation de symbole carré rotatif que nous créons un After Effects. Ce que je vais faire, c'est que je peux écrire que la vitesse de rotation est égale à, donc elle passe à 45 degrés. Donc 45, et ça commence à 0 degré. Donc moins 0, il atteint quatre à cinq degrés 1 seconde et il commence à 0 seconde, donc moins 0. Ce serait donc 45 degrés par 1 seconde, ce qui implique que la vitesse de rotation est 45 degrés par seconde. Et cette soustraction ici, cette soustraction ou soustraction, comment l'appelle-t-on ? Je ne sais pas. Cette soustraction est ce qu'on appelle Delta, et elle est représentée par le symbole grec delta ou au lieu de delta, ce qui peut être utilisé est juste une petite lettre D. Maintenant, il y a quelques nuances de calcul où utiliser Delta et où utiliser D. Mais cela ne nous concerne pas vraiment. Nous sommes prêts à partir. Tout cela était juste pour vous montrer que c'est le graphique d'un carré qui tourne à 45 degrés par seconde, n' est-ce pas ? Alors laisse-moi me débarrasser de tous les calculs ici. Maintenant, ce que je vais faire, c'est sélectionner une couleur différente. Je vais sélectionner cette couleur. Et je vais dessiner un autre graphique, mais un peu plus raide que ça, n'est-ce pas ? Laisse-moi dessiner quelque chose comme ça. Un peu plus raide que ça, non ? est un peu plus raide que ça. Comme vous pouvez le voir, ce graphique, le graphique original, est plus plat que ce graphique, ce nouveau graphique que j'ai dessiné. Maintenant vous me dites ceci, l'objet avec ce graphique pour la rotation, le nouveau, nous tournerons plus vite que celui-ci ou plus lentement. Maintenant, pensez-y. Oui, il tournera plus vite car il couvre plus. Il tourne de plus de 45 degrés dans le même laps de temps pour l'obtenir. Maintenant, laisse-moi entrer ça. C'est le concept important que vous allez tirer de cette leçon. Revenons maintenant à After Effects à cette animation simple que nous avons créée. Je vais continuer et sélectionner ce calque, appuyez sur Commande D pour le dupliquer. Et avant de poursuivre et de faire quoi que ce soit d'autre, regardons encore une fois la rotation, le graphe de mouvement de la rotation juste ici et maintenant il occupe toute la zone de la chronologie, est parce que cette option est sélectionnée, qui est la hauteur du graphique de zoom automatique. Nous allons désactiver cela afin de nous permettre de voir plus facilement la différence de ce que nous allons faire. Maintenant, nous venons de dupliquer cette couche. Je vais cacher l'original. Je vais continuer et sélectionner le nouveau calque, appuyer sur R pour augmenter la rotation. Et vous pouvez voir que puisque nous le dupliquons, c' est exactement la même chose. Mais ce que je vais faire, c'est augmenter sa vitesse. Et une façon de le faire est d' augmenter le nombre de rotations. Donc maintenant ce carré pivote de 75 degrés en 1 seconde, et ce carré a pivoté de 45 degrés en 1 seconde. Jetons donc un coup d'œil à leurs graphiques. Je vais sélectionner la rotation de l'original. Et vous pouvez voir que c'est le graphique. Et maintenant je vais continuer et sélectionner la propriété de rotation de la plus récente. Et tu y vas. Comme vous pouvez le voir, le graphique est plus raide et j'espère que vous comprenez ce que je veux dire quand je dis plus raide, cela signifie qu' il est plus loin. Cet angle ici est plus éloigné, plus du sol pour ce graphique, que pour ce graphique. Donc plus plat, plus raide, plus plat, plus raide, rotation plus rapide, graphique plus raide, rotation plus lente, graphique plus plat. Et de la même manière, si je dessinais un autre graphique plus plat comme ça, non ? Celui-là, juste là. Vous imaginez la vitesse de l'objet ? Mais ce graphique de rotation, bien sûr, sera plus lent car il tourne moins dans le même laps de temps. Permettez-moi de renforcer cela en revenant dans After Effects. Je vais continuer et dupliquer ce carré à nouveau. Et ce que je vais faire avec ce carré dupliqué, c'est appuyer sur R pour activer la rotation, et je vais le faire pivoter de 20 degrés en 1 seconde. La vitesse de ce carré tourne de 20 degrés en 1 seconde. Comme vous pouvez le voir, c'est plutôt lent, non ? Et si je vais de l'avant et que je regarde son graphique, c'est plus plat, plus lent, un peu plus rapide, plus rapide. Comme vous pouvez le voir, le graphique passe de plat à plus raide à mesure que la vitesse de rotation augmente. C'est ainsi que vous pouvez interpréter, corréler la pente ou l' aplatissement du graphique et la rapidité de la rotation ou de tout changement de propriété. Maintenant, avant de sortir de cette vidéo avec les informations que nous avons obtenues, laissez-moi vous donner un autre exemple pour qu' il devienne plus concret. Je vais donc supprimer ces couches supplémentaires. Je vais continuer et supprimer toutes les images-clés de la rotation. Très bien, donc c'est juste un carré normal. Permettez-moi de le faire pivoter vers l'arrière 0. Je vais appuyer sur S en sélectionnant ceci et en faisant apparaître la propriété scale. Et je vais continuer et maintenir l'échelle à 100 si t est égal à 0 seconde. Ou je peux y aller à tout moment. Et encore une fois, je peux augmenter son échelle à quelque chose comme 150, non ? Vous pouvez donc voir que c'est ainsi que cela change de cent, deux cent cinquante. Jetons un coup d'œil au graphique de cette animation et vous pouvez voir qu'elle est encore une fois, le même graphique augmente comme ça. Maintenant, dupliquez-le, puis appuyez à nouveau sur S et laissez-moi augmenter la vitesse de celui-ci. Comment puis-je augmenter la vitesse en la faisant passer à 200 % en 1 seconde ? Vous pouvez donc voir comme boop, c'est plus rapide. Et si je regarde son graphique, vous pouvez voir que c'est plus raide, plus raide, plat, plus plat, plus plat est plus lent, plus raide est plus rapide, non ? Et ce n'est pas magique, c'est mathématique parce que lorsque le graphique est plus pentu, le même nombre de changements se produisent en moins de temps ou plus de changements se produisent en même temps. L'animation est donc plus lente ou plus rapide. Et avec cela, nous en avons terminé avec cette leçon. La seule idée claire de base dont je parlais et que vous allez abandonner était que lorsque le graphique est plus plat, les choses bougent plus lentement et quand le graphique est plus raide lorsque le graphique est plus plat, les choses bougent plus lentement et quand , les choses bougent plus vite . Si lentement, vite, vite, vite, vite. C'est l'idée de base et j'espère que vous l'avez comprise et j'espère que vous allez partir avec cette idée. Tiré de cette leçon. Dans la leçon suivante nous parlerons plus en détail de l'assouplissement, différents types d'assouplissement et de la raison pour laquelle ils sont appelés. Je ferais donc une courte pause. Je te verrai bientôt. 3. Easing(s): Ok, donc tu es là. Allons droit au but et savons récapitulé. Bon, un petit récapitulatif. Dans la leçon précédente, nous sommes partis de ce graphique. Si vous pouvez le voir, cela montre essentiellement comment une propriété change au fil du temps. Et nous avons appris que plus le graphique est pentu, plus le changement se produit rapidement et plus le graphique est plat, plus le changement se produit lentement. En ce qui concerne easing, easing n'est pas vraiment un mot anglais, j'imagine que vous ne le trouverez pas dans le dictionnaire. J'ai eu du mal à trouver un moyen expliquer à quelqu'un qui ne l' a jamais entendu auparavant. Alors faites très attention. assouplissement est essentiellement la façon dont un changement de propriété se produit au fil du temps, comment il ralentit, accélère, etc. Il existe de nombreux types d'assouplissement que les motion designers utilisent easing in, ease out, easing Expo et faciliter la sortie d'Expo, etc. Et tout cela sera plus clair fur et à mesure que nous progresserons dans la classe. Vous n'avez pas besoin de comprendre cela à 100 %. Ok ? Maintenant, ce graphique représente un assouplissement colinéaire d' accélération, ce graphique qui est tout simplement une droite inclinée. Et l'assouplissement linéaire est le type d' assouplissement le plus ennuyeux qui soit. Peux-tu dire pourquoi ? C'est ça ? Parce que tout le changement de valeur d' une propriété se produit à une vitesse constante. Comme si je jouais ça, ça arrive à une vitesse constante, qui n'est pas comme ça que les choses bougent dans la vraie vie. Maintenant, si je vous demandais de tracer une constante graphique sur papier, quoi cela ressemblerait-il ? Une constante comme, par exemple, c'est le temps, bien sûr, mais une constante peut être n'importe quoi. Cela peut être le numéro deux, le numéro un, le numéro dix, ou peu importe. À quoi ressemblerait le graphique d' une constante ? Vous savez à quoi cela ressemblera si je sélectionne la couleur verte, totalement arbitraire. Le vert n'a rien à voir avec le graphique. Donc le graphique d'une constante, nous allons ressembler à ceci, ce qui signifie qu'au fil du temps, il reste le même. n'y a pas de changement dans la constante, mais avec une vitesse constante, ce n'est pas comme ça que les choses bougent dans la vie réelle. Dans la vraie vie, disons que lorsque la voiture démarre, elle démarre lentement, puis elle prend de la vitesse. Et puis, au fur et à mesure qu'il ralentit, il ralentit progressivement. Ou lorsque vous lancez une balle, elle démarre à une bonne vitesse, puis tombe lentement à cause de la friction. Il y a quelque chose que je vais vous montrer dans After Effects. Juste un petit aperçu de quelque chose. Ok ? Il existe donc deux types de graphiques dans After Effects. Il y a le graphique des valeurs, qui montre comment la valeur d'une propriété change au fil du temps. Et puis il y a le graphique de vitesse qui montre les changements de vitesse au fil du temps. Et si je clique ici, vous verrez que c'est le graphique de vitesse et le graphique d'une constante que nous avons dessiné ici, ce qui signifie que le temps demandé passe, il reste le même. La vitesse de cette animation reste donc la même pendant toute sa durée. C'est pourquoi il est très robotisé, très peu naturel et n'a pas vraiment l'air beau. Et cette période d'assouplissement est ce qu'on appelle l'assouplissement linéaire. Maintenant, le graphique de valeur et le graphique de vitesse sont très connectés et je vous le montrerai plus tard. Mais pour l'instant, il est prudent d'oublier que le graphique de vitesse existe même. Changeons un peu les choses maintenant. Revenons à notre chronologie en cliquant sur l'éditeur graphique, je vais sélectionner la première image-clé. Je vais cliquer dessus avec le bouton droit de la souris et accéder à assistant d' image-clé et choisir Facile, Ease, très bien, et vous remarquerez que la forme de l'image-clé change, dont nous parlerons plus tard. Maintenant, si je joue cette animation, remarquez qu'elle commence lentement et qu'à un moment donné, elle commence à se déplacer à une vitesse constante. OK, prêt, attention, je vais jouer l'animation. Il commence lentement puis commence à saigner à une vitesse constante. Ensuite, je vais simplement déplacer cette image-clé un peu plus en avant afin que vous puissiez leur donner une meilleure idée de l'animation. Alors je clique sur Lecture, il démarre lentement puis se déplace à une vitesse constante. Maintenant, examinons le graphique des valeurs, qui montre le graphique de l' évolution de la valeur d'une propriété au fil du temps. On peut voir une certaine courbe ici. Si votre graphique ne l'est pas, c'est comme totalement zoomé, vous pouvez cliquer ici, ce qui indique Ajuster le graphique à la vue et il va simplement l'étirer pour qu'il s'ajuste correctement. Tu peux le faire. Et vous pouvez remarquer que le graphique n' est plus une ligne droite cause de la courbe ici. Maintenant, comment lire un graphique qui est courbé comme ça ? Et c'est un très gros graphique interne. Il va y avoir des greffes tordues et ainsi de suite. Et comment les lisons-nous ? Eh bien, ce n'est pas si difficile. Tout ce que vous avez à faire est de vous rappeler que n'importe quel graphique ou courbe est composé d'un grand nombre de points comme ceux-ci. C'est un point, c'est un point, c'est un point, c'est un point. Il est donc composé de nombreux points comme ceux-ci. Maintenant, ce que vous devez faire, c'est dessiner mentalement une tangente sur chacun de ces points ou sur certains de ces points, n'est-ce pas ? Mais d'abord, qu'est-ce qu'une tangente ? Une tangente est simplement une ligne droite qui touche une courbe en un point. Donc, s'il s'agit d'une courbe, tangente peut être celle-ci. C'est une droite qui touche cette courbe à ce point, n'est-ce pas ? Vous pouvez donc dessiner autant de tangentes que vous vous réchauffez. Choisissons ce point et dessinons une tangente. Je vais choisir ce point et dessiner une tangente. Je vais choisir ce point et dessiner une tangente. Je vais choisir ce point et dessiner une tangente comme celle-ci. Et souvenez-vous de ce dont nous avons parlé plus tôt. raide, plus raide signifie plus rapide et plus plat. C'est plus lent. Mais regardez ça, la propriété qui suit ce graphique. Donc cette tangente ici est plus plate, donc la vitesse est lente, puis plus plate augmente encore un peu, non ? Et puis encore, il devient raide jusqu'à ce qu' il atteigne toutes les tangentes qui sont réellement du même angle ou également abruptes ou égales en mi bémol. Donc, en gros, il commence lentement, puis il atteint un point de vitesse constante. Et c'est ce qui se passe ici également. Vous voyez que c'est le même graphique. Ainsi, la tangente est plus plate, plus plate, plus plate, puis atteint les vitesses du compte. Imagine ça. Je vais commencer et faire un peu de manipulation graphique. Pas grand-chose, juste pour renforcer ce point. Et si je tire dessus, je maintiens Shift pour qu'il se déplace en ligne droite. Je tire ça et je le rends plus plat. accord, donc si je trace une tangente à ce point, elle sera presque plate, donc la vitesse sera presque nulle, puis elle restera à une vitesse plus lente pendant plus longtemps. Donc, si je joue cette animation, regarde ça. Oui, ça commence assez lentement puis ça décroche. Permettez-moi donc d' étendre un peu plus cette animation afin que vous puissiez mieux la comprendre. Et je vais continuer et le rejouer pour que vous puissiez voir qu'il passe tellement de temps avant qu'il ne commence à tourner parce que la vitesse est lente pendant toute cette durée. Encore une fois, balayez ceci, regardez le graphique, quel point il est plat et à quel point il bouge moins pendant la partie plate. Et si je le fais plat ou immobile, vous pouvez voir que cela prendra plus de temps pour commencer. Encore une fois, n'oubliez pas qu' il s' agit du graphique de valeur dont vous avez affaire. Nous ignorons le graphique de vitesse pour l'instant. Et oui, donc dans le graphique des valeurs, il est plat, plus il se déplace puis il prend lentement de la vitesse. Bon, maintenant, il va y avoir une nomenclature dans laquelle nous allons utiliser la clause de non-responsabilité relative aux engins. Maintenant, si vous regardez ce graphique entier, ce graphique de valeurs dans son ensemble, appelons ce côté le côté gauche, le côté intérieur. Très bien. Le côté droit, l'extérieur. Maintenant, nous allons faire quelque chose similaire lorsque nous parlions vraiment de l'accélération des applications sur des nœuds uniques. Plus tard, nous aurons un intérieur et un extérieur. Mais c'est là que je leur donnais juste un coup de tête. Donc, dans l'ensemble de ce graphique, le côté gauche est l'intérieur, c'est le côté entrée, et ce côté là, c'est l'extérieur. Comme vous pouvez le voir sur ce graphique, il y a un assouplissement appliqué à l'intérieur, n'est-ce pas ? Et par conséquent, nous pouvons appeler ce graphique la facilité dans le graphique, si j'apporte ce site Web appelé easing is dotnet. Il met simplement en valeur toutes sortes de choses différentes. Bien entendu, aucun site Web ne peut couvrir chaque petit changement de courbe. Mais regardez toutes les courbes qui ont des 0 n devant elles. Ils ont tous un certain assouplissement à l'intérieur du graphique, non ? Il est dedans, tu y vas, on y va. Il y a un certain assouplissement ici, non ? Et de même, et de la même manière dans ce graphique, si je vais de l'avant et supprime l' accélération à partir de ce point, qui peut être fait simplement en revenant à la chronologie Command Plus clic et engrenage afin qu'il n'y ait pas assouplissement. Et si je vais de l'avant et que j'applique l'accélération à cette image-clé en accédant à assistant d' image-clé et à la facilité facile, vous pouvez voir que cela devient un graphique d'accélération parce qu'il y a assouplissement sur le en dehors de cette animation. Et encore une fois, si je fais apparaître ce site Web, vous pouvez voir que tous les Ease Outs ont une sorte de courbe qui se passe ici. Détendez-vous, évacuez le froid. Tous ces éléments ont une sorte de courbes qui se produisent ici. J'espère donc que vous comprenez que lorsque vous appelez un graphique, easing in et quand vous l' appelez graph ease out. Et il va sans dire que vous avez déjà appris à lire le genre de graphique, c'est que les tangentes forment le même angle à partir d'ici. Ils ont donc la même inclinaison si c' est un mot et puis ça commence à s'aplatir ici, ce qui signifie qu' il démarrera à une vitesse constante puis qu'il ralentira. Ça va sortir. Maintenant, il y a des valeurs mathématiques précises qu'After Effects s'applique à ces graphiques lorsque vous appliquez une sorte d'assistant d' image clé , puis une facilité facile et nous allons expliquez plus en détail les valeurs par défaut et comment les manipuler plus tard dans les classes à venir. Maintenant, si je vais de l'avant et que j'applique l'accélération à cette image-clé en allant dans l'assistant d'image-clé et en appliquant la facilité facile. Vous pouvez voir que maintenant il y a un assouplissement des deux côtés. Et ce graphique s'appelle un graphique d'entrée et de sortie. Et n'oubliez pas que nous parlons ici de ce graphique dans son ensemble. Ce graphique des valeurs. Jusqu'à présent, vous connaissez in graph, Ease Out graph, vous connaissez l' aisance dans notre graphe, et vous connaissez également le graphe linéaire ennuyeux. Maintenant, toutes ces choses sont le modèle très basique, choses faciles que vous pouvez simplement ajouter à votre animation pour la rendre un peu plus naturelle, un peu plus intéressante, mais rien de plus avec toutes ces informations. Maintenant dans votre tête, nous sommes prêts à travailler sur un projet qui nécessitera une tonne de manipulations avec les graphiques de mouvement pour obtenir le changement souhaité. C'est donc quelque chose que nous allons faire dans le prochain cours. Et j'ai hâte de commencer. Fais une petite pause et je te retrouve au prochain. Je veux dire, la prochaine leçon. 4. Votre écriture manuscrite est unique: Voici un secret. Tu ne le sais peut-être pas. C'est que votre écriture est unique. Très unique. Et je ne pense pas qu'on puisse copier l' écriture de quelqu'un sur le t. Je veux dire, il y a tellement de choses qui entrent dans ce développe notre écriture manuscrite et la fait ressembler à ce qu'elle fait. J'avais un ami quand j' étais assez jeune et il avait une belle écriture et plus que tout, j'ai vraiment adoré la façon dont il écrivait pour elle et donc je l'ai copiée. Il y a tellement de cas et d'événements de ce genre qui infiltrés dans la personnalité de mon écriture, dont je ne me souviens même pas pour la plupart. Tu ne te souviens même pas de la dernière année pendant que tu faisais la vaisselle ? J'ai juré de me coller le pouce et cela a beaucoup changé mon écriture. Je voulais juste attendre la fin. Il ne guérit toujours pas correctement. Aucun autre projet. Dans cette leçon, nous allons animer l' écriture manuscrite, la mienne. Ton écriture, celle de quelqu'un d'autre ? Et tout dépend de la façon dont vous décidez de faire avancer le projet. Maintenant, allez dans la section projet et ressources Skillshare et téléchargez les fichiers. Sous le dossier principal, vous trouverez cet autre dossier appelé occurred. Dans ce dossier, ce fichier est appelé fichier de démarrage, et vous devez double-cliquer et l'ouvrir. Qu'est-ce que vous verrez, c'est que ce chariot écrit de ma main, je me suis demandé juste en mon nom, Nash ici, mais ce sera trop de complaisance puisque j'ai lu le prénom d'un de mes écrivains préférés, Kurt Vonnegut. Ils sont prêts à commencer si tu veux savoir comment ce Curt, c'est ici, Dieu ici. Je viens de le tracer. Je l'ai écrit sur papier, je l'ai tracé dans Illustrator et importé ce chemin dans After Effects. Si vous voulez faire cela et ne pas travailler dans ce fichier, suffit de vous assommer, de noter quelque chose, il vous suffit de vous assommer, de noter quelque chose, de le tracer dans Illustrator et de l'importer dans After Effects, et de continuer comme je vais continuer avec ceci fichier juste ici. Il y a maintenant deux couches que vous remarquerez ici. Le premier est Kurt, écrit en cursive, d'accord ? Et le second est juste la croix de ce t ici. C'est un deuxième. Deux couches se sont donc produites et le T se croise. Très bien, c'est l'heure de commencer, Javier, on va commencer comme ça. Je vais faire quelque chose avec le caillé écrit ici, cette couche. Ensuite, je vous laisserai faire de même pour la croix en T, n'est-ce pas ? Une fois que j'ai terminé, mettez simplement la vidéo en pause et voyez si vous pouvez faire la même série d'actions sur T cross. Très bien, donc je vais juste cacher la croix en T pendant un moment et me concentrer ici. Donc la première chose que tu dois faire c'est le déployer, non ? Ensuite, vous verrez le contenu. Je vais aller dans Ajouter cliquez ici, et je vais ajouter des tracés de trim. Maintenant, les tracés de découpe vous offrent ces deux options, début et décalage. Et ce que vous pouvez faire en utilisant ceci, c' est en fait si vous faites glisser et que vous pouvez donner l'impression que c'est en cours d'écriture. C'est donc très cool. Laissons-le ici. J'ai ajouté des tracés de trim, et allons de l'avant et faisons de même avec le croisement en T. Je vais donc le déployer. C'est à toi de le faire. N' attends pas que je cesse de me suivre. Je vais aller dans Ajouter et je vais ajouter des tracés de trim. Et comme vous pouvez le constater, ces trois options sont également ajoutées ici. Et tu es là. Cachons à nouveau la croix en T et commençons concentrer sur ce gros morceau de texte ici, qui est Kurt sans la croix en T. Et n'oubliez pas que j'ai déjà ajouté des tracés de coupe aux deux. Maintenant, je vais continuer et faire ceci, définir une image-clé à t égal à 0 pour la fin, et je vais changer la fin à 0 ici, donc juste 0. Et maintenant je vais passer à 1 seconde. Et je vais aller de l'avant et mettre 100, c'est ça ? Et si je le joue maintenant, vous pouvez voir que s'il a l'air être en train d'être écrit, c'est génial. Nous avons maintenant une animation simple. Bien, mais qu'est-ce qu'il y a de quoi piéger un stylo et un papier si vous l'avez à proximité. Et remarquez que lorsque vous écrivez curt ou quoi que ce soit d'autre, le stylo ne bouge pas à une vitesse constante. C'est une sorte d' accélération à un moment donné et de ralentissement dans les virages, etc., n'est-ce pas ? Nous allons recréer la même variation de vitesse et d'After Effects. Maintenant, commençons. Je peux maintenant parcourir la chronologie pour voir comment l'animation progresse. Et je peux l'utiliser pour identifier les points où ils s'enroulent, ralentissent et y créer des images-clés. Donc, la boucle de cette tige de cas est l'endroit où nous allons créer une image-clé. Donc tout ce que tu dois faire c'est arrêter le nettoyage ici, aller ici et cliquer ici. Ajoutez donc une image-clé ici. La courbe k est un autre point où l' écriture manuscrite de l'église ralentit. Je vais donc créer une autre image-clé ici. Maintenant, allons de l'avant. Et je pense que nous allons simplement vous laisser tel quel et ajouter une autre image-clé à ce point de l'arc. Je vais donc ajouter une image-clé ici, puis avancer et ajouter une autre image-clé pour la courbe de t ici. Bon, nous venons d' identifier les points où nous aimerions que l'animation soit un peu ralentie. Parce que quand tu écris tes mains il faut du temps pour écrire ces courbes, non ? Donc si je rejoue l' animation, ce sera pareil. y aura aucune variation parce que nous n'avons pas encore vraiment joué, joué avec les graphiques, non ? Il vient d'être ajouté des images-clés. Maintenant allons-y et jetons un coup d'œil au graphique. Et pour récupérer le graphique, vous allez cliquer ici et assurer que cette propriété est sélectionnée, qui est terminé pour le moment. Assurez-vous également que vous regardez le graphique des valeurs et non le graphique de vitesse. Et regardez le graphique, il est assez droit, ressemble à peu près au graphique linéaire. Et donc il n'y a pas de vitesse de vibration, il n'y a pas de personnalité, aucune nuance ne dit quoi que ce soit, nous allons changer cela, mais avant cela pour un raccourci. Maintenant, rappelez-vous comment, dans la leçon précédente, vous pouvez sélectionner l'image-clé. Cliquez avec le bouton droit de la souris, accédez à l' assistant d'images clés. Eh bien, c'est juste bon pour ça, mais juste écrit juste ici, c'est F9, non ? Donc, ce que vous pouvez faire est de sélectionner toutes les images clés , puis d'appuyer sur F9 et de garder à l' esprit que sur certains claviers, vous devez donc tirer sur la touche de fonction avant d'appuyer sur F9, n'est-ce pas ? Je vais donc continuer, maintenir la touche de fonction enfoncée, appuyer sur F9 et regarder ça, comment la forme des images clés a changé et ce que fait cet ajout d' Easy Ease fait également, c'est que dans le graphique vous verrez qu' il ajoute également des poignées pour afficher les images-clés pour faciliter la manipulation. Si votre graphique est assez étroit vers la gauche, vous pouvez cliquer sur ce bouton qui indique Ajuster tous les graphiques à l'affichage et nous allons simplement l'étirer, adaptez-le de manière à ce qu'il soit facile à manipuler. Mais ce qu'il faut remarquer ici, c'est que la forme du graphique change une fois Easy, Ease as Abbott et si je joue l'animation maintenant, vous remarquerez qu'il y a une différence très méniscale, n'est pas quelque chose que l'on peut vraiment remarquer. Mais allons-y et commençons à jouer avec le graphique. Je vais effectuer un zoom arrière sur la toile. Je vais sélectionner à nouveau la propriété end pour faire apparaître le graphique. Permettez-moi de faire un zoom arrière et de commencer à jouer. Commençons par cette image clé juste ici qui compense la courbe du k. Je ne me souviens pas que ce dont nous avons discuté et le nœud de toutes les vidéos précédentes est que pour un graphique de valeur, plat est plus lent et plus raide équivaut à plus vite. Donc pour l'instant, juste ici, le graphique est super plat, d'accord ? Ce n'est pas super plat, c'est un peu plat, mais allons-y et essayons de le rendre super plat. Et comment faisons-nous cela ? Est-ce que nous allons juste étendre cela. Donc, si vous maintenez la touche Maj enfoncée, vous pouvez le déplacer en ligne droite. Si vous ne maintenez pas la touche Maj enfoncée et qu'elle oscille. Je vais donc maintenir la touche Maj enfoncée et avancer. Et je vais maintenir la touche Maj enfoncée et la déplacer vers arrière afin que cette zone soit super plate et cette zone corresponde à cette courbe si k. Reprenons donc la lecture cette partie de l' animation. Et vous pouvez voir qu'il y a un léger ralentissement. Et encore une fois, on peut le reculer un peu, non ? Il atteint le bon point. Et vous remarquerez qu' en manipulant des graphiques, il y aura beaucoup de petits va-et-vient, quarts d' avant en arrière que vous devrez faire pour obtenir un certain assouplissement, n'est-ce pas ? Bon. C'est donc ce que je fais ici. Et ces points jaunes, j'espère que vous le savez, correspondent déjà à l'image-clé. le déplacer ici déplace donc également l'image-clé dans la chronologie. À ce stade, vous savez que le fait de le rendre plus plat ralentit l'animation et nous savons que toutes les courbes varient. Vous voulez ralentir l' animation et ils sont tous représentés par ces points, ces points où le graphique change. Et tu peux y aller et essayer de le faire toi-même. Parce que ce que je vais faire maintenant, c'est un travail très manuel ou tu peux juste me regarder le faire. Quoi qu'il en soit, tu décides de l'heure pour cette boucle de K. Donc encore une fois, je vais le rendre plus plat. Je peux continuer et maintenir la touche Maj enfoncée, faire glisser pour qu'elle soit plus plate et vous aurez également besoin d'aimer la jouer encore et encore. Dans After Effects , vous pouvez réduire votre zone de travail une certaine mesure afin qu' elle ne remplace que cette partie. Donc je peux aller de l'avant et faire glisser ça comme ça. Et je peux aller de l'avant et zoomer pour que, lorsqu'il joue, il quitte simplement cette zone où j' essaie de voir l'animation entière. Bon ? Donc oui, ça a l'air bien. Ok. Ok, ça ralentit. Pour que ça ralentisse un peu ici. Alors allons-y à plat. Ok, laisse-moi étendre ça à l'ensemble de la zone. Ensuite, je peux aller de l'avant et faire une petite boucle en T. Et la fin est quelque chose que nous allons manipuler un peu pour qu'elle ait l' air d'atteindre la fin. Donc je vais étendre ça et rencontrer le super flat, non ? Alors il y a un beau, il y a un beau ralentissement à la fin. Si vous n'arrivez pas à collecter le ralentissement, il peut également simplement déplacer cette image-clé un peu plus loin, comme ça. Alors vous ralentissez un peu. Je peux aussi le déplacer comme ça, juste en m'assurant qu'il reste plat pour la plupart. Alors allons-y vraiment, oui, plutôt cool. Laisse-moi le rejouer. Nous voyons qu'il n'est pas linéaire et qu'il y a maintenant un peu de personnalité dans l'écriture. Encore une fois, laisse-moi jouer. Cool. Je vais faire en sorte que l'animation prenne un peu plus de temps. Donc, quand je peux le faire, c'est sélectionner toutes les images clés, maintenir la touche Option sur Mac ou Alt sous Windows, et la faire glisser pour étirer les images-clés comme ceci, ce qui prend un peu plus de temps et assurez-vous la zone de travail lui prend suffisamment d'espace. Oui, tu vois ça ? C'est une belle animation. Maintenant, apportons la croix en T pour la cerise sur l'animation, je vais réduire cette hauteur, amener la croix en t vers le haut. Si vous avez suivi, vous pouvez aller l'avant et essayer vous-même, animant le T croiser l'animation structurée, en balançant, rapide au début puis en ralentissant à la fin. Alors crie-le si tu veux. Et pendant que tu le feras, je vais essayer moi-même. Je vais donc descendre et phosphoryler, aller à la propriété finale. Je vais créer une image-clé, la rendre 0. Avancez un peu. Et je vais en faire un 100 %. Et maintenant, si je le joue, tu peux voir ça, Whoo, ouais, très linéaire, très mauvais. Je n'aime pas ça. Sélectionnez donc l'image-clé. Images-clés. Appuyez sur est-ce que je viens de dire keep , re, ok, donc, donc j'aime les images clés, appuyez sur F9 pour ajouter un easing. Ensuite, allons-y et essayons de manipuler. Je vais zoomer un peu sur le graphique. La première chose que nous voulons, c'est commencer vite. Vous devez donc vous assurer que les tangentes qui sont tracées de ce côté de la courbe sont assez raides. Alors, comment faisons-nous cela ? Comment sommes-nous raides ? Fais-le bouger comme ça. Ensuite, j'ai voulu ralentir vers l'Android. Je peux donc aller de l'avant et le rendre plus raide. Voyons jusqu'où je peux aller plus loin. Donc je vais faire en sorte que ce soit vraiment raide. Et quand il atteint ce point, il devient plat, il va simplement ralentir. Alors laisse-moi y jouer. Ouais. Bon. Ça démarre vite, puis boum, ça ralentit. Je vais le rendre plus raide en fait. Je vais donc essayer à nouveau. Donc j'aime ça, j'aime ça, et je vais aller de l'avant et le rapprocher pour que ça arrive plus vite, non ? Alors oui, j'aime bien ça. Je vais aller de l'avant et revenir en arrière afin pouvoir régler correctement la position des images clés. Je vais donc sélectionner les graphiques PTE pour révéler toutes les images clés qu'il possède maintenant. Et je vais aller de l'avant et disons qu'à ce stade, je veux que l' animation T cross se produise. Je vais donc sélectionner ces deux images clés en maintenant la touche Maj enfoncée et en les faisant glisser ici, d'accord ? Permettez-moi donc de rejouer cette animation. Ok ? Oui, ou peut-être que tu sais quoi, peux attendre que tout le T soit écrit naturellement. Permettez-moi donc d'y jeter un coup d'œil à nouveau. Quelques petits ajustements ici et là. Oui, donc je vais continuer et rejouer toute l'animation. Et tu peux voir que c'est plutôt cool. Et je l'ai délibérément fait très lentement ici, ce que vous pouvez remarquer comme dans les virages. Et si tu veux le faire un peu plus vite, tu sais quoi faire. Allez dans, allez dans le graphique. Sélectionnez Fin ici et faites-le un peu moins plat. Et comment faire quelque chose d'un peu moins plat ? Allez-y et déplacez-la comme ça. Et si vous remarquez qu'un seul côté de votre courbe change et que l'autre côté ne répond pas. Vous pouvez cliquer ici avec le bouton droit de la souris et sélectionner Images-clés. Interpolation d'image clé passée de Bézier à Bézier continu. Et si vous cliquez sur OK, vous pouvez voir que vous pouvez modifier les deux côtés avec les images-clés. Donc je vais faire un peu moins plat pour que ça ne soit pas totalement Hall et point point. Ouais. Plutôt cool, non ? Et c'est ce que je vais faire ici. Cliquez avec le bouton droit sur Interpolation d'image-clé, passez à Bézier continu, puis réduisez-le légèrement. Et puis il en va de même pour l'interpolation d' images-clés. Bézier continu et ouais, ouais, Cool, cool, un peu moins plat, pas tout à fait. Donc maintenant, si je le lance, tu peux voir, oui, c'est plutôt cool, non ? Comme si vous constatiez qu' il faut faire quelques allers-retours pour bien faire les choses. Je pense que nous avons presque terminé ici et j' ai expliqué comment utiliser le graphique des valeurs et vous savez comment ajuster la pente ou comment la courbe est plate pour contrôler la vitesse. Et nous en avons terminé avec l'animation ici. Tout ce que je vais faire à la tête de tout ça n'est qu'une cerise sur le gâteau. Je vais vous montrer quelques effets pour donner l' impression qu' il a été écrit et un stylo plume, etc. Donc si vous voulez traîner pour cela, traînez pour cela, mais vous êtes prêt à bouger à la vidéo suivante. D'accord, allons-y et ajoutons quelques effets. Très bien, donc la première chose que nous voulons faire c'est tout simplement écrouler tout ça. Sélectionnez les deux et appuyez sur Commande+Maj C sur Mac ou Ctrl Maj C sous Windows pour précomposer ces deux calques en un seul, je vais laisser le nom pré-comp one » et je vais cliquer sur OK, la prochaine chose que nous allons faire est d'aller dans le panneau Effets et préréglages. Et vous pouvez le trouver dans Windows s'il n' apparaît pas pour vous, vous pouvez voir qu'il y a des effets et des préréglages. Nous allons chercher le flou guassien. Et je vais double-cliquer pour ajouter à cette précomposition. Maintenant allons-y et faisons-le glisser vers quelque chose comme 12 ou 13 pour le rendre aussi flou. La prochaine chose que nous allons faire est de rechercher niveaux, des effets et des préréglages, puis de double-cliquer sur ces niveaux sous Correction des couleurs. Double-cliquez dessus et il est ajouté. Maintenant, ce que vous allez faire ici, c'est changer de chaîne en Alpha. Et nous allons ajuster ces trois curseurs ici. Mais allons-y et déplaçons-le vers la gauche. Et il prendra ce curseur et le déplacera vers la droite. Et vous pouvez voir que cela éclaircit les choses. Ensuite, vous pouvez ajuster la position de ces trois éléments pour les rendre plus fins ou plus épais en fonction de ce que vous aimez. Maintenant, ça me semble normal. Donc, si je continue et que je rejoue, vous pouvez voir que cela crée en quelque sorte ces petits puits d' encre qui se forment lorsque vous écrivez avec un stylo plume. Et c'est l'effet que j'essayais d'obtenir. Et c'est l' effet que nous avons obtenu. Une dernière chose que nous allons faire est de créer un nouveau calque de réglage. Allez dans Nouveau calque et sélectionnez Calque de réglage. Dans le calque de réglage, nous allons ajouter de la turbulence et des affichages. Permettez-moi donc de fouiller les turbulences. Oups, des écrans turbulents, c'est ça ? J'oublie parfois le nom. C'est un déplacement turbulent. Double-cliquez donc et assurez-vous l'appliquer sur un calque de réglage. Ce que fait le calque de réglage, c'est que tout ce qui se trouve sous ce calque de réglage et ce panneau de calques obtient l'effet que nous appliquons sur le calque de réglage. Double-cliquez donc et vous l'avez ajouté au calque de réglage. Cela rend tout cela très bancal, mais laissez-moi aller de l'avant et l'ajuster. La seule chose que vous voulez faire est régler la taille sur quelque chose de petit, comme deux, par exemple. Et maintenant vous allez voir qu'il a une sorte de bords rugueux, n'est-ce pas ? Et c'est plutôt cool. Vous pouvez jouer davantage avec la taille qui vous convient le mieux. Je vais juste y aller et laisser faire. Maintenant, si je joue l'animation, vous pouvez voir qu'elle a des bords rugueux ajoutés à cause des affichages turbulents. Mais allons-y et ajoutons une dernière chose. Ça dit « petite expression ». Donc, maintenez Option sur Mac ou Alt sous Windows et cliquez sur l'icône de montre d'évolution ici, qui fera apparaître ce panneau. Et ici, je vais faire ce qu'il faut, cette postérisation huit entre parenthèses, un point-virgule, puis une fois dans 800 et un point-virgule à nouveau. Et si je clique dessus, et maintenant si je joue l'animation, vous pouvez dire qu' il y a aussi une sorte de caractère sur les bords rugueux. Et c'est ça. C'est tout ce que nous voulions ajouter à cette animation. J'espère que tu as suivi, et j'espère que tu l'as terminé. Et si vous voulez en savoir plus sur les expressions, j'ai un autre cours sur Skillshare que vous pouvez regarder, je lierai dans la description ou dont je parlerai dans la vidéo de conclusion. Mais oui, c'est l'animation que nous faisons ensemble. Plutôt génial. Pour toute cette classe, pour manipuler la vitesse de l'animation, nous n'avons fait que manipuler le graphique des valeurs. N'oubliez pas, laissez-moi vous rappeler qu'il existe un autre graphique, le graphique de vitesse. Et si vous allez de l'avant et, euh, que vous travaillez sur votre projet, si vous jetez un coup d'œil au graphique de vitesse, cela n'aura aucun sens pour vous si vous ne le connaissez pas déjà, mais tout simplement parfait parce que dans le prochain cours, nous allons approfondir les courbes de mouvement. Nous parlerons plus en détail du graphique de vitesse et du graphique de valeur et de la façon dont ils sont connectés. Et je suis très enthousiaste, n'est-ce pas ? Je l'espère. Je te vois dans la prochaine leçon. 5. Aides avancées: Bon, bon retour. Nous devons maintenant faire demi-tour. Alors toute ma main et suis-moi. Cela semble peu précis, mais ce n'est pas le cas, c'est en fait une très bonne chose. La première chose à comprendre est que graphique de valeur et le graphique de vitesse ne sont pas exclusifs l'un de l' autre, car ils n'existent pas séparément . Il existe deux manières différentes mais connectées de montrer la même animation. Et comme ils sont connectés, le changement de forme de l'un affecte la forme de l'autre. Et souvent, lorsqu'ils travaillent sur un projet, les animateurs basculent entre le graphique de vitesse et le graphique de valeur, en fonction du contexte dans lequel le graphique est le plus facile à manipuler pour obtenir l'effet souhaité. Alors allons-y et prenons un peu de temps pour comprendre comment ils sont connectés. Ok ? La façon la plus simple de mettre la différence est que graphique de la valeur montre comment la valeur de la propriété en question, qui est actuellement n, donc comment la valeur de la propriété en question change au fil du temps. Le graphique de vitesse montre comment la vitesse de ce changement se produit au fil du temps. Je sais à quel point tout cela peut sembler complexe, mais ce n'est pas juste pour moi. J'aurais aimé qu'il soit possible de montrer les changements qui se produisent dans les deux graphiques côte à côte, mais After Effects ne le permet pas. Nous allons donc apporter la modification dans l'un, puis passer à l'autre pour voir comment l'autre graphique répond à ce changement. Notez également l'unité des nombres qui se trouvent ici dans le coin gauche ou sur l'axe des ordonnées. Le graphe de valeur, si je vais au graphe de valeur, c'est essentiellement la valeur de la propriété. Et puis le graphique de vitesse c'est la vitesse de changement dans la propriété set. Si l'unité de valeur est en personne, ce qui, comme vous pouvez le voir, cette propriété a une unité de personne, et c'est ce qui est visible ici. L'étiquette du graphique de vitesse sur l'axe y sera personne par seconde. Maintenant, pour le scénario où nous voulions faire cette boucle du k, cette boucle de ce k pour s' animer lentement, qui correspond essentiellement à cette image clé et au graphe de vitesse ou à cette image-clé, qui est la même image-clé dans cette image clé et le graphique de valeurs et la rend plus lente. Ce que nous avons fait, c'est que nous avons rendu cette courbe, ce point, la courbe autour de ce point plus plate au lieu de cela, nous l'avons fait quelque chose comme ça. C'est parce que nous savons que dans le graphe des valeurs, mesure que les tangentes s'aplatissent, la vitesse diminue. Donc, les deux façons dont je peux faire en sorte que l'animation se déroule lentement à ce stade sont de rendre cette courbe plus plate dans le graphique de valeur ou simplement de parcourir le graphique de vitesse et de cliquer sur note et en le tirant vers le bas. Et remarquez, en le baissant, en le baissant, remarquez que le graphique des valeurs, ce point devient plus plat. Ok, donc encore une fois je vais voir le graphique de vitesse et je vais augmenter la vitesse. Et au fur et à mesure que j'augmente la vitesse en déplaçant ce point vers le haut, vous verrez que le graphique des valeurs autour de ce point devient plus raide. Et encore une fois, si je reviens dans le graphique de vitesse et que je me bats, diminue la vitesse en le tirant vers le bas comme ceci, vous remarquerez que le graphique des valeurs devient plus plat et vice versa. Si je rends cette courbe plus plate ici, vous remarquerez que le point ici descend et touche presque 0 parce qu'il est tellement plat là-bas. Parfois, il est plus facile de manipuler ce graphique, qui est le graphique de vitesse. Il est parfois plus facile de manipuler le graphe de valeurs pour obtenir le résultat souhaité dans une animation. Maintenant que vous comprenez ces deux graphiques, plus que rien, j'espère que nous verrons quelques petits exemples de graphique de valeur et de graphique de vitesse pour certaines choses simples courantes, juste pour que toutes ces informations s'assoit mieux dans ta tête. Nous verrons également comment la modification du graphique, de l'un des graphes de vitesse ou de valeurs affecte la forme de l'image-clé, n' est-ce pas ? Vous savez, c'est une forme, notre forme en verre, c' est une forme linéaire. Nous verrons comment cela se passe, comment la modification du graphique affecte la forme des images-clés. Nous sommes revenus à notre point de départ avec un carré qui tourne de 0 à quatre ou cinq degrés. Je suis désolée, je devrais allumer mon téléphone. Silence. Ouais. Nous sommes donc de retour avec cette racine carrée de 45 degrés. C'est tout ce que vous allez retenir de ce cours, c'est comment faire un carré de données de 0 à quatre à cinq degrés. Mais quoi qu'il en soit, passons en revue cette animation. Et quelque part au milieu, je vais ajouter une autre image-clé. Donc toutes ces petites choses carrées que vous n' avez pas besoin de suivre. C'est juste pour une démonstration, non ? Donc, même si vous êtes en train de tomber, c'est une bonne chose, mais vous n'êtes pas obligé de le faire. Nous avons donc ajouté une autre image-clé au milieu de ces deux images-clés. Ce que je veux que vous remarquiez, c'est la forme de ces images-clés. Et la forme de ces images-clés ressemble deux triangles joints à leur base, n'est-ce pas ? Et il y a une raison pour laquelle j'ai appelé la forme deux triangles à leur base et non un losange, qui est le nom légal de cette forme. Parce que ce sera clair dans un moment. Accroche-toi. N'oubliez pas non plus qu' After Effects applique par défaut une approche linéaire, facilite les images-clés que vous créez comme le montre le graphique des valeurs. Oui, je suis le graphique des valeurs, qui est une ligne très droite sans aucune entité. Lorsque vous voyez des images-clés avec la forme de deux triangles se joindre à leur base, cela signifie également que les images-clés ont un assouplissement linéaire appliqué à la fois à l'entrée et à la sortie. Qu'est-ce que je veux dire par « n et dehors » ? Dans la vidéo précédente, nous avons appris comment ajouter des images-clés d'accélération. L'une consiste à cliquer avec le bouton droit. Je vais dans Keyframe Assistant et sélectionner Easy Ease ou appuyer sur le raccourci F9. Une autre façon de procéder est la suivante. Vous allez dans le graphique, vous sélectionnez un nœud ou une image-clé. Et remarquez comment nous limitons l'ensemble du graphique, c'est ce que je vais faire maintenant est de cliquer ici où il est dit, Facile, Ease out. Et dès que je clique ici, remarquez comment il ajoute une courbe vers la direction de cette image-clé. côté gauche de cette image-clé est l'indirection, et le côté droit de cette image-clé est la direction. même manière que nous avons déjà parlé De la même manière que nous avons déjà parlé de l'ensemble du graphe de mouvement ayant à gauche et à l' extérieur du côté droit lorsque nous parlions de la raison pour laquelle certains assouplissements sont appelés easing in ou ease out, vous Je suis déjà au courant. Il apparaît donc également que chaque image-clé, chaque nœud possède également un aperçu à gauche et à l'extérieur à droite. Donc, quand je clique sur ce nœud et que j'ai cliqué ici, ce qui dit ajouter easy, ease out. Il a ajouté une courbe vers la direction hibou de cette image-clé avec la même image-clé sélectionnée, je reviens à ma chronologie et je regarde comment la forme de cette image-clé a changé. Du côté gauche, l' aperçu est linéaire, tandis que l'extérieur est assoupli et donc cette forme. Maintenant, si je reviens au graphique et que je sélectionne nouveau cette image-clé et que je passe ici où il est dit, ajoutez une facilité facile dans, vous savez, ce qui va se passer. Nous allons ajouter une courbe vers l' indirection de ce nœud. Et si je reviens dans ma chronologie, vous pouvez voir comment la forme de cette image-clé a changé. Ce n'est pas un RTOS. Je veux dire, cela ressemble à un RTOS, mais il y a deux parties faciles sur le côté gauche et il y a aussi l' assouplissement sur le côté droit. C'est ce que la forme indique. Et n'oubliez pas que la forme n'a rien à voir avec la courbe exacte de ce côté. Tout cela montre que ce n'est pas linéaire, mais qu'il y a une sorte d'assouplissement appliqué. C'est ça. Maintenant, si j'annule tout, retournez à ma chronologie. Sélectionnez cette image clé au milieu du clic droit, accédez à l'assistant d'image-clé. Et je vais ajouter de la facilité. Pouvez-vous me dire quel côté de la forme de l'image clé va changer, s'il vous plaît ? J'espère que tu as dit à l'intérieur qu'on a fait le côté gauche. Donc si j'ajoute facile, facile et vous verrez que la moitié de notre verre est ajoutée à l'intérieur et la moitié restante est un triangle. Et si je reviens dans mon graphique, vous verrez qu'il y a un relâchement à l'intérieur. De même, si je reviens en arrière, cliquez avec le bouton droit sur cette image-clé, accédez à l'assistant d'image-clé et simplifiez facilement. Il y a maintenant un assouplissement des deux côtés. Moi qui ? Tu y vas. Il existe plusieurs façons d'ajouter de l' assouplissement à cela, soit par ceci et c'est plutôt cool. C'est tellement d' informations pour toi. J'espère que vous gérez tout correctement. Et si je recommence et que je reviens à cette image-clé, cliquez avec le bouton droit sur Assistant image-clé et sélectionnez Facile, Accélération et ce qui va se passer. Cela ajoutera un assouplissement des deux côtés de cette image-clé. Et puis, encore une fois, nous aurons le même graphique. Et encore une fois, si je continue et que j'annule, sélectionnez ce nœud, et je cliquerai ici et il fera exactement la même chose à nouveau. J'espère que ce va-et-vient et tout ça a du sens pour toi. Et je suis presque sûr que vous comprenez cela parce que je ne l'ai pas dit si souvent maintenant. Mais permettez-moi une dernière fois, une dernière fois, je vais faire du brisket Mansi, faire un linéaire, sélectionner cette image-clé et appuyer sur le raccourci F9 et l'empeigne. se passe la même chose. C'est ça. C'est la dernière fois que je fais ça. À ce stade, j'espère également que vous pourrez lire ce graphique. Donc, ce qui va se passer, c'est qu'il va commencer à une certaine vitesse, ralentir ici parce que la courbe, le graphique des valeurs est plat ici puis reprendra de la vitesse, non ? Donc si je joue ce lâche, ça ralentit, remonte. Et si je reviens au graphique de vitesse, vous remarquerez qu' il commence, va, vitesse devient vraiment faible, presque 0 parce que la courbe est plate là, puis la vitesse augmente et diminue à nouveau. Plutôt cool. Revenons à notre chronologie. Maintenant, quelque chose doit être dit pour les images-clés extrêmes, la première et la dernière de n'importe quelle animation, pas une seule, la première image clé, il n'y a pas d'indirection parce que c'est le point où le début de l' animation. Et si nous ajoutons un assouplissement vers l'intérieur de cette image-clé, cela ne fera vraiment rien. De même, pour l'image-clé de fin, si nous ajoutons un assouplissement vers l'extérieur, cela ne fera vraiment rien. Alors allons-y et regardons-moi faire quelque chose n'affecte pas vraiment le graphique. Permettez-moi donc de revenir au graphique des valeurs. Et je vais sélectionner cette image-clé, qui est l' image-clé extrême, cette image-clé de fin. Et je vais y ajouter de la facilité. Et vous voyez, la facilité a été ajoutée. Bien sûr, la forme a changé, mais ça ne fait vraiment rien. De même, si je vais à la première image-clé et que j'ajoute de l' aisance vers la gauche ou l'indirection. Cela a ajouté de l'assouplissement, mais cela ne fera vraiment rien. Et je pense que c'était tout à fait clair. Je voulais juste le passer en revue par souci d'exhaustivité. Maintenant, une dernière chose que je veux vous montrer ici est de revenir à ce graphique et de revenir à ce nœud ici. Et vous savez déjà que vous pouvez modifier la pente de ce graphique ou la planéité ici pour contrôler la vitesse. Nous avons également vu comment ces graphiques sont déconnectés, et nous avons également vu comment vous pouvez les connecter en les sélectionnant, en cliquant avec le bouton droit de la souris, en allant sur Interpolation d'image-clé et choisir Bézier continu. Il existe maintenant une autre façon de procéder. Si j'y retourne, je n'arrête pas de dire « y retourner ». Mais si je vais le graphique de vitesse et que je regarde ce point ici, et si je voulais augmenter sa vitesse, et ce que je vais faire pour augmenter à nouveau la vitesse, une action tout à fait normale est de cliquer et de faire glisser, mais vous remarquerez que ces deux points sont déconnectés, ce qui n'est pas correct, et y sont déconnectés. C'est parce que ce graphique de valeurs possède deux courbes différentes de chaque côté. C'est pourquoi il y a deux points dans le graphique de vitesse. Il existe maintenant un autre moyen de connecter cela. Outre le fait de cliquer avec le bouton droit de la souris et à l'interpolation d'image-clé, en sélectionnant ce double-clic ici puis en cliquant sur Verrouillage continu, verrouillez à la fois la direction entrante Donc si je clique dessus, cliquez sur OK, vous verrez qu'il devient un point unique et je peux le déplacer vers le haut ou le bas. Et cela changera le graphique des valeurs comme il le devrait. Et ce point est également une seule chose maintenant et je peux le déplacer. C'est la seule chose que je voulais te montrer. C'est la dernière chose que je voulais te montrer dans cette leçon. Ouais. Oui, c'est ça. C'est ça. C'est ça. C'est ça. C'est tout avec cette leçon. Je n'avais vraiment rien à dire dans la conclusion sauf que j'espère vous voir dans la prochaine leçon également. Au revoir. 6. Position d'animation: Bienvenue dans cette leçon. Cette leçon est la plus courte de toute cette classe. Jusqu'à présent, dans cette classe, nous n' animions que des propriétés telles que l'échelle, la rotation ou le pourcentage final lorsque nous travaillions avec l'animation d' écriture manuscrite du caillé. Et il y a une raison à cela parce que toutes ces propriétés sont unidimensionnelles par opposition, disons, à quelque chose comme la position, qui est une propriété bidimensionnelle. Et ce que je veux dire sera clair quand je parlerai 2 dimensions plus tard dans le cours. Je voulais juste vous montrer le problème manipulation des graphes de valeurs pose la manipulation des graphes de valeurs lorsqu'il s'agit toute propriété ayant plus d'une dimension. Maintenant, de retour dans After Effects of Gaba Square Root, je vais aller à la propriété position, que je peux révéler en sélectionnant le calque et en appuyant sur P, je vais créer une image-clé ici. Avancez un peu et chronométrez n'importe où, peu importe, totalement arbitraire. Et je vais déplacer ce gris vers ce coin, le coin opposé en diagonale. Maintenant, le fonctionnement de la propriété position, et je suis sûr que vous le savez probablement déjà. Mais s'il y a même un étudiant qui ne le fait pas, alors cette courte explication, nous l'aiderons. Maintenant, j'ai déplacé ce carré en diagonale vers ce coin. Si je regarde la propriété position, vous pouvez voir qu'au lieu d'un seul nombre, comme dans une propriété unidimensionnelle comme rotation ou échelle, il y a deux nombres. Le premier est x et le second est y. X signifie horizontal et y signifie vertical, comme nous l'avons déjà expliqué dans l'une des leçons précédentes. Tu t'en souviens ? Qu'est-ce que cela signifie ? J'ai la nausée. Je ne sais pas. Je ne sais pas. Un rappeur X et Y. J'espère que tu t'en souviens. J'ai déplacé ça. Tu t'en souviens ? Alors ok. Le premier chiffre est x et le second, pourquoi ? Et contrairement, comme dans l'infographie, et contrairement à ce qui se passe sur le papier, où le coin inférieur gauche est 00 ou x et y vaut 0. Et en infographie et également dans After Effects, ce coin supérieur, le coin supérieur gauche est l' origine où x et y sont égaux à 0. Ensuite, lorsque vous vous déplacez vers la droite, x augmente et y augmente à mesure que vous vous déplacez vers le bas. Et dans cette animation où le carré se déplace d'un coin à l'autre, les valeurs x et y changent parce que le carré se déplace horizontalement, mais aussi verticalement. Vous pouvez voir qu' ici pendant que je fais le tour, vous pouvez voir que ces deux nombres changent simultanément. Et si je vais de l'avant et que je regarde le graphique de valeur à partir d'ici, assurez-vous que dans le graphique des valeurs, vous verrez qu' il y a deux graphiques, un pour x, un pour y, et cela devient un peu difficile à jouer avec. Il y a donc quelque chose que tu peux faire. Vous pouvez cliquer avec le bouton droit sur la position et pour séparer les cotes. Et maintenant, vous pouvez jouer avec différents graphiques. Mais même avec les dimensions de Sabrina, comme dans un contexte général, il devient vraiment difficile jouer avec deux graphes différents pour position et pour obtenir l'animation souhaitée. Permettez-moi donc d'appuyer sur Command Z et de les connecter tous les deux sans qu'il y ait une seule position et aucune dimension séparée. Et à cause des deux graphiques, ce que la plupart des animateurs que j'ai observés et moi-même faisons, c'est qu'ils vont directement dans le graphique de vitesse parce qu'il n'y avait qu'un seul graphique à ajuster. heure actuelle, il n'y a aucune variation de vitesse. C'est une constante et vous savez, c' est parce que a0 ou After Effects applique l' accélération linéaire par défaut, ce que je vais faire maintenant c'est sélectionner ces deux images-clés et cliquer sur easy ease. Et maintenant, vous pouvez voir que nous avons un peu de facilité dans la possession. Et rien qu'en modifiant le graphique de vitesse, nous avons changé la façon dont l'animation se déroule. Vous pouvez également déplacer le graphique vers la gauche, par exemple. Je peux maintenir la touche Maj enfoncée et faire en sorte que ça ressemble à ceci. Qui si vous avez suivi quelques tutoriels ou cours a un effet Alpha, vous pouvez, vous savez que c'est un graphique très courant. Est-ce que cela changerait ? Cela crée une animation très différente et je n'ai pas eu à entrer dans le graphe de valeur et juste deux unités graphiques simultanément pour l'obtenir, je pouvais simplement aller dans le graphique de vitesse et c'est un seul graphique. Et aussi modifier le graphique de vitesse, comme je l'ai déjà dit, cela produit une sorte de changement dans le graphique des valeurs, ce que vous avez déjà observé. Vous pouvez donc voir comment utiliser de manière interchangeable le graphique de vitesse ou le graphique de valeur. Ils sont tous deux très connectés au fur et à mesure que vous suivez plus de tutoriels ou les travaux de différents animateurs, vous remarquerez leur motif sautant directement dans le graphique de vitesse et les rendant ces graphiques de style Hale. Heel Stone graph est un terme que je viens de créer moi-même. Tu as bien compris l'idée ? Il y a un peu plus de nuance ce graphique et quelques options supplémentaires qui s'affichent en double-cliquant sur l'un de ces nœuds que nous devons comprendre. Et nous le ferons lors de la construction notre projet final dans la prochaine classe. Vous n'avez donc pas à vous inquiéter pour eux pour le moment. Et c'est ça. Quelque chose comme quoi, cinq minutes ? Ouais. C'est tout ce dont j'avais besoin. J' avais besoin d'un peu de temps pour vous parler la pauvreté multidimensionnelle et de ses graphiques. Et j'espère avoir répondu à cette attente ou à ce que j' espérais pour cette leçon. Est-ce que je suis sensé ? Mais comme je l'ai dit, même si c'était une courte leçon, c'était une courte leçon suivante sera très longue car nous allons travailler sur notre projet final pour toute la classe. Mais oui, faites une courte pause ou ne faites pas de courte pause parce que c'était un cours court. Et à bientôt dans la prochaine leçon. 7. Projet final - Pt. 1: J'ai récemment fait une découverte. C'est très agréable et très subtil. Et je ne sais pas si vous l'avez remarqué, mais si vous allez dans l'application YouTube sur IOS ou iPadOS d'ailleurs. Et si vous regardez une vidéo et vous appuyez sur le bouton J'aime, une très belle animation se produit. Je ne sais pas s'il sera visible, mais regardez-le. Est-ce que tu le vois ? Regardez-moi ça. Plutôt cool, non ? Une autre chose que je voulais juste vous rappeler est que j'espère que vous avez téléchargé les ressources de la section projets et ressources ici sur Skillshare, car nous allons qui en a besoin. Maintenant, si vous allez dans les ressources et dans le dossier Youtube lie can, vous trouverez cet exemple de titre vidéo. Et si je la joue, vous pouvez voir la même animation YouTube se produire. Notre travail consiste à recréer cette animation et les effets secondaires tout en révisant tout ce que nous avons appris sur le graphique jusqu'à présent. Maintenant, vous pouvez essayer de le faire vous-même pour faire court. Mais laissez-moi d'abord vous expliquer le fichier d'effets secondaires que nous allons utiliser pour ce projet. Vous devez maintenant accéder au fichier AEP du point de départ. Je double-clique pour l'ouvrir, et le voilà. Maintenant, dans ce fichier, vous trouverez un calque, un seul calque lié au mensonge peut être très explicite et quelques uns le déploient. Si vous commandez et cliquez sur cette flèche, toutes les options imbriquées s'afficheront. C'est donc un raccourci pour toi. Si vous cliquez dessus sans maintenir la touche commande enfoncée vous devrez déployer les options imbriquées encore et encore. Mais si nous voulions tout dérouler, maintenez la touche Commande enfoncée et vous cliquez ici, à l'intérieur ici. Si nous allons dans la propriété path, vous remarquerez que nous avons quatre images-clés ici. Non, j'aimerais que nous comprenions d'où viennent ces quatre images-clés et ce qu'elles font. Ainsi, l'ensemble du graphique est tout d'abord composé de deux parties. Il y a la main, qui est cette partie ici, la paume et le tout commun. Et ils dorment, ce qui n'est en gros que ce rectangle ici. Cette forme entière, toute cette forme vectorielle a été créée dans Adobe Illustrator. Si vous regardez les fichiers du projet sous YouTube Line, Can, vous verrez un fichier appelé handy cons.ai. C'est juste un nom aléatoire. J'aurais dû lui donner un meilleur nom. Quoi qu'il en soit, je peux, si Adobe Illustrator est installé, vous pouvez double-cliquer dessus et y jeter un œil. Comme vous pouvez le voir à l'intérieur du fichier, j'ai les différents états du graphique, comme lorsque le pouce est dans une position normale, mais qu'il est totalement étiré et ici au milieu quand il est régressé. Ensuite, j'ai simplement intégré ces différentes formes dans After Effects. Vous pouvez désormais importer un graphique d'Illustrator vers After Effects de différentes manières . Le moyen le plus simple est de simplement importer, ce que vous montre essentiellement chaque tutoriel YouTube et chaque classe. Mais ce que j'utilise, c'est ce plugin appelé Overlord. Et overlord n'est pas un plugin gratuit, il coûte environ quarante-cinq dollars. Mais si vous voulez vraiment l' animer et le poursuivre, je pense que c'est un très bon investissement. Laissez-moi vous montrer une démo d' Overlord en moins d'une minute. Bon, je vais retourner dans After Effects. Je vais tout écraser. Je vais le cacher et le verrouiller. Je ne veux pas me mêler de ça. Et maintenant, regardez la magie d'Overlord. Je vais retourner dans Illustrator. Je vais m'assurer que ce chemin est sélectionné. Ensuite, je vais simplement cliquer sur cette flèche et boum, je l'ai ici dans After Effects. Plutôt cool, non ? Et si je vais l'avant et que je déploie tout, vous verrez que les différents chemins ici et ici sont nommés groupe un parce que je viens l' exporter vanille ici en quelque sorte et je l'ai préparé et nommé les couches et tout le reste. C' est pourquoi il y a de la douleur et du sommeil, mais voici le premier groupe. Quoi qu'il en soit, nous devons nous concentrer sur le chemin à suivre. Et comme vous allez le voir, nous avons tout ce chemin ici. de la préparation de ces formes, j'ai veillé Lors de la préparation de ces formes, j'ai veillé à ce que chacune de ces formes ait le même nombre de points d'ancrage. Et qu'est-ce que cela signifie d'avoir vu un certain nombre de points d'ancrage ? Cela signifie simplement que si vous regardez ces points ici, sont ces points de Bézier. Lequel de ces chemins a été fait ? Chacun d'entre eux en a le même nombre. Et lorsque les tracés ont le même nombre de points d'ancrage, After Effects peut définir des images-clés entre eux. Ce qui signifie que si je retourne dans After Effects et que j'ai défini une image-clé pour path ici. Avance un peu, non ? Et je veux juste ajouter l' image-clé ou le chemin de cette partie, la partie paume, la partie main, et non la manche. Ce que je vais faire, c'est le sélectionner et m' assurer que je peux le détacher et l'apporter ici. Ensuite, avec cette option sélectionnée, je vais simplement appuyer sur cette flèche, retourner dans After Effects. Et maintenant, vous pouvez voir que j' ai deux chemins différents ici. Et comme ils ont le même nombre de points d'ancrage, After Effects peut animer entre eux. Et je vais m'en débarrasser. Et c'est ainsi que j'ai ajouté différentes images-clés pour le chemin ici et avec les différents états du pouce. Maintenant, tout cela, tout ce que j'ai dit au cours des deux dernières minutes, c'est quelque chose que je n'ai réglé que pour la leçon soit complète, afin que vous ne soyez pas totalement dans le noir. Comment cette forme vectorielle est-elle arrivée ici ? Comment l'as-tu fait ? C'est juste pour cette information supplémentaire et ce n'est pas la partie de la classe réelle , l' animation de cette main commence. Maintenant, en gros, je vais diviser l'animation entière en trois étapes. Nous allons animer la rotation, nous allons animer l'échelle et nous allons animer la position de manière générale, il y aurait certaines petites nuances ici et là, mais globalement, rotation, échelle et position. Tout d'abord, commençons par la rotation et je vais continuer et cliquer sur la commande. Ou si vous êtes un contrôle Windows, cliquez simplement pour tout emballer afin que cela soit visible. Et un autre raccourci pour toi. Si nous ne connaissons pas déjà le calque sélectionné, vous pouvez appuyer sur R pour faire apparaître la rotation et vous savez quoi ? Allons-y et commençons. La première chose dont vous devez vous assurer est que le point d'ancrage de l'ensemble de ce graphique se trouve dans le coin inférieur gauche. Et s'il ne se trouve pas dans le coin inférieur gauche, s'il est quelque part au centre, vous devez appuyer sur Y pour faire apparaître cet outil. C'est ce qu'on appelle l'outil de panoramique arrière, également l'outil d'ancrage. C'est juste ici. Vous voyez l'outil Panoramique arrière ou l'outil Point d'ancrage. Vous pouvez ensuite commencer à faire glisser et maintenir la touche Commande sur Mac ou Contrôle sous Windows pour l'accrocher juste ici. Une dernière chose avant commencer est que ce que nous voulions faire, c'est encore une fois, je vais commander le clic et le dérouler. Nous allons prendre ces quatre images-clés et les faire glisser vers la droite parce que nous ne voulons pas qu'elles interfèrent en ce moment lorsque nous faisons de la rotation, de l' échelle et de la position, nous les représenterons plus tard pour donner plus de personnalité à l'animation. Mais pour l'instant, laisse-moi juste aller de l'avant et les repousser vers la droite. Je ne m'intéresse pas vraiment à eux. Allez-y, sélectionnez le calque, appuyez sur Oregon et il y aura une rotation de la tête. Allons-y et plaçons la première image-clé à 0 seconde comme ça. Comme une action majeure est la rotation de la main vers le haut, nous allons ajouter un peu d' anticipation à la rotation en ajoutant une image-clé, une autre image clé, un peu en avance dans le temps, puis en la faisant pivoter vers le bas comme ça, disons une dizaine de degrés. Nous allons maintenant avancer un peu dans le temps et faire pivoter la main jusqu'à sa position maximale. Donc je vais juste aller de l'avant et faire glisser ça vers l'arrière. Je pense que c'est quelque chose comme ici. Ça a l'air bien. Une fois qu'on y sera. Il s'attend donc à ce qu'il passe par la première position. Ensuite, je vais avancer et le ramener à sa position initiale en copiant la commande C et la commande V. Nous avons donc de l'anticipation, il atteint sa position finale, puis revient à la position initiale position. Et c'est ça. Nous en avons terminé avec le projet. Non, je plaisante. Euh, au robot de visite robotique. Tout d'abord, il n'y a pas de personnalité et seulement un assouplissement linéaire. Bien sûr, nous n'en avons pas encore fini. Allons-y et continuons à travailler dessus. La première chose que nous allons faire est de sélectionner toutes les images-clés et d'utiliser notre fidèle raccourci F9 pour ajouter une accélération à toutes. Et si je le rejoue. Ok. C'est un peu mieux. C'est un peu mieux. Mais on n'y est pas encore. Regardez-le. Un peu mieux, mais pas encore. Allons-y et regardons les graphiques. Et pour cela, je vais directement éditer le graphique de vitesse et non le graphique de la vallée, car dans ce contexte, il est simplement plus facile pour moi de manipuler le graphique de vitesse. Une chose dont nous n'avons pas encore parlé est ce paramètre du graphique de vitesse appelé influence. Si vous voulez être précis mathématiquement avec votre accélération dans le graphique de vitesse, vous pouvez double-cliquer sur l' un de ces nœuds. Je vais continuer et double-cliquer ici. Et dans la fenêtre contextuelle, vous verrez un paramètre appelé influence. En outre, vous remarquerez que toute cette fenêtre contextuelle comporte deux parties, entrantes et sortantes. Et nous avons déjà discuté, les choses entrantes sont des choses du côté gauche et les sorties sont des choses du côté droit. Depuis que nous avons cliqué sur ce nœud, qui est le premier nœud, il n'y a pas vraiment d'entrée pour lui, ce dont nous avons déjà parlé. Donc quoi que nous mettions ici, ou quelque valeur que ce soit, n'affectera rien. La modification de la partie sortante affectera le graphique. Désormais, lorsque vous ajoutez une facilité d'utilisation à une image-clé en cliquant avec le bouton droit de la souris et en sélectionnant Accélération facile, en cliquant sur un engrenage ou en cliquant ici, ou en appuyant sur F9. Ce que fait After Effects applique automatiquement l'influence de trente-trois points trois, trois pour cent à travers le graphique de vitesse, ce qui fonctionne parfaitement pour les mouvements de petites plages, comme pour les petits mouvements, une influence de 33,33  % fonctionne bien. Nous allons aller de l'avant et le laisser à 33 %. Parce que ceci, cette amplitude de mouvement particulière est pour le peu d'anticipation qui se produit dans le jambon. Et comme il s'agit d'une petite amplitude de mouvement, encore une fois, nous allons continuer et la laisser à 33 %. Nous allons cliquer sur OK ici. Maintenant, ce second nœud est intéressant puisqu'il possède la fois un côté entrant et un côté sortant. Pour la deuxième note, nous allons continuer et continuer à entrer à trente-trois pour cent parce que n est le côté gauche et fait partie de ce graphique. Nous allons donc le laisser à 33 %. Et ce que nous allons faire pour les sortants, nous allons aller de l' avant et changer l'influence par quelque chose comme, disons 75 %. Nous allons continuer et cliquer sur OK, et vous verrez ce que cela a fait. Cela augmente simplement la longueur de cette poignée, qui peut très bien être fait en faisant également glisser cette poignée vers la gauche ou vers la droite. Et ce sont toutes des influences fondamentales, soit faites-le précisément en double-cliquant et en y ajoutant une valeur , soit simplement arbitrairement à votre guise, faites glisser cette poignée de toute façon pour ce graphique en particulier, nous voulons également que ce côté ait une influence de 75 p. 100 sur la vitesse. Si vous le souhaitez, vous pouvez le faire. Mais voici les étapes, double-cliquez dessus et comme nous le voulons de ce côté, nous allons continuer et manipuler le site entrant, qui est actuellement à 23, une valeur par défaut. Ça fait 75. Et nous allons cliquer sur OK, et maintenant nous avons un graphique halite au milieu, très pertinent ou non pertinent. Vous avez un bon point de départ. Allons-y, jouons l'animation maintenant et voyons à quoi elle ressemble. Je vais appuyer sur espace. Ok ? Ok. Une chose que je veux être sûre, puisque c' est une animation très, cette animation dure une petite durée. Je vais m'assurer que c'est moins d'une seconde, donc en gros jusqu'à 24 images. Je vais donc commencer et positionner le marqueur à la 24e image. Vous pouvez voir le numéro de cadre de mon annonce ici, ou votre annonce à partir d'ici. C'est After Effects s'adresse à tout le monde. Sélectionnez donc toutes les images-clés, maintenez la touche Option sur Mac ou Alt sous Windows, puis faites-la glisser comme ceci afin qu'elle tienne dans 24 images. Maintenant, ce que je voulais faire ensuite c'est que je veux que l' anticipation dure. Pas tant que ça. Je veux juste que ça dure environ trois images. Je vais donc continuer et positionner la tête de lecture, ajouter 0. Ensuite, sur Mac, vous pouvez utiliser la commande et la flèche droite, et je crois que le contrôle Windows et flèche droite permettent de déplacer une image vers l'avant. Donc je vais aller de l'avant et passer à la troisième image, c'est ça ? Donc Command 123, et c'est tout, c'est le temps que je veux ajouter de la dissipation pour durer. Donc je vais aller de l'avant et faire glisser ça ici. Maintenant, l'anticipation est comme ça. Ok, cool. Et aussi ce que nous voulons, c'est que la main s'attarde un peu sur cette pose. Et rappelez-vous comment nous avons rendu le graphique des valeurs beaucoup plus plat sur les courbes de k lorsque nous animions K encourus. Vous allez faire quelque chose de similaire ici. OK, allons-y et passons au graphique des valeurs. Allez-y et allez sur le graphique des valeurs. Et ce que je voulais faire, c'est aplatir cette partie ici. Assurez-vous donc que ce nœud est sélectionné, qui est le point culminant. Et je vais continuer et sélectionner cette partie. Tout d'abord, permettez-moi de zoomer un peu. Je vais continuer et sélectionner cette partie, maintenez la touche Maj enfoncée et faites-la glisser vers l'extérieur. Cela va juste le rendre plus plat ici pour qu'il s'attarde sur cette position. Et je peux aller et venir, continuer à revenir en arrière et à le rejouer. Et tu peux le voir, oui. Eh bien, plus je suis flatté, plus ça va s'attarder ici. Alors laissez-moi aller de l'avant et le rendre un peu plus plat. Oui, tu le vois ? Il va juste de l'avant et les balles stockées sont à cette position et c'est parce que j'aplatit cette partie ici. Vous pouvez maintenant voir comment les valeurs dans les graphiques de vitesse sont utilisées de manière interchangeable. Ce changement, l' aplatissement s'est bien entendu répercuté sur le graphique de vitesse, comme vous pouvez le voir ici. Et à son tour, cela aurait également changé l' influence du lit, qui est un 100%, ce qui est bien. Nous utilisons leur influence uniquement pour nous donner une animation de base sur laquelle nous pouvons nous appuyer. Aussi, si vous regardez, si je vais de l'avant et que je joue, regardez comment la, la façon dont l'anticipation se termine est un peu nette ici. Laisse-moi y aller et le jouer. Et vous pouvez voir que c'est un peu pointu mais juste pur. Je voulais juste être un peu plus souple. Je vais revenir au graphique des valeurs ici, zoomer un peu plus et essayer de le rendre plus plat. Je vais donc continuer et maintenir la touche Maj enfoncée pour la rendre plus plate. Et je peux aussi le déplacer vers l' avant et vers l'arrière. Vous pouvez apporter des modifications que le plan avec des graphiques consiste uniquement à faire des changements infimes et que ce n'est pas le genre de chose que vous pouvez disparaître en un moment donné. Le diable est dans les détails, Dieu est dans les détails chaque fois que ce sont les détails qui améliorent quelque chose. Donc, oui, un peu de va-et-vient, bien sûr, est toujours nécessaire car je l'ai réorganisé, agité et répété beaucoup dans ce cours, mais j'ai rendu cette partie un peu plus fluide. Alors allons-y et rejouons-le et voyons s'il met fin à ce congé tranchant , puis à la dissipation. Je vais donc appuyer sur Espace. Et oui, il n'est pas si tranchant. C'est plutôt lisse, ce qui est bon, ce qui est bien. Nous y arrivons. Maintenant. Nous devons jouer un peu avec l'échelle. Nous voulons que cette main rétrécit pendant l'anticipation, comme lorsqu'elle va d'ici à là, nous voulons qu'elle rétrécisse un peu, puis qu'elle prenne une taille plus grande lorsqu'elle atteint cette position maximale. Revenons à notre chronologie où nous pouvons voir les images-clés. Vous pouvez sélectionner le calque. Et si une propriété est déjà visible, vous pouvez maintenir la touche Maj enfoncée et appuyer sur un raccourci. Donc je vais appuyer sur Shift et S pour augmenter l'échelle ici, non ? Ensuite, je vais passer à 0 fois 0 et j'ajouterai une image-clé à une échelle de 100 % au temps 0. Ensuite, pendant l'anticipation, je voulais réduire la taille à quelque chose comme 90 ou 87 %, quelque chose comme ça, un nombre très arbitraire. Et puis quand il atteint la grande position, ce que je voulais faire, c'était augmenter à l'échelle quelque chose comme 110 ou allons-y avec 115 ans. Ok, donc ça se passe comme ça, ça rétrécit, puis ça surgit là et puis revient en arrière au fur et à mesure qu'il revient. Je voulais continuer et copier l'image-clé de la gamme initiale et coller ici afin que le sauvage qui descend se réduise à sa position d'origine. Bon, maintenant si je rejoue cette animation, vous verrez que la rotation et l'échelle des déchets s'animent. Il est totalement désynchronisé. Et il ne devrait pas être désynchronisé car assouplissement est appliqué à tous ces éléments. Rotation des images-clés et il n'y a qu'un assouplissement linéaire par défaut appliqué à toutes les images-clés d' échelle. Nous devons faire en sorte que les rotations soient plus faciles à mettre à l'échelle. Pour ce faire, nous pouvons utiliser un plug-in appelé e's copy, que vous pouvez voir juste ici. C'est un plugin à 15$, que je sais que vous n'avez peut-être pas tous . Donnons donc grande facilité à toutes les images-clés et ajustons-les manuellement. Ce que je vais faire, c'est sélectionner nouveau toutes ces images-clés pour la mise à l'échelle, appuyer sur F9, et maintenant toutes ont une accélération. Maintenant, pour donner un assouplissement exact, le cadeau, la balance utilise exactement et les formes graphiques et tout le reste sous forme de rotations. Ce que nous devons faire, c'est aller dans le graphique de vitesse de rotation à partir d'ici. Oui, nous sommes dans le graphique de vitesse maintenant, puis nous copions les influences sur chaque nœud et les collons dans l'échelle. Laisse-moi donc commencer à le faire. Je vais double-cliquer sur cette note. C'est 3733. Je vais aller au graphique des échelles de vitesse. Je vais double-cliquer ici. Et comme il s'agit d'une propriété bidimensionnelle et que x et y changent tous les deux, nous allons nous assurer que le verrouillage Dimensions est coché et nous allons simplement coller les valeurs ici. Comme tu le savais. Désolés, comme nous l'avons vu dans le graphique précédent, nous l'avions à 37 % et le montant sortant à trente-trois %. Nous allons cliquer sur OK ici. Très bien, on va recommencer la rotation. Double-cliquez ici. Nous avons 86.567 contre cinq. Accédez à l'échelle, double-cliquez sur 86.56. Et qu'est-ce qui a été fait, c'est 75 ? Je suppose que c'était le cas, je vais cliquer sur OK. Et vous pouvez voir que la forme du graphique change pour imiter exactement ce que c'est. Je vais donc vérifier à nouveau auprès de 7575. Double-cliquez ici. Nous avons un 100100. Je vais revenir à l'échelle, double-cliquer sur ce nœud, lui donner un 100 ici, puis un autre 100 ici. Et la renommée, nous avons ce graphique. Allons-y et regardons la dernière image-clé ici. Il y a 3316. Revenez donc à l'échelle. Nous en avons 33 ici. Et peu importe la partie sortante car elle n'a pas de partie sortante. Mais quoi qu'il en soit, laisse-moi juste écrire 16, d'accord, peu importe. Maintenant, si je continue et que je le joue, vous pouvez voir que l'échelle et rotation sont totalement synchronisées. Comme vous pouvez le voir, tout ce travail de copier-coller aurait pu être évité si je sélectionnais tout cela, allais dans la copie Est, que je l'avais copiée, puis que je sélectionnais cette échelle et Il suffit de le coller. Mais encore une fois, je sais, je sais. Je trouve ça vraiment frustrant quand je regarde un tutoriel et qu'un plugin payant apparaît. Mais de toute façon, nous n' utilisons pas de plugin payant ici. Je viens de vous montrer que ce plugin existe et que nous pouvons l'utiliser. Non, elle irait dans vos ressources et vous regarderiez dans le dossier YouTube lie can. Vous trouverez ce petit fichier texte appelé Elastic Expression point TXT. Je veux que tu l'ouvres, copies tout ce qu'il contient, puis que tu reviennes ici. Disons rotation. Pour commencer avec Option, maintenez Option sur Mac ou Alt sous Windows, puis cliquez sur l'icône du chronomètre, ce qui fera apparaître l'éditeur d'expression. Et ici, je veux juste que vous colliez la commande V et que vous cliquiez dessus sans vous inquiéter à ce sujet. Ok ? Je veux que vous fassiez la même chose avec l'option Scale to, cliquez sur Command V, cliquez sur Out. Pas de quoi s'inquiéter. Infini. Cliquez sur Commande ou Contrôle enfoncé sous Windows et réduisez tout simplement. Et si je joue l'animation maintenant, eh bien, rien de vraiment heureux. Oh, ****. Ai-je fait quelque chose de mal ? Non, je n'ai rien fait de mal. La façon dont cette expression fonctionne est que votre dernière image-clé doit être un assouplissement linéaire. Alors, comment passer à l'assouplissement linéaire ? Vous maintenez la touche Commande sur Mac ou Contrôle sous Windows, et vous n'avez qu'à cliquer sur le nom dans BAM. Et maintenant, si je reviens en arrière et que je le joue , il y a des limites. Il n'y en a pas dans la vie de quelqu'un. Tu as raison, Cool. D'accord, nous avons presque terminé cette animation. Nous devons ajouter la position et toutes les formes de main ici. Mais je me suis rendu compte que ça, que cette vidéo touchait la barre des 20 minutes. Je vais donc m'arrêter ici et je vais faire une autre partie de cette leçon et je te verrai alors. Alors accrochez-vous, reposez-vous, buvez de l'eau et revenez. 8. Projet final - Pt. 2: Bon, bon retour sur la deuxième partie du projet final. Jusqu'à présent, nous avons pu animer l'échelle et la rotation de cette main et lui donner un peu de rebondissement à l'aide d'expressions. La prochaine chose que nous voulons faire est d' apporter, d'afficher la propriété path, qui se trouve ici. Ces deux chemins, dont nous avons déjà parlé, dont nous avons repoussé les images-clés vers la droite. Il est temps de les réintégrer. Je vais donc simplement les faire glisser, les positionner au début de ma chronologie. Et laissez-moi simplement les ajuster pour qu'elles correspondent à l' anticipation et à tout. Donc cette partie est en fait quand le pouce fait un peu régresser le patient. Et puis la pose extrême ici avec le pouce tendu pour revenir à la normale. Alors allons-y et jouons-y. Ce ne sera pas parfait, mais voyons si cela nous donne une idée de l'animation finale. Donc, d'accord, oui, donc ce n'est certainement pas correct parce que ça se déplace de manière totalement désynchronisée. Le pouce, ce que nous devons faire ici, c'est faire passer l' accélération de l'échelle à l'orientation de la trajectoire. l'heure, vous m'avez vu copier et coller les influences, n'est-ce pas ? Tu peux aller de l'avant et faire la même chose. Mais ce que je vais faire, c'est utiliser le plugin e's copy. Je vais donc commencer et sélectionner l'échelle ou la rotation. Est-ce vraiment important qu'ils aient le même assouplissement. Je vais cliquer sur Copier. Je vais continuer et cliquer sur le chemin. Et je vais aller de l' avant et appuyer sur Coller. Facilité. Ok, et ensuite je vais lancer animation et regarder ça tout de suite. C'est assez synchronisé. Permettez-moi de faire un zoom avant et de voir si je peux apporter certains ajustements. Laisse-moi jouer à nouveau. Oui, plutôt synchronisé. Ce que je peux faire ici, c'est peut-être déplacer cette position de pointe un peu plus loin pour qu'elle s' attarde un peu plus. Alors laisse-moi faire ça et laisse-moi entrer et jouer à nouveau. Ouais. Ouais. Tout a l'air parfait et tout semble correct. La seule chose que nous devons ajouter maintenant est l'animation pour la propriété position. Alors allons-y et faisons-le. Laissez-moi sélectionner ce calque et appuyez sur P pour afficher la position. Et je vais continuer deux fois 0 et créer une image-clé. Maintenant, je dois également le faire correspondre à la rotation ou à l'échelle. Je vais juste continuer et appuyer sur Shift S pour augmenter l'échelle afin de pouvoir faire correspondre la position des images-clés. Et au fur et à mesure qu'il anticipe et qu'il se réduit, je veux que cela bouge. Je veux que la main se déplace un peu vers le bas. Alors laissez-moi aller de l'avant et choisir le deuxième nombre, qui est la position y en le faisant glisser un peu vers le bas en tant que rétrécissement. Elle est en train de diminuer. Ça baisse un peu. Permets-moi de le déplacer un peu plus, un peu plus bas. Et maintenant que cela se présente, je voulais monter un peu plus haut, donc je vais aller de l'avant et le déplacer un peu plus haut juste là. Et puis, au fur et à mesure qu'il descendait, j'ai voulu le ramener à sa position initiale. Copiez cette image-clé et collez-la ici. Donc maintenant, il descend, il remonte, puis il redescend. Maintenant, je vais continuer et copier à nouveau l' accélération de l'échelle en utilisant la copie de e, bien sûr. Maintenant, je pouvais à nouveau aller dans le graphique de vitesse et copier et coller des influences individuelles. Mais tu ne veux pas rester assis et me regarder faire ça, n'est-ce pas ? Donc tu fais ça si tu prends ce café, je suis vraiment coupable d' utiliser un plug-in, mais, tu sais, c'est de nouveau nécessaire. Désolée d'avoir effacé une heure. Je vais aller de l'avant et copier l'assouplissement. Allez en position et collez l'accélération comme ça. Et si j'avance et que je joue, vous pouvez voir que la position change également maintenant et que cela semble tellement mieux. Un dernier ajustement consiste à faire en sorte que la trajectoire du mouvement soit un peu plus courte. Parce que n'oubliez pas que c'est un principe de base de l' animation que rien dans la vraie vie ne bouge en ligne droite. Nous devons ajouter un peu d'arc à la position. Permettez-moi donc de sélectionner ceci. Et avec la propriété position sélectionnée, vous remarquerez qu' il y a ces points, pas des carrés avec des points circulaires. Il s'agit de poignées pour les courbes de Bézier. Je peux donc aller de l'avant et le faire glisser pour qu'il forme une courbe. Et laissez-moi aller de l'avant et former une courbe partout où je peux et la rendre aussi lisse que possible. C'est donc ce que je suis en train de faire. Et bougeons-le comme ça. Et bougeons-le comme ça. C'est assez de courbe. Permettez-moi de faire un zoom arrière et de rejouer. Et vous voyez que maintenant il se déplace en quelque sorte dans une courbe, puis il ajoute la courbe de la trajectoire. Je viens d'y ajouter tellement plus de vie. Animations. Alors laisse-moi jouer cette dernière fois. Et tu es là. Et à votre goût, je pense que c'est un peu trop en ce moment, mais à votre goût, vous pouvez également procéder et ajuster cela à votre guise. Donc oui, c'est à peu près ça. C'est à peu près ça. Une dernière assiette. Ok, super. Si vous avez créé cette animation en suivant, créez un GIF ou une vidéo et publiez-la dans les projets. Et je suis tellement fière de ce que nous avons pu accomplir jusqu'à présent, tellement cool, je vous verrai dans la prochaine leçon, qui est la dernière leçon. Et j'ai hâte de récapituler depuis le tout début où nous ne savions rien des graphes ici où nous avons manipulé des graphiques et créé cette animation. 9. Conclusion: Après tout cela, nous avons regardé la feuille de musique et nous nous sommes dit que vous pouviez entendre de la musique dans votre tête. Sachez que vous ne pouvez probablement pas, parce que nous avons parlé de graphiques et en regardant cette feuille sur laquelle est dessiné un graphique de valeur, vous pouvez probablement déterminer le type de mouvement que ce graphique représente. Et si tu peux revoir le cours, c'est à toi de décider. Si tu ne peux pas, tu peux revoir le cours, mais je suis presque sûr que tu le fais quand même, n'importe quel h2. Récapitulons tout ce que nous avons fait dans ce cours. Une chose importante que je voulais enseigner à travers ce cours, parce que c'était assez mystérieux pour B2, c'est pourquoi certains assouplissements, appelés easing in and outs, et cetera. Et nous l'avons examiné à travers un graphique complet. L'ensemble de ce graphe de mouvement a un intérieur et un extérieur et, selon le côté sur lequel vous appliquez l' assouplissement, il peut être appelé ECM is out ou ease in, out. Il y a aussi des côtés d'entrée et de sortie pour chaque image-clé ou qui est également un nœud sur un graphe de mouvement. C'est donc quelque chose que nous avons fait. Nous utilisons des tracés de découpage pour animer l' écriture manuscrite et ajoutons variations de vitesse à l'écriture manuscrite en manipulant le graphique de valeur, soit en le rendant plus plat , soit plus raide, etc. Et tu sais, qu'est-ce que ça peut être ? Un projet intéressant est de vous enregistrer vous-même ou quelqu'un qui écrit quelque chose sur papier et d' essayer de recréer celui d'After Effects. C'est quelque chose que vous pouvez faire pour notre projet final de la classe, nous avons recréé l'animation YouTube like cam telle qu'elle est en 2022 sur les appareils iOS et iPad OS, nous avons appris l'anticipation lorsque le la main se lève, il y a ce petit peu d'anticipation et nous voulions considérer comme suivi. Et nous avons ajouté un peu de suivi en utilisant une expression qui ajoute une sorte de rebondissement au Lai Can, vous devriez vérifier le projet terminé que nous avons réalisé. Il y a quelque chose dont je devrais parler franchement. Le projet de gauche que nous construisons ensemble que vous êtes en train de résoudre mais lié ensemble. Il a fallu plus de vernis et plus de temps. Je n'ai pas pu aller jusqu' au bout à cause des contraintes de temps et de tout. Mais le fichier fini qui se trouve dans vos ressources est celui sur lequel j'ai beaucoup travaillé. Et ça a l'air beaucoup plus lisse et bien meilleur. Donc tu devrais y jeter un œil. Ne vous inquiétez pas, il a été créé en utilisant exactement les mêmes techniques que celles que j'ai montrées. Et d'ailleurs, si vous êtes nouveau dans les expressions et que vous voulez les apprendre. J'ai un autre cours sur Skillshare, qui est intitulé Introduction aux expressions pour débutants. Vous pouvez supposer que ce n'est certainement pas pour avancer et qu'il ne s'agit pas recréer quelque chose d'avancé comme expression que nous avons utilisé dans ce cours pour l'animation YouTube comme Han. Mais je pense que cela donne une base très solide à tous ceux qui veulent commencer à apprendre l'expression. Donc tu pourrais y jeter un œil si tu le voulais. C'est une couverture pour moi. J' apprécierais vraiment que vous regardiez ceci, si vous avez atteint cette partie de la classe pour laisser un commentaire, cela signifie vraiment beaucoup. Lire une belle critique. Ou si vous n'avez pas aimé le cours, j'ai quand même mis un aperçu. J'aimerais avoir des commentaires sur mes performances, car j' aime vraiment enseigner et je suis un étudiant sur la façon de mieux enseigner. Donc oui, peu importe, c'est à toi de décider, encore une fois, c'est fini et je te verrai dans le prochain. Bientôt j'espère. Au revoir.