Mouvements lisses : mieux mouvement avec des courbes d'animation dans l'éditeur de graphique

1. Bienvenue: Lorsque vous commencez à utiliser le motion design, il est passionnant de faire bouger les choses. Mais au fur et à mesure que vous progressez, vous commencez à remarquer le travail d'autres motion designers. Leurs animations sont fluides, leurs mouvements sont toujours crédibles, et tant de vie et de personnalité y sont imprégnées. En comparaison, votre travail semble ennuyeux ou comme si quelque chose ne tournait pas rond, même si vous ne pouvez pas mettre le doigt sur quoi exactement. Peut-être vouliez-vous vous lancer dans un domaine créatif tel motion design parce que vous n'êtes pas un grand fan des mathématiques et de la physique. Lorsque vous avez vu un outil mathématique, alias l'éditeur de graphes, dans votre logiciel de conception, vous avez probablement décidé de le supprimer et de l'éviter. Mais il y a une raison pour laquelle l'éditeur de graphes existe. C'est essentiel pour créer des animations réalistes, intéressantes et de qualité professionnelle. C'est essentiel pour faire passer vos animations au niveau supérieur. Bienvenue dans Smooth Moves, meilleur mouvement grâce à des courbes d'animation dans l'éditeur de graphes. Je suis Megan Friesth et je suis une explicatrice, c'est-à-dire que j'écris, illustre et anime des animations éducatives principalement sur des sujets liés à la santé et à l'environnement. J'ai vécu exactement l'expérience que j'ai décrite il y a quelques secondes. J'ai étudié la physiologie à l'université, puis j'ai obtenu une maîtrise en technologie créative et en design. Je n'ai pas fait d' études spécifiques au motion design, donc la plupart de mes compétences en animation sont autodidactes. J'ai passé un moment à éviter l'éditeur de graphes parce que je ne pensais pas le comprendre. Mais il s'avère que les cours de mathématiques et de physique que j'ai dû suivre pour obtenir mon diplôme me préparaient à créer des mouvements réalistes dans mes animations. Je ne le savais tout simplement pas à l'époque. Même si vous n'avez jamais suivi de cours de physique, vous en savez intuitivement beaucoup sur la physique, probablement tout ce dont vous avez besoin pour l'animation simplement en vivant dans ce monde. Vous avez juste besoin d' apprendre à appliquer cela à vos animations, quoi sert cette classe. L'objectif de ce cours est d'obtenir des mouvements réalistes. Mais une fois que vous aurez compris comment contrôler le mouvement de vos animations, vous pourrez repousser les limites pour obtenir un effet dramatique ou caricatural ludique et plein de personnalité. Ce cours est pour vous si vous êtes à l'aise avec les bases de la définition de la clé pour créer des animations dans Adobe After Effects. Bien que la plupart des concepts abordés dans ce cours s'appliquent à l'animation en général, j'utiliserai After Effects pour les démontrer et terminer le projet de classe. Si vous êtes novice en matière d'animation dans After Effects, jetez d'abord un coup d'œil à quelques-uns de mes cours pour débutants. Que vous évitiez l'éditeur de graphes de façon chronique ou que vous l' utilisiez de temps en temps, vous sortirez de la classe avec une compréhension claire de ce puissant outil. Vous découvrirez de nouvelles méthodes d' analyse du mouvement que vous pourrez appliquer à chaque animation que vous créerez à partir de maintenant. Nous discuterons des définitions pour vous donner le vocabulaire nécessaire pour communiquer avec d'autres motion designers et nous mettrons ces concepts en pratique aide d'un exercice amusant et d'un projet de classe. Si vous êtes prêt à faire passer vos animations au niveau supérieur, alors allons-y. 2. À quoi s'attendre + projet de cours: Dans ce cours, vous découvrirez les concepts qui sous-tendent le mouvement et appliquerez ce que vous avez appris à un projet pratique. Je vais passer en revue les termes de l'animation et expliquer comment les mathématiques et la physique de base peuvent être appliquées pour rendre vos animations plus réalistes. Ne vous inquiétez pas de mémoriser les définitions des termes que nous allons aborder. Ce qui importe ici, c'est de comprendre comment appliquer ces concepts à votre travail. Cela dit, la connaissance de ces termes peut être utile lorsque vous communiquez avec d'autres motion designers. Je vous ai fourni un guide PDF téléchargeable des informations importantes sur les leçons. C'est comme si j'avais pris des notes pour toi pendant les cours. Il contient même quelques informations supplémentaires qui ne sont pas vraiment abordées dans les leçons vidéo. Assurez-vous de télécharger ce guide et de l'avoir à portée de main. N'hésitez pas à y ajouter vos propres notes. Animer une balle rebondissante est une première mission d'animation classique. Mais en créant cette petite scène de chutes d'éléments, vous aurez un portfolio ou un article sur les réseaux sociaux plus intéressant . Vous pouvez même utiliser cette technique pour animer des éléments et une vidéo explicative. Si animer des objets qui rebondissent ne semble pas très excitant, sachez simplement que c'est une excellente pratique pour les concepts qui reviennent encore et encore pour de nombreuses animations différentes, comme même des personnages. et des vélos de marche. Tout au long de la partie pratique de ce cours, vous pouvez me suivre pour reproduire mon animation. C'est très bien de copier mon animation exactement à des fins d'apprentissage. Veuillez simplement ne pas publier ceci ou le présenter comme votre propre travail original en dehors de Skillshare. Si vous postulez pour un poste de motion design, il est toujours très important d'être très honnête sur ce que vous avez créé exactement. Vous pouvez toujours simplement mentionner en classe côté des articles de votre projet de classe, ou si vous souhaitez avoir votre propre animation originale, vous pouvez illustrer votre propre collection d'objets et les utiliser. techniques que je vais passer en revue en classe. Vous pouvez choisir un thème, comme votre petit-déjeuner préféré ou des objets à emporter lorsque vous campez, si vous avez besoin certaines contraintes pour concevoir. Il est utile d'avoir des objets poids et de matériaux différents, afin que vous puissiez vous entraîner à réfléchir manière dont cela affectera leur mouvement. Pour plus d'entraînement, vous pouvez suivre le cours la première fois, me suivant et en répliquant mon animation. Vous pouvez ensuite revenir en arrière et essayer d'appliquer ces concepts à votre propre illustration. Quelle que soit la manière dont vous décidez de vous y prendre, une pratique pratique est essentielle pour tirer le meilleur parti de la classe. Si vous avez des questions en cours de route, hésitez pas à les poster dans l'onglet des discussions sous cette vidéo et je ferai de mon mieux pour vous répondre dès que possible. Passons en revue les fichiers inclus dans la classe. Tout d'abord, il y a le PDF des notes. Vient ensuite un fichier de projet After Effects avec trois composants différents. Dans le dossier de démonstration, trouverez des animations très simples qui sont utilisées pendant les leçons pour expliquer les concepts avec lesquels ces colonnes sont étiquetées. Je vous les ai fournis au cas où il serait utile de jouer avec eux pour avoir une idée de la façon dont les choses fonctionnent. Il y a aussi cet exercice d'éditeur de graphes, que nous utiliserons dans une vidéo ultérieure. J'ai créé ces différentes compositions sous forme d'exercices pour vous permettre de vous entraîner à l'éditeur de graphes et tout cela est expliqué dans la prochaine vidéo. Pour le projet de classe, je vous ai fourni mon animation finale au cas où cela vous aiderait à différencier les choses. Cette composition de nature morte est l'animation finale. Dans le dossier des éléments, différentes pré-compositions sont utilisées dans l'animation finale. Il existe également une nouvelle version qui ne contient pas encore d'animation que vous pouvez utiliser comme point de départ. J'ai créé cette illustration dans Adobe Illustrator et je l'ai transférée dans After Effects avec l'un de mes plugins préférés de tous les temps, Overlord. De cette façon, rien n'est lié à ce fichier de projet car ce sont toutes des couches de formes. Si vous souhaitez en savoir plus sur Overlord, je couvre dans ma classe, 5 meilleurs plugins pour plus d'efficacité. Lorsque je visionne l'animation finale dans différentes vidéos de la classe, vous remarquerez que j'ai ajouté des textures. Il existe plusieurs façons d' ajouter des textures, mais pour ce projet, j'utilise principalement la méthode de Jake Bartlett qu'il aborde dans son cours, Texturing in Adobe After Effects. J'ai supprimé les textures pour vous et moi pendant l'enregistrement du cours afin que le rendu soit plus rapide. Assurez-vous de télécharger ces fichiers et c'est parti. 3. Le rythme: [MUSIQUE] Le timing fait référence au temps qui s' écoule entre les images-clés. Visuellement, cela ressemble à la distance entre les images-clés sur la chronologie. Comme vous le savez probablement, images-clés plus rapprochées produiront une animation plus rapide ou un timing plus rapide que les images-clés plus éloignées. Une chose que vous n'avez peut-être pas remarquée c'est que les images-clés une teinte de gris légèrement plus claire lorsqu'elles se trouvent de l'autre côté. Votre première image-clé sera gris plus foncé sur la moitié gauche et votre dernière image-clé sera gris plus foncé sur la moitié droite. Le gris foncé encadre les images-clés de cette propriété. Cela peut être utile si vous obtenez une animation à laquelle vous ne vous attendiez pas. Cela peut vous aider à remarquer s' il y a eu une image-clé, qui a été repoussée de la chronologie et n'est plus visible, mais qu'elle existe toujours, ce qui provoque le déplacement de quelque chose. 4. Espacement: Si le timing est la distance entre les images-clés, l'espacement est ce qui se produit dans l'espace entre ces images-clés. Toute vidéo n'est qu'une série d'images qui s'échangent sous les yeux si rapidement que nous voyons une image animée. En animation, chaque image doit être créée, soit par l' animateur qui la dessine soit par l'animateur qui configure différentes images et l'ordinateur remplit le reste. Dans un programme tel qu'After Effects, vous définissez des images-clés qui indiquent à l'ordinateur les valeurs que vous souhaitez voir apparaître à certains moments. L'ordinateur calcule ensuite toutes les valeurs pour chaque image comprise entre les images-clés que vous avez définies. C'est ce que l'on appelle l'interpolation, le processus qui consiste à remplir des images inconnues entre des images-clés connues. Un autre nom pour l'interpolation est l'interpolation. Quelle est la différence entre l'espacement et l'interpolation ? L'espacement s'applique à tous les types d'animation, qu' il s'agisse d'une animation dessinée à la main, animation de cellules ou d'une animation utilisant un logiciel tel qu' After Effects qui effectue l'interpolation pour vous. L'interpolation nécessite un logiciel pour renseigner les valeurs des images situées entre des valeurs définies ou des images-clés. Voyons comment cela peut être utile. Il existe généralement plusieurs manières de se rendre d'un point A à un point B. En d'autres termes, il existe plusieurs manières d'interpoler entre des images-clés. Nous allons examiner les deux méthodes permettant de contrôler la manière dont After Effects interpole entre les images-clés dans les prochaines vidéos. 5. Interpolation spatiale: La première façon de contrôler l' interpolation entre les images-clés consiste à utiliser l'espace, donc l'interpolation spatiale. Cela s'applique principalement à la propriété de position. Dans votre composition, si vous avez un calque dont la propriété de position est animée, vous devriez voir une trajectoire qui ressemble à ceci. Si vous ne le voyez pas, assurez-vous simplement que ce bouton est activé pour qu'il soit bleu, ou vous pouvez utiliser le raccourci clavier, qui est Commande ou Contrôle, Shift et H, et cela masquera ou affichera la trajectoire du mouvement. Une fois que vous avez obtenu la trajectoire, vous pouvez cliquer sur les extrémités qui sont les images-clés, et vous pouvez obtenir des poignées, ou si ce n'est pas le cas, si vous accédez à l'outil Stylo, cliquez et maintenez puis accédez à l'outil de conversion de vertex. Vous pouvez ensuite cliquer pour ajouter des poignées à votre trajectoire. Je vais revenir à l'outil de sélection habituel, et maintenant je peux simplement ajuster ces poignées pour modifier la trajectoire de mon animation. Cela change l'interpolation spatiale, donc maintenant, si je rejoue ce résultat, il va se déplacer dans cette vague. Quelques conseils rapides pour vous aider à utiliser l' interpolation spatiale et les trajectoires de mouvement. Et si je voulais que ce carré s'aligne sur la trajectoire lorsqu'il se déplace au lieu de simplement rester dans la même position ? Je veux qu'il tourne un peu au fur et à mesure qu'il se déplace sur ce chemin. Il existe un moyen simple de le faire au lieu d'animer la rotation. Vous pouvez cliquer avec le bouton droit sur la couche, accéder à Transformation, puis descendre jusqu'à Orientation automatique, puis vous devez simplement vous assurer que Orient Along Path est sélectionné et appuyer sur « OK » et maintenant, le carré va tourner automatiquement à mesure qu' il se déplace le long du chemin. Vous pouvez toujours entrer dans la rotation. Disons que je voulais peut-être que le but passe en premier ou quelque chose comme ça, vous pouvez toujours ajuster la rotation, vous avez toujours le contrôle total sur cela, mais elle s'alignera automatiquement sur votre trajectoire de mouvement. Si vous souhaitez déplacer l'intégralité de votre trajectoire, un moyen simple de le faire consiste simplement à sélectionner la propriété afin qu'elle sélectionne toutes les images-clés , puis vous pouvez simplement la déplacer dans la composition vers où vous voulez qu'il soit. Maintenant, si vous voulez faire cela avec les valeurs présentes en les faisant glisser, les valeurs présentes en les faisant glisser, vous devez passer au-dessus de l' une des images-clés, puis vous pouvez faire la même chose. Assurez-vous simplement que toutes vos images-clés sont sélectionnées. Vous aviez une trajectoire qui ressemble à ceci, et vous voulez qu'elle se courbe dans cette position et qu'elle soit directement à partir d'ici. heure actuelle, nous avons ces deux poignées qui sont verrouillées ensemble, donc si je déplace l'une, elle déplace l'autre pour former une ligne continue. Mais que faire si je veux casser ces poignées ? Ce que je peux faire, c'est simplement maintenir l'option enfoncée, puis prendre la poignée que vous voulez déplacer et ensuite elle cassera ces deux poignées, donc maintenant vous pouvez obtenir un coin plus pointu ici. Maintenant que nous avons cassé ces poignées, vous n'avez plus besoin de maintenir la touche option enfoncée lorsque vous souhaitez revenir en arrière et la modifier. Si vous souhaitez les connecter à nouveau, vous pouvez maintenir à nouveau la touche Option enfoncée et cela les rapprochera afin qu'ils soient toujours en ligne droite, ils soient à nouveau connectés. Si vous souhaitez vous débarrasser complètement des poignées, accédez à l'outil Stylo et utilisez l'outil de conversion de sommets pour simplement vous débarrasser de ces poignées ou les récupérer à nouveau. Si vous avez une forme vraiment spécifique que vous souhaitez utiliser comme trajectoire pour une autre couche, vous pouvez basculer vers le bas de la forme et accéder à la trajectoire, puis sélectionner Path à côté de le chronomètre et copiez-le, donc commandez C. Ensuite, je vais juste supprimer, donc décliquez sur le chronomètre sur les images-clés de pêche que j'avais, et commençons par le début de la chronologie. Ensuite, je vais simplement appuyer sur « Coller » avec la position sélectionnée, et il va coller la même forme que mon zigzag. Parfois, il ne le colle pas exactement au même endroit. Vous pouvez donc simplement, une fois toutes vos images-clés sélectionnées, déplacer l'ensemble de la trajectoire en place. Maintenant, mon carré va bouger en forme de zigzag. Et si je voulais que ça aille dans l'autre sens ? Au lieu d'aller de droite à gauche, je veux aller de gauche à droite. Je peux sélectionner toutes ces images-clés en sélectionnant simplement Position ici, en cliquant avec le bouton droit de la souris, en accédant à Keyframe Assistant, puis en inversant le temps sur bouton droit de la souris, en accédant à Keyframe Assistant, les images-clés. La raison pour laquelle il a choisi d' aller de droite à gauche est probablement à cause de la façon dont j'ai créé cette forme, mais il est facile de changer en faisant simplement les images-clés inversées dans le temps et maintenant elle va de gauche à droite. 6. Interpolation temporelle: L'interpolation temporelle est l'interpolation de valeurs dans le temps. Lorsque vous définissez des images-clés dans After Effects par défaut, elles sont linéaires. images-clés linéaires sont en forme de losange. Les logiciels d'animation proposent souvent un moyen de visualiser l'espacement de votre animation. Dans After Effects, ces petits points situés sur la trajectoire de la couche indiquent l'interpolation temporelle. N'oubliez pas que si vous ne voyez pas la trajectoire de votre couche, assurez-vous que ce bouton est activé ou bleu. Chaque point indique où se trouvera cette forme au niveau de chaque image comprise entre ces deux images-clés. Vous pouvez vous souvenir du terme espacement en pensant à ces points qui vous indiquent l'espace votre couche déplace entre chaque image. points plus rapprochés indiquent un mouvement plus lent et les points plus éloignés indiquent un mouvement plus rapide. Vous pouvez constater que pour ces images-clés linéaires, la forme se déplace de la même manière entre chaque image. Cela semble généralement brusque et mécanique. images-clés linéaires sont les images par défaut, mais la plupart du temps, vous ne souhaitez pas laisser vos images-clés comme cela. Une autre interpolation temporelle courante est appelée Easy Ease. Pour changer les images-clés en Easy Ease, vous devez d'abord les sélectionner, puis cliquer avec le bouton droit de la souris, accéder à Keyframe Assistant, puis à Easy Ease. Ou le raccourci clavier est F9, et sur un Mac, n' oubliez pas que vous devez également appuyer sur la touche Fn. Maintenant, remarquez comment ces images-clés ont pris la forme d'un sablier. Pour la forme Easy Ease, vous pouvez voir qu'il y a moins d'espace ou moins de changement de valeur au début et à la fin de cette animation, et qu'au milieu, les petits points sont plus espacés. Ce que cela nous indique, c'est que le cercle va se déplacer lentement au début, qu'il va s'accélérer, puis qu'il va ralentir avant de s'arrêter. Rejouons-les pour les comparer. Si je sélectionne les deux couches, nous pouvons comparer à quoi ressemble ce visuel des petits points sur la trajectoire des images-clés linéaires par rapport à l'Easy Ease. Si vous avez besoin de reconvertir des images-clés en images-clés linéaires, vous pouvez simplement maintenir la touche « Commande » enfoncée et cliquer dessus. Easy Ease est généralement plus agréable à regarder que le mouvement linéaire, car il permet de voir comment les choses se déplacent dans la vie réelle. Si vous avez appliqué Easy Ease à toutes vos images-clés, c'est une bonne première étape. Mais plus tard dans le cours, vous apprendrez comment ajuster l'interpolation temporelle dans l'éditeur de graphes pour améliorer encore vos animations. Souvent, les animateurs parlent d'assouplir images-clés au lieu de dire ajuster l' interpolation temporelle, parce que c'est une bouchée, mais c'est ce qu'ils veulent dire. La trajectoire de mouvement est idéale pour voir l'espacement de la propriété de position, mais il n'existe pas de moyen visuel automatique de voir l'espacement de nombreuses autres propriétés telles que l'échelle ou la rotation, dans visionneuse de composition Voici l'animation simple que j'ai sur cette couche. Je n'en trouve pas vraiment le besoin, mais il existe une astuce que vous pouvez utiliser si vous voulez voir l'interpolation temporelle de toutes les propriétés de votre animation cartographiées. Dans les logiciels d'animation conçus pour créer des animations image par image, il existe généralement un moyen de voir les images de chaque côté de l'image actuelle. C'est ce qu'on appelle une peau d'oignon. Pour cette petite astuce, nous créons essentiellement notre propre peau d'oignon. Pour ce faire, nous allons passer à Couche, Nouvelle, Couche d' ajustement, puis nous assurer que votre couche de réglage se trouve au-dessus de toutes les couches pour lesquelles vous souhaitez voir cette peau d'oignon. Ensuite, vous devez accéder à votre panneau d'effets et de préréglages et rechercher CC Wide Time, puis l'appliquer à votre couche de réglage. Maintenant, si je passe en revue la chronologie, vous pouvez voir que ces versions semi-transparentes de cette forme sont les images avant et après l'image actuelle. Si je passe au panneau de commandes des effets, je peux augmenter le nombre de pas, c'est-à-dire le nombre d'images que nous voyons vers l'avant et le nombre d'images que nous voyons vers l'arrière. Cela commence à être un peu difficile de voir ce qui se passe. Vous pouvez l'ajuster pour qu'il vous soit le plus utile possible. une époque où j'ai trouvé cette peau d'oignon vraiment utile, c'est lorsque quelque chose secoue ou bouge d'une manière qui n'a pas l'air très lisse, je peux appliquer cette peau d'oignon et voir où il y a un grand écart le mouvement, comme lorsqu'il y a un grand saut, et puis je sais que c'est le domaine sur lequel je dois travailler. Lorsque vous aurez fini de voir cette peau d'oignon vous pouvez supprimer ou simplement désactiver cette couche d'ajustement. Voir une peau d'oignon est très utile lorsque vous faites une animation image par image, et After Effects n'est pas le meilleur programme pour cela. Comme je l'ai dit, les peaux d'oignon ne sont pas vraiment nécessaires lorsque vous travaillez dans After Effects, mais si vous trouvez un moment où vous aimeriez en voir une, vous savez maintenant comment vous y prendre. 7. Bases de l'éditeur de graphiques: Voyons comment personnaliser précisément l'espacement de vos animations dans l'éditeur de graphes. C'est ainsi que vous pouvez vraiment faire passer vos animations au niveau supérieur. Lorsque vous travaillez dans l'éditeur de graphes, vous ajustez généralement l'interpolation temporelle de votre animation. Pour accéder à l'éditeur de graphes, sélectionnez d' abord au moins une image-clé de la propriété que vous souhaitez voir. Ou vous pouvez simplement sélectionner la propriété ici. Cliquez ensuite sur cette icône graphique. deux graphiques différents Vous pouvez voir deux graphiques différents dans l'éditeur de graphes. Si vous avez coché la case Sélection automatique du type de graphique ici, After Effects va deviner quel graphique vous le plus utile pour cette propriété. Mais vous pouvez toujours modifier le type de graphique ici. Examinons d'abord le graphique des valeurs. La ligne indique la valeur de la propriété, donc dans ce cas, la rotation dans le temps. Nous avons le temps en secondes ou en images sur l'axe des abscisses et la rotation en degrés sur l'axe des y. Ces carrés sont les cadres clés. Il s'agit d'images-clés linéaires, sorte que le graphique est une ligne diagonale droite, qui montre que la rotation change de la même quantité à chaque image. Il se déplace à une vitesse constante, jamais ralentir ni accélérer. Si je passe au graphique de vitesse, il nous indique exactement que la vitesse est constante tout le temps. Le graphique de vitesse indique la vitesse sur l'axe des Y au fil du temps sur l'axe des abscisses. Si vous ne savez pas si vous regardez le graphique de vitesse ou de valeurs, exemple si vous regardez un didacticiel et que vous ne pouvez pas regarder dans le menu, regardez les unités sur l'axe Y. S'il s'agit d'une valeur telle que les pixels, les degrés ou le pourcentage , exprimée en secondes, alors c'est le graphique de vitesse. Ou s'il s'agit simplement d'une valeur, alors c'est le graphique des valeurs. Revenons au graphique des valeurs. Si vous avez besoin d'ajuster l'affichage de votre graphique, vous pouvez utiliser le même curseur de montagne que vous le feriez pour zoomer et dézoomer sur la chronologie ou le même clavier, les raccourcis fonctionnent. Donc, plus pour zoomer et moins pour dézoomer. Cette icône en forme de loupe ajustera automatiquement vos graphiques à la hauteur de la zone de votre éditeur de graphiques. N'oubliez pas que différents niveaux de zoom peuvent donner à votre graphique un aspect très différent. Ce bouton permet d' adapter vos graphiques à l'ensemble de la zone, donc également dans le sens de la largeur. Je suis sur le graphique des valeurs et il n'y a actuellement aucune poignée pour ajuster ce graphique. Mais si je clique et fais glisser pour sélectionner ce graphique, y compris les images-clés, je peux appliquer Easy Ease. Il existe en fait trois manières de le faire à partir de l'éditeur de graphes. Tout comme dans la chronologie, vous pouvez cliquer avec le bouton droit de la souris, accéder à l'assistant keyframe puis à Easy Ease, ou vous pouvez utiliser le raccourci clavier F9, ou vous pouvez utiliser ce bouton pour appliquer Easy Ease. Le graphe comporte maintenant une courbe et certaines poignées sont appelées poignées de Bézier ou poignées d'influence. Vous pouvez les utiliser pour ajuster la courbe du graphique afin de modifier l' espacement d'une animation. Mais avant de pouvoir réellement ajuster le graphique pour obtenir une animation personnalisée, vous devez comprendre comment lire ces graphiques pour comprendre ce qu'ils vous disent sur l'espacement d'une animation. N'oubliez pas que c'est le graphique des valeurs. Cela nous indique que la rotation commence à autant de degrés et qu'elle se termine plus tard à autant de degrés. La pente ou la pente du graphique nous renseigne sur la vitesse. la ligne est plate, plus la ligne est lente et raide, plus le mouvement est rapide. Je sais que nous abordons certains concepts mathématiques ici, mais si vous vous arrêtez pour y réfléchir, c' est tout à fait logique. Ce graphique ne commence pas très raide, donc notre forme commence lentement. Ensuite, la pente augmente au milieu, sorte que la forme se déplace rapidement. Ensuite, la pente commence à se stabiliser vers la fin, ce qui signifie que cette forme ralentit. Regardons maintenant la même chose mais dans le graphique de vitesse. Ici, nous pouvons obtenir les mêmes informations sur l'espacement de notre animation, mais elles sont simplement présentées d'une manière différente. N'oubliez pas que l'axe y est la vitesse. Ainsi, lorsque la vitesse est lente, le graphique de vitesse sera plus proche de zéro sur l'axe des y. Ensuite, au milieu de ces images-clés, la vitesse est la plus rapide, donc la vitesse est la plus éloignée de zéro sur l'axe des y. Ensuite, la forme ralentit avant de s'arrêter, sorte que le graphe de vitesse redescend pour finalement atteindre zéro. Si vous avez déjà eu à suivre un cours de calcul, vous avez peut-être reconnu que le graphe de vitesse est un dérivé du graphique des valeurs, et si vous n'avez jamais suivi de calcul ou que cela n'avait absolument aucun sens toi, alors laisse-moi t'expliquer. Cela signifie simplement que si vous la pente du graphe des valeurs, tracez la pente du graphe des valeurs, par exemple image par image et que vous regardez la pente à chaque point, puis que vous tracez cela sur un nouveau graphique, le résultat est le graphique de vitesse. Si cela n'a absolument aucun sens pour vous, ne vous inquiétez pas. Nous allons continuer à nous entraîner à lire des graphiques afin que vous n'ayez pas besoin de comprendre ce que je viens de dire à propos des dérivés pour comprendre et utiliser l'éditeur de graphes. Je sais juste que lorsque j'ai réalisé que certaines des choses que j'apprenais en calcul qui ne semblaient absolument pas pertinentes pour ma vie à l'époque en fait utiles en animation, j'étais très enthousiaste. Si c'est toi aussi, tu y vas. Je sais que j'ai mentionné que mouvement linéaire n'est pas très réaliste, moins dans de nombreux cas, et la raison en est qu'il n'y a ni accélération ni décélération. Si vous pensez à une voiture, l'accélération se produit lorsque vous accélérez, comme après avoir été arrêté. Ou la décélération est tout le contraire. Ralentir comme avant de s'arrêter. Parfois, les gens pensent à tort qu'accélérer signifie vraiment appuyer sur l' accélérateur ou aller très vite. Mais en réalité, l'accélération est le taux de variation de la vitesse, et la décélération consiste simplement à préciser que ce taux de variation de vitesse diminue. L'accélération se produit chaque fois que vous changez de vitesse. En d'autres termes, chaque fois que le graphique de vitesse n'est pas une ligne droite. Si vous voulez savoir à quelle vitesse la couche accélère ou décélère, regardez la pente du graphique de vitesse. Je peux augmenter l' accélération en tirant sur cette poignée pour rendre la pente du graphe de vitesse vraiment raide ici. Vous pouvez maintenant voir que le cercle accélère réellement depuis son point de départ. Si vous repensez au calcul, la dérivée du graphe de vitesse est l'accélération. Cela signifie que si vous faisiez une image par image et traciez la pente du graphe de vitesse à chaque point, vous obtiendrez un graphique de l' accélération d'une couche. Mais si cela n'avait aucun sens pour vous, encore une fois, ne vous inquiétez pas. After Effects ne possède pas de graphique d'accélération. Ce que vous devez savoir, c'est que si vous voulez savoir où quelque chose accélère ou ralentit réellement, recherchez quand la pente du graphe de vitesse est vraiment raide, que ce soit en montant ou en descente. Si vous utilisez les termes mathématiques que j'ai ici lorsque vous discutez avec d'autres animateurs, vous serez précis et vous aurez peut-être l'air intelligent. Mais le plus souvent, vous entendrez les animateurs parler de la possibilité d'entrer ou de sortir d'une image-clé ou de rendre une animation plus percutante. Si vous souhaitez voir à la fois le graphique des valeurs et de la vitesse, cliquez sur la deuxième icône et sélectionnez le graphique de référence. Quel que soit le graphique sur lequel vous vous trouviez, il sera toujours modifiable, qu'il s'agisse du graphique doux ou du graphique des valeurs, et l'autre graphique sera affiché comme référence. Celui-ci ne sera pas modifiable, mais il réagira à toutes les modifications que vous apportez à l'autre graphique. Un graphique peut vous sembler plus facile que l'autre, mais il est important de comprendre et de pouvoir utiliser les deux. Parce que dans certains cas , l'un peut être meilleur que l' autre pour ajuster l' espacement d'une certaine propriété. Je vous encourage donc à jouer un peu dans l'éditeur de graphes avec une animation très simple comme celle-ci, et à commencer à vous faire une idée de la façon dont les choses fonctionnent. En résumé, lorsque vous regardez le graphique des valeurs, examinez la pente du graphique pour voir à quelle vitesse ou à quelle lenteur un élément se déplace. Plat signifie lent et raide signifie rapide. Lorsque vous regardez le graphique de vitesse, plus la ligne est éloignée de zéro, plus elle est rapide. Parfois, le graphique de vitesse est négatif, exemple si votre couche se déplace de droite à gauche ou de bas en haut, ou si elle tourne dans une direction négative ou diminue, que la ligne est au-dessus ou en dessous de zéro, plus la ligne est proche de zéro, plus la vitesse est lente et plus elle est éloignée, plus elle est rapide. Si vous voulez en savoir plus sur l'accélération d'une couche, regardez la pente du graphe de vitesse. Plus elle est raide, plus l' accélération ou la décélération est importante. 8. Travailler avec la propriété de position: [MUSIC] La propriété position est un peu unique dans son fonctionnement dans l'éditeur de graphes car elle est composée de deux valeurs : une valeur x et une valeur y. La valeur x est représentée par cette ligne rouge et la valeur y est représentée par cette ligne verte. Si vous oubliez, passez simplement la souris sur une ligne et une étiquette apparaîtra. La forme se déplace linéairement de gauche à droite, car nous pouvons voir ce que ce graphe en X. La position y ne change pas, ce graphique est donc plat. Regardons maintenant le graphique de vitesse. Cela montre simplement la vitesse globale, sans séparer x et y. Comme il s' agit d'images-clés linéaires, le graphique est plat à cette vitesse. Revenons au graphe des valeurs et ajustons l'espacement de cette animation. Tout d'abord, c'est facile, mais remarquez qu'il n'y a toujours pas de poignées ici. Pour ajuster l'espacement de la propriété de position, nous devons séparer les valeurs x et y. Il existe deux manières de séparer les dimensions. Cliquez avec le bouton droit sur la position et choisissez des dimensions distinctes. Vous n'avez pas besoin d'être dans l'éditeur de graphiques pour le faire, ni d'utiliser le bouton de l'éditeur de graphiques. Je peux en fait supprimer l'image-clé de position y puisqu'elle ne change pas. Maintenant, il y a des poignées, et parfois, cette étape gâche l'espacement que vous aviez sur votre animation. Essayons d'ajuster la position x. Peut-être quelque chose comme ça. Une chose à laquelle il faut faire attention est que vous pouvez réellement ajuster la trajectoire de mouvement ou l'interpolation spatiale de la couche en ajustant le graphe des valeurs de la propriété de position. Si je fais glisser cette seconde poignée vers le haut pour que la ligne dépasse la valeur de mon image-clé, la forme dépassera la position finale, puis reviendra. Cela peut parfois être utile si vous souhaitez créer une animation de dépassement, qui est l'un des 12 principes d' animation dont je parlerai dans un autre cours. Si vous ne voulez pas que cela se produise maintenant, vous pouvez maintenir la touche Maj enfoncée pour placer la poignée à l'horizontale. De cette façon, il dépassera votre valeur finale. Pour ajuster le graphe des valeurs de la propriété de position, vous devez séparer les dimensions. Si une seule des dimensions est animée, c'est généralement très bien. Mais si vous avez une trajectoire de mouvement personnalisée que vous souhaitez que votre couche suive, cela peut s'avérer délicat, et nous en reparlerons plus en détail dans une vidéo ultérieure. 9. Travailler avec la propriété à échelle: La propriété scale possède également des valeurs X et Y, mais elle fonctionne un peu différemment de la propriété de position. Vous ne pouvez pas séparer les dimensions de la propriété d'échelle. Dans l'éditeur de graphes, il n'y a qu'une seule ligne pour l'échelle dans les graphes de valeur et de vitesse. Mais si vous déverrouillez des proportions limitées et que vous déplacez l'une des poignées, il y a en fait deux lignes, elles se chevauchent simplement. Il existe des lignes distinctes pour les valeurs d'échelle X et Y que vous pouvez ajuster séparément. en va de même pour le graphique de vitesse. Si vous verrouillez à nouveau les proportions, vous pouvez régler les poignées et les lignes s'ajusteront proportionnellement. 10. Exercice de l'éditeur de graphiques: Savoir lire et ajuster les graphiques pour obtenir le mouvement que vous souhaitez est extrêmement important pour améliorer vos animations, et cela demande beaucoup de pratique. J'espère que vous pourrez en arriver à un point où vous pourrez simplement jeter un coup d'œil sur une courbe d'animation et comprendre ce qu'elle vous apprend sur le mouvement de votre animation. Avec encore plus de pratique, j'espère que vous pourrez regarder une animation ou regarder une courbe d'animation et comprendre quels ajustements doivent être effectués pour l'améliorer encore. Laissez-moi vous donner quelques exemples de mots que je prononce dans ma tête lorsque je lis des courbes d'animation. abord, vous devez savoir si vous regardez le graphique des valeurs ou de la vitesse. Il s'agit du graphique des valeurs, donc la pente de la ligne nous indiquera quelle vitesse la forme se déplace. lisant cela dans ma tête, je dirais lent, rapide, lent ou s'assouplit à partir de la première image-clé, va plus vite, puis passe à la dernière image-clé, ou maintenant ce serait très lent ou s'assouplit vraiment à partir de la première clé lentement, puis se déplace très rapidement, puis passe à la dernière image-clé. Regardons maintenant un exemple de graphe de vitesse. Plus la courbe est éloignée de zéro, plus elle est rapide, et une forte pente signifie que la couche accélère ou décélère rapidement ici. Ici, cela signifierait qu' il accélère très rapidement, atteint sa vitesse maximale environ un tiers de la durée de l'animation, puis qu'il continue à ralentir ou à ralentir à partir de là. Dans le fichier de projet que vous pouvez télécharger pour ce cours trouve un dossier intitulé Exercice d'éditeur de graphes. Ici, il y a huit exercices pratiques pour vous. Pour la moitié, vous utiliserez le graphe de valeurs pour manipuler la courbe d'animation et pour l'autre moitié pour utiliser le graphe de vitesse. Je vais vous montrer comment fonctionne cet exercice à l'aide de cet exemple supplémentaire que j'ai créé. À l'intérieur de ces compositions, il y a un cercle avec une animation linéaire. Vous n'avez pas besoin d' ajouter d'images-clés. Le cercle n'est animé qu'en position x et j'ai déjà séparé les dimensions. première étape consiste à convertir facilement ces images-clés afin de disposer poignées à ajuster dans l'éditeur de graphes, puis à ajuster la courbe d'animation en fonction cette description à l'aide du graphique indiqué ici. Ce langage n'est pas le plus précis, il y a donc une petite marge de manœuvre dans la réponse. Il existe différentes manières de décrire le mouvement, alors j'essaie d' ajouter de la variété ici. Une fois que vous pensez que votre cercle se déplace comme indiqué dans la description, activez la visibilité de cette couche rouge afin de voir la bonne réponse et de comparer le mouvement et le graphique de votre cercle. Il existe évidemment des moyens de tricher lors de cet exercice, mais cela ne vous aidera pas à apprendre. J'espère que ces exercices vous seront utiles pour vous entraîner à utiliser l'éditeur de graphes. 11. Comment comprendre comment animer presque n'importe quoi: [MUSIQUE] Maintenant que vous connaissez les concepts qui sous-tendent mouvement et que vous savez comment utiliser l'éditeur de graphes, il est temps de l'appliquer à votre travail. Chaque fois que vous allez animer quelque chose, prenez l'habitude de vous demander pourquoi il bouge ? Est-ce qu'il bouge à cause de la gravité ? Est-il autopropulsé ? Réagit-il à quelque chose ? Ou s'agit-il d'une combinaison de facteurs ? Qu'est-ce qui motive ce mouvement ? Lorsque vous savez pourquoi quelque chose bouge, vous pouvez déterminer comment il doit être animé. Si quelque chose tombe à cause de la gravité, il accélère vers le sol jusqu'à ce qu'il s' écrase sur le sol. Vous pouvez maintenant ajuster votre courbe d'animation pour refléter cela. Même si vous n'avez jamais suivi de cours de physique, vous savez probablement intuitivement tout ce dont vous avez besoin pour appliquer cela à vos animations. Si vous ne savez pas comment quelque chose bougerait de façon réaliste, faites un test ou, mieux encore, prenez une vidéo de référence. Vous pouvez visionner la vidéo de référence au ralenti pour voir les nuances de la façon dont quelque chose bouge. Vous pouvez également importer la vidéo dans After Effects pour l' animer en parallèle. Si vous ne pouvez pas réaliser vous-même une vidéo de référence, vous pouvez généralement trouver une vidéo correspondant à vos besoins en ligne. Ce n'est qu'une fois que vous savez comment une chose se déplace avec précision que vous pouvez repousser les limites pour ajouter plus de personnalité, faire bouger d'une manière plus intéressante ou la rendre plus spectaculaire. C'est connaître les règles pour enfreindre les règles. Dans ce cours, nous nous concentrons principalement sur l' animation réaliste, et nous laisserons le reste pour plus tard. Commençons le projet de classe. 12. Animation de planteur en chute: Commençons par appliquer les concepts que vous avez appris au projet de classe. Voici à quoi ressemble le projet de classe final. Dans le fichier de projet que vous pouvez télécharger pour cette classe, vous trouverez un dossier appelé Projets de classe. Il contient un autre dossier pour la version finale. Vous pouvez parcourir ce fichier fini si cela vous est utile. Vous avez également un dossier appelé Start Here. Vous voulez ouvrir la composition de nature morte start here, et ce sera votre point de départ. Je vais utiliser exactement la même composition mais je vais en fait conserver mon dossier start here afin avoir ce point de départ vide, et je vais utiliser celui-ci appelé tutoriel , mais c'est pareil. J'ai déjà codé certaines choses par couleur pour vous et créé des pré-compositions. Mais commençons par innerver le pot qui tombe. Vous n'êtes pas obligée de le faire, mais je vais simplement désactiver la visibilité sur toutes les couches avec lesquelles nous ne travaillons pas et les exclure de ma chronologie. Cela nous permettra simplement de nous concentrer plus facilement sur ce que nous avons besoin de voir. Évidemment, nous allons animer la propriété de position ici, donc je vais simplement sélectionner le pot et appuyer « P » sur le clavier pour faire apparaître la position. La première chose que je veux faire est de cliquer avec le bouton droit sur position et de séparer les dimensions. La raison pour laquelle je fais cela est que nous allons uniquement animer la position Y, et si je sépare les dimensions, je peux ajuster le graphe de valeurs dans l' éditeur de graphes, ce que je trouve un peu Un peu plus facile pour quelque chose qui implique vraiment de la physique, comme cette chute de pot. D'abord, je vais juste y aller, allons-y 15 images dans le futur et définir la position Y juste définir la position Y ici quand il atterrit au sol. Ensuite, je vais revenir au début de la chronologie, et ramenons simplement la position Y à fond pour que cela soit hors écran. Ce seront des images-clés linéaires. Cette animation va juste ressembler à une poupée et tomber à un rythme constant, ce qui n'est pas vraiment réaliste. abord, je vais simplement cliquer et glisser pour sélectionner ces deux images-clés et appliquer Easy Ease. Rappelez-vous qu'il existe plusieurs façons de le faire, mais j'aime utiliser le raccourci clavier qui est F9. Maintenant, cela va passer au mouvement Easy Ease. Si nous regardons le graphique, c'est le graphique des valeurs, et je peux dire que cette animation va être lente parce que la pente n'est pas si raide ici, puis elle va s'accélérer le milieu parce que la pente est la plus raide, puis il va ralentir parce que le niveau de pente est inégal juste avant d'atteindre la dernière image-clé. Comme j'ai séparé les dimensions, je peux maintenant ajuster ces poignées pour manipuler ce graphe de valeurs. C'est une étape vraiment importante. Ce pot de fleurs bouge à cause de la gravité. La gravité accélère les objets vers le sol jusqu'à ce qu'ils s'écrasent contre le sol. Il existe en fait un chiffre pour cela en physique qui est de 9,8 mètres par seconde. Si vous ne pensiez pas le savoir, vous pourriez probablement y réfléchir et arriver à la bonne conclusion. Demandez-vous si vous avez fait tomber un œuf d'un très grand bâtiment. Il va tellement accélérer qu'il tombe toute cette distance que lorsqu'il touche le sol, il doit certainement éclabousser. Mais si vous laissez tomber le même œuf de plus près du sol, comme lorsque vous êtes debout sur le sol, il est possible qu' il ne se brise même pas. C'est parce qu'il avait moins de distance, moins de temps pour accélérer lorsqu'il tombait, sorte qu'il heurte le sol moins fort que si vous le faisiez tomber de ce haut bâtiment. Cette expérience de physique fondée sur des faits et des pensées nous indique simplement que les choses ne ralentissent pas juste avant d' atteindre le sol. Il n'y a rien qui puisse le ralentir. Les choses s'accélèrent vers le sol à cause de la gravité, donc Easy Ease est faux, alors corrigeons-le. Je vais prendre cette poignée et la faire glisser vers le bas pour que le graphique ne se stabilise pas. Maintenant, le graphique continue d'être raide tout au long de cette dernière image-clé. Cela signifie qu'il va accélérer jusqu'à ce qu'il touche le sol. Vous pouvez déjà voir que cela a l'air beaucoup mieux et que cela rend le pot plus lourd. Je peux en fait ajuster le poids de ce pot en ajustant cette courbe. Si je le fais plus comme ça, la pente de ce graphique est encore assez raide. Ça ne se stabilise pas, ça ne ralentit pas. Mais vous pouvez voir que le pot semble beaucoup plus léger dans ce cas, que si je devais faire glisser cette poignée jusqu'au bas comme ceci. Maintenant, on en arrive vraiment à un troisième sur le terrain. Je vais juste le faire quelque part entre les deux. Je trouve que ça a l'air plutôt bon. Je trouve que c'est assez précis pour un pot lourd avec de la saleté dedans. Je vais juste passer très rapidement au graphique de vitesse, parce que souvenez-vous de la façon dont j'ai dit que la pente du graphique de vitesse est l'accélération. Si vous regardez la pente de ce graphique de vitesse, vous pouvez voir qu'elle est toujours positive. La pente est toujours positive tout point du graphique, ce qui signifie que le pot accélère toujours. Si vous vous souvenez de l'époque où nous avions cela à Easy Ease, la pente serait positive ici , puis négative ici. Cela signifierait qu'il est en train de ralentir ici. Je voulais juste vous montrer le graphique de vitesse juste pour expliquer à nouveau l'accélération et vous montrer que le graphique de vitesse ne doit pas toujours monter et descendre. S'il y a une accélération lorsqu'elle touche le sol ou lorsque l'animation s'arrête, alors il y aura juste cette ligne ici ET le graphique ne reviendra pas vers le bas, redescendant vers zéro. C'est exactement ce que nous voulons. La prochaine étape consiste à y ajouter un peu de rebond. Ça ne va pas beaucoup rebondir parce que c'est lourd, mais je voudrais ajouter un peu plus d'intérêts. Ce que je vais faire, c'est avancer de cinq images dans le temps et définir une autre image-clé en position Y, c'est exactement la même chose pour ce point final au sol. Comme on peut s'y attendre, il n'y a aucune animation entre ces deux dernières images-clés car elles ont exactement la même valeur. Maintenant, si vous avez obtenu une animation à laquelle vous ne vous attendiez pas, cela se produit parfois, mais à l'étape suivante, nous allons la corriger. Je vais juste retourner dans l'éditeur de graphes, et nous pouvons simplement ajuster le graphique avec ces poignées pour ajouter un rebond. N'oubliez pas qu'il s'agit d'un graphique des valeurs y. Vous pouvez penser que cela reflète ce qui se passe dans la composition, mais le graphique est juste à l'envers. En bas du graphique, ici c'est lorsque le pot est en haut de la composition, puis lorsque le graphique est en haut, le pot se trouve en fait en bas de la composition. Il vous suffit de retourner ce graphique dans votre esprit. Si nous augmentons la taille de cette courbe juste ici, qui est le rebond, le pot rebondira plus haut. La raison pour laquelle ce graphique est à l'envers, c'est simplement à cause de la façon dont les séquelles définissent les coordonnées, donc il la définit comme 0,0 en haut à gauche, puis les valeurs x augmentent lorsque vous allez de gauche à droite, et les valeurs y augmentent à mesure que vous allez de haut en bas. Il suffit de retourner ce graphique dans votre esprit et cela peut vous aider à réfléchir à la façon dont il se déplace réellement dans l'espace. Comme vous pouvez le voir, lorsque j'augmente cette forme de rebond, le pot rebondit plus haut, mais je veux vraiment que ce soit un très petit rebond parce que encore une fois, c'est un pot lourd, donc il serait ne rebondissez pas tant que ça. Si cela vous aide, vous pouvez zoomer sur le graphique en appuyant sur la touche plus. Nous voulons juste nous assurer que cela ressemble à un rebond. Le graphique doit être le plus raide, car c'est comme toucher le sol et remonter. Ensuite, lorsqu'il change de direction au milieu de la courbe, il va se stabiliser et ensuite il devrait accélérer pour revenir vers le sol. Notre graphique reflète assez bien cela, alors rejouons-le. Oui, je trouve que ça a l'air plutôt bien. Évidemment, vous pouvez passer beaucoup de temps à ajuster l'éditeur de graphiques, mais j'espère qu' en vous entraînant, vous obtiendrez mieux ce que vous aimez en moins de temps. Je trouve que ça a l'air plutôt bien. 13. Animer des oranges en chute: [MUSIQUE] Ensuite, je vais animer les oranges qui tombent dans le bol parce que cette animation est vraiment similaire au pot mais évidemment les oranges sont faites d'un matériau différent, et ce sont des poids différents. Nous allons en tenir compte dans l' apparence de notre animation. abord, je vais simplement sélectionner les trois oranges, appuyer sur la propriété « Position », cliquer dessus avec le bouton droit de la souris et séparer les dimensions. Je vais devoir le faire sur chacun d' [NOISE] mais maintenant, c'est réglé. Faisons juste une orange à la fois. Supposons que cela prenne environ 15 images pour tomber, et je vais définir une image-clé en position Y sur la première orange pour ici à 15 images. Remontons ensuite dans le temps et remontons tout cela jusqu'au sommet, pour que ce soit hors de la composition. Bien entendu, nous ne voulons pas d'images-clés linéaires, donc je vais appliquer Easy Ease puis passer à l'éditeur de graphes. Encore une fois, nous ne voulons pas que ce soit cette courbe Easy Ease, car nous ne voulons pas qu'elle ralentisse lorsqu'elle atteint le sol. Je vais juste tracer cette courbe. Cachons même ce pot pour ne pas le distraire. Je trouve que ça a l'air plutôt bon. Nous pouvons faire quelques ajustements supplémentaires. Peut-être que cela ne facilite pas autant la première image-clé. Il commence à se déplacer un peu plus vite plus tôt. Une fois que vous aurez modifié ce graphique à votre guise, ajoutons maintenant ce rebond. Je vais juste avancer, peut-être cinq images et définir une autre image-clé en position Y. Faisons rebondir cette orange plusieurs fois. Je vais juste définir plus d'images-clés en position Y, exactement la même valeur. Faisons cet équilibre quatre fois Nous avons donc besoin de cinq images-clés en position Y au total ici. Passons maintenant à l'éditeur de graphes pour réellement créer ces rebonds. Maintenant, je peux simplement cliquer sur ces images-clés pour obtenir les poignées, puis faire glisser la poignée vers le bas pour créer un équilibre. Je vais juste le faire très rapidement sur chacun de ces rebonds puis nous reviendrons en arrière et nous adapterons. Je veux que le premier rebond soit le plus élevé parce que ce serait réaliste. Il va rebondir le plus haut, puis perdre de l'élan ou perdre de la hauteur de l'équilibre au fur et à mesure. Je vais juste ajuster mes graphiques pour refléter cela. Ce que je suis en train de créer en ce moment Lorsque je crée ce rebond, ce type de graphique s'appelle une courbe de décroissance. Lorsque vous regardez le graphique, si vous tracez une ligne droite entre le point de départ et le point d'arrivée, vos rebonds ne devraient pas réellement toucher cette ligne. Ils devraient décroître de façon un peu exponentielle au fil du temps. En d'autres termes, le premier rebond est le plus élevé, puis ils diminuent un peu plus à chaque fois. Rejouons-le pour voir où nous en sommes jusqu'à présent. Ce rebond se produit évidemment bien trop vite. Je vais ajuster le timing avant d' ajuster la courbe. Vous pouvez régler le chronométrage dans la chronologie ou vous pouvez l'ajuster dans l'éditeur de graphiques. Je vais cliquer et faire glisser pour sélectionner toutes ces images-clés, puis maintenir la touche Shift enfoncée pour m' assurer de ne pas modifier la valeur de l'image-clé. Je vais juste faire glisser ça. Peut-être qu'il atterrit la première fois, comme 18 images. Il a fallu 15 images pour que le pot tombe, il est donc logique que l'orange mette un peu plus de temps à tomber parce qu'elle est plus claire. Ensuite, je vais sélectionner les quatre dernières images-clés et les faire glisser vers l'extérieur. Ensuite, nous les sélectionnerons et les ferons glisser vers l'extérieur. Chaque fois qu'il rebondit, cela ne prendra pas autant de temps car il ne rebondit pas aussi haut. J'ajuste le chronométrage en conséquence. Quelque chose comme ça semble un peu mieux mais maintenant, ça rebondit très haut. Quand j'ai ajusté le timing, il a en fait ajusté un peu trop le graphique, donc revenons à la baisse. Celle-là aussi. Une autre chose à prendre en compte lorsque vous travaillez avec une courbe de décroissance est que vous voulez que la poignée qui entre dans l'image-clé, celle de gauche, soit légèrement plus longue que celle qui sort de l'image-clé. Celui de droite. Dans ce cas, celui-ci a l'air plutôt bon. Dans ce cas, celle-ci de l' image-clé suivante doit être encore plus courte que la seconde de la dernière image-clé. Tout comme les équilibres se dégradent, je veux que ces poignées se dégradent. C'est parce que lorsque cela entre dans cette image-clé, il va très vite, puis il perd de son élan à mesure qu'il rebondit. Ensuite, lorsqu'il rebondit une deuxième fois, il perd encore plus d'élan, donc les poignées doivent également refléter cela. Je vais juste rentrer et ajuster les poignées, m' assurer que c'est bien le cas. Celle-là est bien trop longue. Quelque chose comme ça. Si nous voyons toutes les poignées, vous pouvez voir qu'elles correspondent également à cette courbe de décroissance. Pour chaque image-clé, les poignées sont assez symétriques si vous regardez l'angle. Rejouons-le et voyons où nous en sommes. Ça a l'air bien meilleur qu'avant. Je vais peaufiner un peu plus ce graphique. Je pense que cette partie peut être un peu plus rapide à mesure que les petits rebonds se produisent. Je vais juste ajuster un peu le timing ici. Je trouve que ça a l'air plutôt bon. Peut-être que le dernier rebond est un peu trop fort. s'agira simplement de peaufiner, rejouer et de faire petits ajustements jusqu'à ce que vous soyez satisfait de votre animation. Ensuite, une fois que vous êtes satisfait de votre animation sur la première orange, nous pouvons simplement copier la position Y. Je le sélectionne ici pour sélectionner toutes les images-clés, puis j'appuie sur « Commande C » pour copier. Ensuite, puisque nous avons séparé les dimensions de ces deux autres oranges, nous pouvons leur donner la même position Y que la première orange. Je vais juste appuyer sur « Command V » pour coller ces images-clés. heure actuelle, ils ont l'air d'être tous collés ensemble, mais je peux juste les compenser à temps pour que ça paraisse beaucoup plus intéressant. Déplaçons simplement trois images en orange vers l'arrière, ou faisons-le de quatre images. Ensuite, nous allons déplacer orange deux arrière de trois images supplémentaires. Maintenant, cela semble beaucoup plus intéressant. Maintenant, évidemment, ces oranges seraient probablement en train de se heurter , de se heurter et de créer un mouvement différent , mais je ne vais pas m' inquiéter à ce sujet pour cela. Une autre chose que nous pouvons corriger, c'est qu'à l'origine, j'avais mes oranges à différents niveaux à l'intérieur du bol. Pour résoudre ce problème, il semble que numéro deux orange doit être un peu plus haut. Je peux simplement prendre toutes ces images-clés en position Y et m'assurer qu' elles sont toutes sélectionnées. maintenant la touche Shift enfoncée, je vais juste les faire glisser vers le haut. Quelque chose comme ça, et je vais réduire un peu ce trois orange. En sélectionnant toutes les images-clés, je vais simplement maintenir la touche Shift enfoncée et les faire glisser vers le bas pour qu'elles se situent à différents niveaux. Cela n'a pas affecté le rebond. Tout fonctionne toujours. 14. Animez l'arrosage en chute de boîte: [MUSIQUE] Maintenant, animons l'arrosoir qui se met en place. Pour celui-ci, je vais ajouter un peu de rotation au fur et à mesure qu'il tombe, qu'il atterrisse sur son coin, tourne et se mette en place. abord, ce que je dois faire, c'est m'assurer que la poignée de l' arrosoir est orientée vers l'arrosoir. De cette façon, je peux simplement animer l'arrosoir et la poignée sera fixée. Ensuite, je dois utiliser l'outil Pan Behind, donc cet outil, ou Y sur le clavier, et je vais déplacer mon point d'ancrage là où nous voulons faire pivoter l' arrosoir. Si je zoome, essayons de le placer ici, dans ce coin. Vous pouvez maintenir la touche « Commande » enfoncée pour l'accrocher en place, sorte qu'il suffit de l'accrocher au bord inférieur de cette couche. Maintenant, je peux revenir en arrière et accéder à la propriété position, et m'assurer que vous sélectionnez nouveau votre outil de sélection avec B sur le clavier. Ensuite, avec la propriété de position sélectionnée, je vais cliquer avec le bouton droit de la souris et accéder à Dimensions séparées. Animons maintenant la position Y. À 15 images, il sera au sol, puis à zéro image, nous le déplacerons complètement hors de l'écran. Maintenant, cela se met en place. Ajoutons la facilité, puis travaillons sur l'éditeur de graphes. F9 pour plus de facilité, puis avec les images-clés sélectionnées, passons à l'éditeur de graphes. N'oubliez pas que nous ne voulons pas que cela ralentisse lorsqu'il atteint le sol parce que cela n'a aucun sens Je vais donc prendre cette poignée et vraiment faire glisser vers le bas parce que je veux qu'elle ait l'air lourde. N'oubliez pas que plus la pente est raide ici, plus elle aura l'air lourde , car plus elle ira vite. Je trouve que ça a l'air plutôt bon. C'est un bon bruit sourd. Peut-être que je peux même l'ajuster, pour qu'il commence à tomber plus vite plus tôt. J'en suis content. Revenons maintenant en arrière et ajoutons cette rotation. Je vais simplement appuyer sur « Shift » et « R » pour afficher la propriété de rotation et conserver cette propriété de position également. Je vais faire en sorte que la rotation soit, disons, peut-être huit, juste ici. Définissons cette image-clé. On peut le faire tourner en l'air. Peut-être que ça commence à zéro et peut-être que son poids, le centre de gravité est un peu décalé, donc c'est pour ça qu'il tourne. Ensuite, il va falloir le remettre en place, alors parlez-en ici. Remettons-le à zéro. Simplifiez facilement ces images-clés, puis nous les ajusterons dans l'éditeur de graphes. Jusqu'à présent, ça ressemble à ça. J'ai l'impression qu'ici, ça va un peu lentement, donc c'est quelque chose sur lequel nous pouvons travailler dans l'éditeur de graphes. Il s'agit du graphe des valeurs de cette rotation. Je veux qu'il tourne au lieu de ralentir ici, car il n'y a vraiment rien qui puisse le faire ralentir lorsqu'il atteint sa position finale assise sur le sol. Je vais lever cette poignée pour la rendre plus rapide, afin qu' elle accélère dans cette rotation jusqu'à ce qu' elle touche le sol. Il est logique qu'il accélère dans cette orientation, où il repose sur le sol, parce que c'est la gravité qui l'attire, ou qu'il modifie cette rotation pour qu'il repose le sol, il devrait donc accélérer pour se mettre en place. De plus, à ce stade, rien ne pourrait vraiment ralentir la rotation Je vais donc également ajuster le graphique pour qu'il accélère dans cet état de rotation. Je voudrais peut-être que cela pivote un peu plus au pivote un peu fur et à mesure que nous commençons à le voir dans le cadre. Je peux aussi faire glisser celui-ci vers l'arrière, pour qu'il tourne un peu plus tôt. Nous pouvons simplement revenir en arrière et essayer de peaufiner les choses jusqu'à ce que cela soit vraiment beau. Je pense que cela semble bon pour le moment. Ajoutons également un rebond à cela. Je vais passer à cette dernière image-clé de rotation et définir une autre image-clé de position. Nous devons maintenant accéder à l'éditeur de graphes et créer ce rebond, comme nous l'avons fait dans la dernière vidéo. Je vais faire glisser ces poignées vers le bas. N'oubliez pas que, quelle que soit la taille de cette petite courbe du graphique, ce sera la hauteur de rotation de l'arrosoir. Ce sera trop élevé, je pense, parce que c' est vraiment lourd. Essayons quelque chose comme ça. Je trouve que ça a l'air plutôt bon. On dirait qu'il est lourd, mais il est fabriqué dans une sorte de matériau qui le rend un peu rebondissant. Je pense que nous sommes bons sur cette animation. 15. Animer une tranche d'orange: [MUSIQUE] Animons la tranche d'orange en la faisant tomber, rebondir et tourner. Faites attention à l' apparence de la tranche d'orange dans l'animation finale. Au bout, ça bascule d'avant en arrière, donc nous allons le faire aussi. J'ai déjà pré-préparé tous les différents morceaux de la tranche d'orange. Cette orange est une composition contenant toutes ces choses différentes, mais vous n' avez vraiment qu'à soucier de la composition elle-même. Tout d'abord, examinons la propriété de position et séparons les dimensions. Je souhaite également changer d'endroit à partir duquel il va pivoter afin de déplacer le point d'ancrage vers le bas. Je vais simplement utiliser l'outil panoramique derrière, qui est Y sur le clavier, et également maintenir la commande enfoncée pour accrocher à ce bord inférieur. Définissons maintenant la position des images-clés. Pour la plupart des objets plus lourds, j'ai utilisé environ 15 cadres, puis je crois que j'en ai utilisé 18 pour que l' orange tombe dedans. Mais cette tranche d' orange sera encore plus légère que cela. Des objets plus légers, évidemment, si vous pensez à une plume, il faudra beaucoup plus de temps pour tomber au sol. Passons peut-être à 23 images et nous définirons une image-clé en position Y. Ensuite, comme toujours, nous allons revenir au début de la chronologie et sortir tout cela du cadre. Ajoutons Easy Ease et ajustons cela dans l'éditeur de graphiques. Quand il tombe, il ne doit pas ralentir et ça a l'air bien. Nous l'ajusterons encore plus lorsqu'il rebondira. Animons ce rebond. Je vais juste aller ici sur la chronologie et définir une autre image-clé en position Y. En fait, je veux qu'il rebondisse plusieurs fois parce qu'il est léger et que c'est un matériau rebondissant. Nous allons juste définir comme 1, 2, 3, faisons six rebonds, ou cinq rebonds, six images-clés. J'ai six de la même image-clé ici. N'oubliez pas qu'à mesure que les choses rebondissent, il leur faudra un peu moins de temps pour rebondir Essayez donc d'ajuster ces images-clés en conséquence. Passons maintenant à l'éditeur de graphes et ajustons la courbe d'animation pour la faire rebondir. Nous allons simplement faire glisser ces poignées vers le bas pour chacun de ces rebonds. Je le fais à peu près la première fois , puis je m'adapte. Je pense que cela pourrait aller encore plus loin. N'oubliez pas que ce sera l'objet le plus léger , donc il pourra rebondir le plus haut, probablement. Celui-ci pourrait être un peu plus haut. Je crée une autre courbe de décroissance ici, en m'assurant que les poignées sont symétriques. Si vous regardez à la verticale, tracez une ligne ici. De plus, le second est un peu plus petit et que les rebonds diminuent avec le temps. Cela doit évidemment être beaucoup plus petit. Si cela peut vous aider, vous pouvez zoomer sur le graphique pour le voir à plus grande échelle. Je pense que certains d'entre eux au milieu sont un peu trop similaires, alors ajustons cela. [BRUIT] Peut-être que le dernier peut être encore plus petit. Ajustez à nouveau. Peut-être que tout cela a besoin d'un petit ajustement. Voici ce que nous avons obtenu jusqu'à présent. Je trouve que cette motion est un peu trop tranchante. Je vais aller dans les graphiques et tirer sur ces poignées pour les rendre un peu moins raides . Cela va élargir les poignées à l'envers. [BRUIT] Voyons maintenant si cela semble mieux. Je trouve que ça a l'air un peu mieux. Je pense qu'il y a un rebond ici qui apparaît un peu trop haut. Je pense que c'est celui-ci, alors arrêtons-le. [BRUIT] Ça a l'air mieux. Une petite astuce pour vous si vous avez du mal à le voir jouer en temps réel et à détecter ce qui ne va pas, vous pouvez accéder votre panneau de prévisualisation et vous assurer que la chronologie est sélectionnée. Si vous modifiez la fréquence d'images pour qu' elle soit inférieure à votre fréquence d'images réelle, la lecture se fera au ralenti. Si je le mets à 15 images, parce que je travaille sur 30 images, je vais maintenant le lire au ralenti afin que je puisse voir plus facilement ce qui se passe. Lorsque vous avez fini de regarder au ralenti, assurez-vous toujours redéfinir la fréquence d'images en mode automatique ou votre fréquence d'images réelle afin de voir les choses en temps réel. Maintenant, allons-y et ajoutons cette valeur de rotation. Je vais juste faire Shift R pour faire apparaître la propriété de rotation. À ce stade, lorsqu'il atterrit pour la première fois sur le sol, je vais le faire pivoter, disons en arrière, par exemple, ce qui se passe assez loin, quelque chose comme ça, et je vais définir cette image-clé de rotation. Mais si vous regardez de plus près, vous remarquerez que cela est en train de passer par le sol en ce moment. Pour compenser cela, je vais juste ajuster la position Y. Une fois ma couche sélectionnée, je vais simplement utiliser les touches fléchées pour déplacer cette couche vers le haut de sorte que le bas de l'orange touche juste le sol. Ensuite, sur l'image-clé suivante, je veux qu'elle tourne dans l'autre sens. commencé à moins 36, je veux faire quelque chose dans le sens positif, mais un peu moins que 36. Peut-être qu'on en fera 22. Encore une fois, ça passe par le sol, donc je vais juste le pousser vers le haut. Passons à l'image-clé suivante et revenons dans l'autre sens. Quelque chose de moins que notre dernière image-clé. Nous pouvons toujours ajuster cela plus tard. Ça a l'air bien et je vais le remettre en place. Il est important que nous fassions d'abord la position des images-clés , puis la rotation. De cette façon, nous pouvons simplement ajuster la rotation par la suite, cela facilite un peu les choses. Revenez dans l'autre sens, et poussez un tout petit peu vers le haut et inversement. Encore une fois, cela diminue à chaque fois qu'il tourne et il n'est pas nécessaire de trop l'ajuster sur la position Y. Faisons même une petite rotation une fois qu'il aura fini de rebondir. J'ai probablement eu besoin de faire pivoter l'image-clé précédente un peu plus, mais nous pourrons l'ajuster plus tard dans l'éditeur de graphes. reste plus qu'à ajouter Easy Ease à ces images-clés et à les ajuster dans l'éditeur de graphes. Il s'agit du graphe des valeurs de la rotation. Nous voulons que les valeurs diminuent au fil du temps. Cela se rétrécit. Mais ces images-clés, celle-ci doit être plus haute. Faisons simplement glisser celui-ci vers le haut pour obtenir cette belle forme déclinante. Peut-être que celui-ci a besoin de tomber, quelque chose comme ça. Peut-être que ce calendrier doit être ajusté ici. Voyons à quoi ça ressemble. Cela semble plutôt bien, mais si nous réfléchissons à ce que devrait faire la rotation, elle ne devrait pas faire un Easy Ease. Nous devons ajuster ce graphique. Comme il arrive et touche le sol, encore une fois, comme je l'ai dit à de nombreuses reprises, cela n'a aucun sens que cela ralentisse lorsqu'il atteint le sol parce que la gravité le tire vers le bas, le tire aussi valeur de rotation, elle devrait donc accélérer dans cette image-clé. Je vais simplement faire glisser la poignée vers le bas pour refléter cela, puis au fur et à mesure qu'elle tourne dans l'autre sens, la même chose ici. Faites glisser cette image-clé vers le haut. Il ne ralentit pas lorsqu'il entre dans cette image-clé. Puis, pareil ici et là, on en a encore un sur ce dernier rebond. Ensuite, au fur et à mesure qu'il bascule d'avant en arrière, je pense que c'est normal qu' il fasse cette Easy Ease, car il s' agit moins de gravité que de friction du sol et de l'orange. Rejouons-le. Une fois que vous aurez vu la rotation et la position des images-clés ensemble, vous voudrez peut-être revenir en arrière et ajuster certaines choses, mais dans l'ensemble, je pense que cela semble plutôt bon. [BRUIT] 16. Animate chute et rotation: [MUSIQUE] Maintenant, animons le bol en le mettant en place, mais nous allons aussi le faire pivoter. Pour celui-ci, je vais lui donner deux rotations. Il va rebondir d'un côté à l' autre, puis atterrir sur place. [BRUIT] Tout d'abord, je veux m'assurer que est la base du bol c'est la base du bol qui sera à l'origine de l'animation. Je vais juste relier le bol à la base du bol. Je dois à nouveau ajuster ce point d'ancrage. Faisons un zoom avant. Déplaçons ce point d'ancrage vers ce coin inférieur. À l'aide de l'outil panoramique derrière, qui est Y sur le clavier, vous allez maintenir la commande enfoncée pour l'insérer dans ce coin inférieur. Passons maintenant à la position et aux dimensions séparées, puis passons à 15 images et définissons une image-clé en position Y, revenons vers le haut et remontons jusqu'à la fin de la composition. Maintenant, cela va se mettre en place. Mais j'ai les oranges présentées ici parce que les oranges doivent évidemment tomber une fois que la balle touche le sol. Je vais juste déplacer ces oranges. Ramenons-le jusqu' à une seconde pour qu'ils s'en sortent. Nous pouvons maintenant ajouter Easy Ease à ces images-clés, accéder à l'éditeur de graphes et ajuster le mouvement. Comme toujours, nous ne voulons pas que les objets ralentissent juste avant qu'ils n'atteignent le sol lorsqu'ils tombent. Ajustons cette courbe. Ça a l'air plutôt bien. Je vais peut-être le faire accélérer un peu plus vite ici. Cette boule est assez légère ; probablement la chose la plus légère que j'ai animée jusqu'à présent , peut-être à part les oranges. Nous allons juste ajuster cette courbe. Je pense que c'est une bonne chose. Ajoutons maintenant la rotation. Faites Shift R pour faire apparaître la propriété de rotation. Ensuite, faisons pivoter ce bol lorsqu'il atterrit sur moins 12, et définissons-le comme image-clé. Au début de la chronologie, il n'est peut-être pas pivoté jusqu' à moins 12, peut-être qu'il est juste à moins 4, commence juste à tomber un peu décentré. [BRUIT] Je vais ajouter Easy Ease à ces images-clés, allez dans l'éditeur de graphes. Il n'y a aucune raison pour que cela ralentisse lorsqu'il atteint le sol. Il n'y a rien qui puisse l' amener ralentir sa rotation. Soulevez cette poignée pour qu'elle continue d' accélérer au fur et à mesure qu'elle entre dans cette rotation. Maintenant, il tombe et atterrit comme ça. Nous devons maintenant l'équilibrer et le faire pivoter dans l'autre sens. Il doit probablement revenir en arrière juste ici. Mais le plus délicat, c'est que si je le fais pivoter dans l'autre sens, le bol plongera sous le sol parce qu'il tourne autour de ce point d'ancrage. En fait, je vais le remettre à zéro, et nous allons configurer un contrôleur pour nous permettre de tourner autour de ce point. Ce que je veux faire, c'est aller jusqu' à la couche d'un nouvel objet nul. Maintenant, nous pouvons prendre cette valeur nulle et la placer là où nous voulons que la rotation soit, la deuxième rotation. Je vais zoomer pour bien faire les choses, peut-être même voir la base du bol et le zéro pour sûr de pouvoir voir ce que je fais être sûr de pouvoir voir ce que je fais sans que le sol ne me gêne. Maintenant, cette valeur nulle correspond exactement à l'endroit où nous voulons que se trouve la deuxième rotation. Ce que je vais faire, c'est placer la base du bol à cette valeur nulle. Nous pouvons renommer cette valeur nulle car c'est toujours une bonne idée d' étiqueter vos couches. Je vais nommer ce contrôleur de rotation du bol. Maintenant, si je le fais pivoter, vous pouvez voir que ce bol peut maintenant tourner autour de cet autre axe. C'est comme si nous lui avions donné un point d'ancrage supplémentaire. En fait, je vais annuler, revenir à zéro parce que nous devons définir une image-clé où cette rotation du bol est nulle et qui sera là quand elle pivotera vers le haut de l'autre côté. Maintenant qu'il est en place, lorsque ces deux éléments sont alignés, nous pouvons maintenant faire pivoter le zéro pour faire tourner le bol. Il est important que vous régliez cette image-clé pour qu'elle tourne à zéro, puis lorsque ces deux éléments sont alignés, la valeur nulle et ce coin du bol, nous pouvons utiliser la valeur nulle. Si vous deviez utiliser cette valeur nulle pour essayer faire pivoter le bol quand il est là, cela ne vous donnera pas l'effet souhaité. Il va tourner autour de ce point. Mais comme ce point ne correspond pas au bol, vous obtenez un effet que vous ne souhaitez probablement pas. Il est important que nous définissions les images-clés de cette manière afin que vous puissiez faire pivoter la valeur nulle lorsqu'elle est alignée avec le coin du bol où vous souhaitez que la rotation se fasse. Faisons une rotation un peu plus. Nous voulons maintenant ramener la rotation à zéro. Nous allons remettre la rotation des nuls à zéro. Let's Easy Simplifiez ces images-clés de rotation sur la valeur nulle et accédez à l' éditeur de graphes pour les ajuster. Cela va être très similaire à cette rotation à la base du bol. Quand il tourne dans cet endroit, il n'a pas besoin de ralentir, rien ne peut le faire ralentir. Nous devons nous assurer que ce graphique ne se stabilise pas. Je vais simplement faire glisser cette image-clé vers le bas. Elle peut commencer lentement ici, car elle prend de l' ampleur à cause de la gravité , elle la met en place, et puis ici, il n'y a aucune raison pour qu'elle ralentisse ; la gravité accélère les choses vers sol. Cette poignée devrait être plus haute comme ça. Cela donne l'impression qu'il s'enclenche. Mais cela semble un peu gênant sans le rebond. Ajoutons donc cela. [BRUIT] Ici, je vais définir une image-clé en position Y. Ce sera le premier rebond et il y aura en fait deux rebonds, ainsi qu'une autre image-clé en position Y alignée sur cette dernière rotation. Ensuite, nous pouvons accéder au graphique de ces images-clés sur la position Y et ajouter ce rebond en tirant ces poignées vers le bas. [BRUIT] Je trouve que c'est plutôt bien la hauteur que je veux, peut-être un peu moins. [BRUIT] En fait, c'est un peu trop haut, je suppose, baissons-le. N'oubliez pas que nous voulons que la deuxième poignée soit un peu plus courte que la première, car elle va perdre de son élan au fur et à mesure qu'elle rebondit. C'est plutôt bon. Rejouons ce que nous avons. [BRUIT] Nous pouvons continuer à le peaufiner pour le rendre encore meilleur, mais nous allons dire que c'est bien pour le moment. 17. Animez le bonheur d'Orange: [MUSIQUE] Animons l'orange qui rebondit sur le bol puis roule. Faites attention à cette orange dans l'animation finale. Nous allons commencer par animer l'orange en position Y, puis nous ajouterons la position X, et plus tard dans une autre vidéo, nous ajouterons la feuille. En fait, je vais juste cacher la feuille et la cacher pour le moment. Je vais entrer dans la propriété de position de l'orange et séparer les dimensions. Comme j'ai déjà animé ces autres oranges qui rebondissent dans le bol, l'animation de cette orange devrait être assez similaire à celle-ci, donc je peux m'en servir comme point de départ. Je vais simplement accéder à mes couches partagées et accéder à l'une des oranges que j'ai déjà animées. Copions simplement cette position Y. En sélectionnant la position Y ici, toutes les images-clés seront sélectionnées et je peux effectuer une « commande C » à copier. Ensuite, je peux à nouveau éviter toutes les couches. Retournez dans cette orange, appuyez sur « P » sur le clavier. Comme elles sont déjà séparées, je peux simplement appuyer sur « Commande V » pour coller ces images-clés en position Y, et cela conservera la même position X mais je veux en fait déplacer la position X, pour qu'il atterrisse sur le dessus du bol. Nous devrons faire avancer toute cette couche à temps pour que cela se produise une fois que le bol a déjà atterri. C'est ici que je veux m'assurer que le bas de cette orange est aligné avec le haut du bol, comme s'il touchait le bord du bol, donc je vais juste déplacer cette position X comme ça, et ensuite je peux aussi ajuster la position Y. Je vais juste sélectionner cette image-clé et déplacer la position Y vers le haut. J'aime juste utiliser les touches fléchées de mon clavier pour cela. Cela semble plutôt bien, mais zoomons pour nous assurer que c'est parfait, puis nous pouvons également déplacer la position Y Je veux donc cliquer sur le centre de l'orange pour l'aligner sur le bord de la bol. Je trouve que ça a l'air plutôt bien. Maintenant, il va tomber dans le bol où il va rebondir et je veux qu'il touche le sol. Remarquez ici que cette image-clé n'est pas exactement alignée avec la tête de lecture. C'est en fait entre un cadre, donc je dois juste le faire glisser un peu dessus et cette valeur Y, je veux vraiment que l'orange soit au sol, donc je vais juste la déplacer vers le sol. Je pense que la valeur du terrain devrait être de 766, donc je peux simplement le taper. Ensuite, toutes ces autres images-clés devraient également atterrir au sol, donc je vais simplement taper valeur 766 parce que je sais que c'est là qu'elles devraient se trouver. l'heure actuelle, l'orange va rebondir de haut en bas sur place. Il rebondit une fois sur le ballon , puis rebondit simplement sur le sol , mais je veux qu'il se déplace vers la gauche. Juste là où il rebondit sur le bord du bol, c'est ce que je voulais commencer à me déplacer vers la gauche. Je vais définir une image-clé en position X ici. Ensuite, avançons dans temps jusqu'à la dernière image-clé. Nous allons simplement faire glisser la position X. C'est cool car vous pouvez maintenant voir la trajectoire du mouvement. Tu peux voir tous ces rebonds. Je ne sais pas exactement où je veux que ce soit. Démasquons simplement certaines de mes autres couches pour plus de perspective. Je sais que c'était comme ça, et voyons peut-être à quoi ressemble le pot de fleurs. Je pense que c'est à peu près la bonne position pour l'orange. Je vais juste cacher à nouveau ces deux couches et les essayer. Maintenant, l'orange rebondit sur le bol et se déplace vers la gauche. Il s'arrête brusquement à la fin et je veux qu'il roule un peu avant qu'il n'arrive au bout ici. Ce que je vais faire, c'est simplement déplacer cette image-clé vers l'extérieur, puis définir une autre image-clé ici, qui s'aligne sur la dernière position Y. De cette façon, je peux savoir que ce sera une animation linéaire, et je peux ajouter une facilité à celle-ci, afin qu'elle passe et je peux ajouter une facilité à celle-ci, facilement à cette position de repos finale. Maintenant, si nous allons dans l'éditeur de graphes, nous voulons nous assurer que cette ligne est assez droite. Cette ligne est constante. C'est une ligne diagonale assez droite. Ensuite, il va atteindre cette valeur. Nous pouvons peut-être retirer un peu plus cette poignée et ajuster le chronométrage, sorte que cette ligne soit droite, puis atteindre cette valeur finale. Cette dernière partie du graphique est incurvée, ce qui montre qu'elle ralentit lorsqu'elle atteint sa position finale. Voyons ce que nous avons. Vous devrez peut-être revenir en arrière et ajuster cela, mais je pense que nous sommes plutôt bons ici. 18. Mouvement réactif animé : plante: [MUSIQUE] Nous avons déjà animé la mise en place du pot, mais maintenant, ajoutons la plante. La plante va réagir au mouvement du pot qui tombe. J'ai déjà créé pour vous cette pré-composition de tige de plante qui contient la tige et toutes les feuilles de cette mèche de plante. Ensuite, dans notre animation finale, nous pouvons simplement dupliquer la tige de cette plante plusieurs fois pour obtenir une plante complète. La première chose à faire est de nous assurer que la tige de la plante est orientée vers le pot, sorte que lorsque le pot tombe dans le pot, la plante l'accompagne. Ensuite, nous pouvons ajouter un effet de courbure à cette tige de plante pour que l'ensemble se plie. Accédez à Effets et préréglages et recherchez CC Bend It. Ensuite, il vous suffit d'appliquer CC Bend It sur la tige de la plante. Si vous regardez de plus près, ma feuille supérieure est coupée , donc ce que je dois faire est d'ajuster les valeurs de début et de fin pour que tout soit visible. C'est la fin. Je vais le faire glisser vers le haut pour que toute ma feuille apparaisse. Ensuite, en bas, je vais simplement le faire glisser jusqu' au bas de la tige. Dans le panneau de commandes des effets, vous devriez voir CC Bend It sur votre calque et vous pouvez ajuster la valeur de courbure pour plier cette tige. Nous pouvons maintenant animer cette valeur de courbure pour animer la plante réagissant au mouvement de chute du pot. Pendant que ce pot tombe, je pense que je veux que cette tige de plante soit assez droite de haut en bas, comme si elle soufflait dans le vent créé par la chute du pot. Mais l'aspect final de la tige de la plante ne sera pas incurvé parce que je trouve que c'est juste plus beau. Je vais placer une image-clé un peu au milieu de ces deux premières images-clés pendant que la plante tombe. Ce sera juste, eh bien, tout droit de haut en bas. La valeur de courbure sera nulle. Je suis juste en train de configurer l'image-clé ici dans Effect Controls. Ensuite, si je clique sur mon calque et que j'appuie sur U sur le clavier, toutes les images-clés de cette couche s'afficheront. Maintenant, je peux aussi l'animer ici. Ensuite, une fois que la plante touche le sol, donc en alignement avec cette image-clé, je veux que le virage soit assez spectaculaire. Peut-être quelque chose comme ça. Ensuite, au fur et à mesure que le pot rebondit, nous pouvons le faire remonter, peut-être comme ça. Ensuite, au fur et à mesure qu'elle descendra, peut-être que la tige de la plante rebondira un peu. Il va revenir en arrière de cette façon , puis revenir comme ça et c'est peut-être sa position finale. Maintenant, je vais juste sélectionner toutes ces images-clés et appuyer sur F9 pour les faciliter. Passons ensuite à l'éditeur de graphes pour les ajuster. Cette forme est belle dans l'ensemble, nous voulons que la courbure diminue avec le temps. Mais rejouons simplement notre animation et voyons à quoi elle ressemble. Il semble que ce rebond soit bien trop rapide. Je vais juste aller les traîner un peu. Voyons à quoi ça ressemble. Cela s' arrête brusquement ici. Peut-être que nous voulons qu'il s'arrête car il descend au lieu de monter. Je vais juste le réduire un peu plus. Ensuite, assurons-nous que notre courbe d'animation présente toujours cette belle décroissance. Peut-être que ce point doit être un peu plus long. Je veux juste m'assurer que cela ressemble à une forme de cône. Faisons également en sorte qu'il atteigne réellement cette valeur finale. Nous allons sortir cette poignée. Ensuite, il commence à se plier très vite au début, donc je vais faire sortir cette poignée qu'elle se plie plus soudainement lorsqu'elle touche le sol. Il se peut même que je doive déplacer toute cette image-clé. Prends un peu plus de temps pour qu'elle se plie tout à coup. Je rends cette pente très raide juste ici. Je pense que je dois ajuster un peu plus le timing pour que cela se produise trop rapidement. Essayons ça. Ça a l'air mieux. Je pense que le timing est encore trop rapide ici à la fin. Essayons ça. Ça a l'air plutôt bon. Je pense que ça finit quand même à peu près. Peut-être devons-nous les ajuster et faisons-le dans l'éditeur de graphiques. Peut-être que nous pouvons simplement réduire un peu cette quantité de flexion pour qu'il n' ait pas à faire un tel changement à la dernière image-clé. Je pense que ça va être mieux. Rejouons-le en temps réel. Je trouve que ça a l'air plutôt bon. On dirait que la plante réagit lorsque le pot tombe en place. Animons maintenant les feuilles de la tige de la plante pour rendre cette animation encore meilleure. Cela lui donnera un aspect un peu plus fluide et les feuilles ne seront pas si raides lorsqu'elles sont attachées à cette plante. Je vais cliquer sur cette couche de tige végétale. Mais je veux d'abord placer ma tête de jeu au-dessus de cette première image-clé sur la valeur de courbure afin savoir où elle se trouve dans cette composition. Je veux animer ces feuilles de manière à ce qu'elles soient le plus droites lorsque la plante est la plus droite. C'est à ce moment-là qu'il tombe. Je vais passer à la rotation de cette feuille et apportons-la. C'est encore plus droit de haut en bas. Peut-être six. Ensuite, la feuille opposée l'autre côté de la tige doit avoir la même rotation mais négative, donc négative 6. Définissons des images-clés de rotation pour celles-ci , puis remontons la tige de la plante en faisant la même chose. Cette feuille, cette feuille et cette feuille devraient également avoir six. Alors cette feuille, cette feuille et cette feuille doivent être négatives 6. La feuille supérieure peut probablement simplement rester tournée vers le haut et vers le bas juste à zéro. Maintenant, je veux juste m' assurer de définir images-clés pour toutes ces valeurs. Maintenant que la tige de la plante revient dans une position courbée juste ici, je veux que les feuilles se plient en conséquence. Les feuilles de cette moitié de la plante devraient se plier davantage vers le bas et les feuilles de cette moitié de la plante devraient probablement être encore plus droites de haut en bas afin de s'incliner davantage vers la gauche. m'assurer que ma tête de jeu est au-dessus de cette deuxième image-clé, je vais cliquer ici. Je sais maintenant où placer ces images-clés. Baissons ça pour qu'il reste peut-être moins 10. Ensuite, sur cette feuille supérieure, peut-être pourrions-nous aussi la faire pivoter comme si c'était le cas, faisons moins 10 ici aussi. Elles sont toutes deux inclinées de manière à ce qu'elles se plient, ce qui est logique pour la réaction réelle des feuilles. Nous pouvons faire de même pour les autres feuilles de cette tige. Ces trois-là seront moins 10. Ces trois seront également négatifs 10. Tout est à moins 10 en ce moment, sauf cette feuille supérieure que nous pouvons simplement faire pivoter jusqu'à ce qu'elle soit belle. Peut-être que moins 10 est aussi une bonne chose. De retour dans notre composition principale, vous pouvez voir que cela ressemble un peu plus, les feuilles participent également à ce mouvement. Si nous passons à l'image clé suivante, faisons en sorte que ces feuilles soient plus droites. Peut-être pas aussi droits qu'ils l' étaient à cette position de départ, mais un peu moins inclinés vers la gauche que dans cette deuxième image clé. Je vais à nouveau cliquer sur la tige de ma plante et définir ces cadres clés. Faisons pivoter cette feuille à quatre ? [BRUIT] Les trois autres feuilles ce côté peuvent probablement faire de même, puis de ce côté , nous les ramènerons, donc peut-être qu'elles devraient être comme moins 4. Notre feuille supérieure pourrait être juste négative 2. Revenons à la composition principale, puis passons à image clé suivante, nous cliquerons de nouveau sur tige principale de la plante et nous allons maintenant ajouter d'autres images clés de rotation. première série, lorsqu'ils ont été pivotés vers la gauche, ils étaient à 10, mais ils étaient plus pliés vers la gauche, donc faisons en sorte que ce soit un peu moins que moins 10. Essayons moins 8 et nous pouvons réellement le faire sur tous ces points, donc moins huit. étaient les mêmes, donc moins 8, et cette feuille supérieure. Revoyez ce qui semble bon, probablement négatif 8, puis revenons en arrière et passons à notre image clé suivante. Ce nouvel ensemble d' images clés devrait être cet ensemble d'images clés mais un peu moins, donc c'était à moins 4 et 4 de ce côté, alors allons-y. Pour ces gars-là, on va faire deux ? Ceux-là sur le côté droit, nous ferons moins 2, et sur notre feuille supérieure, nous ferons juste moins 1. Revenons à notre composition principale une dernière fois. Il s'agit de la position de repos finale, alors faisons que cela ressemble à ces images clés , mais un peu moins. Ceux-là, nous sommes à moins 8, alors faisons moins 5. Celles-ci étaient également à moins 8, donc nous allons faire moins 5 et ensuite cette feuille supérieure peut-être juste moins 4. Je vais juste sélectionner toutes ces images clés et faire F9 pour les faciliter. Revenons à notre composition principale, et voyons à quoi cela ressemble. J'espère que vous pouvez le constater, cela semble un peu plus fluide. Les feuilles se plient également, ce qui leur donne un aspect un peu plus naturel. Mais une chose que nous pouvons faire est de faire réagir les feuilles au mouvement de la tige, car si vous pensez à la façon dont tous ces éléments sont liés, le pot est à l'origine de toute l'animation. Tout le mouvement se produit parce que le pot tombe. La tige est enracinée dans le pot, puis les feuilles sont attachées à la tige, sorte que le mouvement réactif devrait avoir un effet d'entraînement. commençant par déplacer le pot dans la tige puis dans les feuilles. Nous devrions commencer à animer ces feuilles inférieures probablement après la tige. La tige est la courbe , puis les feuilles commençant par le bas devraient animer d'abord après cela , puis un peu décalées serait la prochaine série de feuilles, la prochaine série de feuilles, la série suivante de feuilles jusqu'à cette feuille finale. Je vais juste retourner dans la tige de ma plante et compenser ces cadres clés. Déplaçons simplement chaque image clé d' une image vers l'arrière afin que toutes les images clés soient décalées par rapport à nos images clés courbées sur la composition de la tige de la plante. [BRUIT] Nous allons prendre la prochaine série de feuilles ; donc celle-ci et celle-ci, et déplacer ces images clés d' une image de plus. À la prochaine série de feuilles, je vais prendre ces images clés et les déplacer d'une image par rapport à l'étape précédente, puis sur ces dernières, nous allons simplement prendre la feuille du haut pour déplacer celles-ci une feuille de plus et la feuille supérieure peut se déplacer sur une autre. Si nous rejouons simplement cette composition, vous pouvez voir qu'elle a un effet d'entraînement plus important. C'est un peu plus lent et naturel que de bouger tous en même temps. Si vous pensez que le mouvement provient de la base de la plante ou que la tige remonte, alors cette animation prend tout son sens. Si nous rejouons cela le jeu de la tige semble un peu plus fluide, plus naturel et plus réaliste. Ce que nous devons faire à partir de là, c'est simplement dupliquer cette tige de plante afin avoir plusieurs tiges de plantes dans le pot. Je peux simplement sélectionner celui-ci et appuyer sur « Commande D » pour le dupliquer, puis je peux simplement le faire glisser dessus mais je veux que cette tige de plante se plie dans l'autre sens. Plutôt que d'ajuster toutes ces valeurs de courbure, je vais simplement prendre cette tige de plante, appuyer sur « S » sur le clavier, puis ajuster l'échelle pour la retourner horizontalement. Je vais déverrouiller les proportions contraintes , puis faire moins 95 dans la direction X, et ça va l' inverser de cette façon. Je peux aussi simplement le déplacer où je le souhaite. Nous avons deux tiges de plantes mais elles se déplacent exactement de la même manière, juste une image miroir qui semble un peu étrange. C'est comme des bois ou un truc comme ça. Prenons cette tige de plante dupliquée et passons aux cadres clés de pliage, donc je les sélectionne tous. Pour accéder à l'éditeur de graphes, nous pouvons ajuster toutes les valeurs en nous pouvons ajuster même temps dans l'éditeur de graphes. Pour ce faire, vous devez vous assurer que Afficher la case de transformation est cochée de manière à ce qu'elle soit bleue, puis vous pouvez cliquer et faire glisser le pointeur sur l'ensemble de votre graphique pour sélectionner l'ensemble et maintenant nous peut traiter cela comme une forme que nous pouvons manipuler. Nous pouvons faire glisser le tout vers le haut et si vous maintenez la touche Shift enfoncée, cela fera en sorte qu'il ne le fasse pas glisser vers la gauche et la droite. Tout cela est un peu moins souple. Vous pouvez également rendre la tige de la plante plus rigide en réduisant la différence entre les virages. Ça a l'air légèrement différent. Mais une chose est que lorsque je l'ai fait, cela changera cette première valeur afin que cela changera cette première valeur afin cette tige de plante ne soit pas aussi droite haut en bas au début et je veux toujours qu'elle le soit. Je vais juste remettre cette valeur de courbure à zéro pour la première image clé. Une autre chose que nous pourrions faire pour que cela soit légèrement différent est d' ajuster l'échelle. Peut-être que c' est moins 100 et 100. Juste pour être un peu plus grand, ajustez sa position. Refaisons le tout pour créer une troisième tige, donc je vais juste dupliquer la tige principale , la faire glisser dessus. Faisons de la balance 105 juste pour qu'elle soit plus variée, et passons aux cadres clés de courbure. En fait, nous pouvons simplement cliquer et glisser sur une partie du graphique, afin de ne pas gâcher ce premier virage au-dessus de zéro que je veux conserver. Nous pouvons simplement les faire glisser vers le haut pour que cette tige soit globalement moins courbée, puis peut-être que je vais faire glisser cette tige du bas vers le haut juste pour que la tige entière ne se plie pas autant. Voyons à quoi cela ressemble. Je trouve que ça a l'air plutôt bon. Toutes les tiges se plient en même temps ce qui semble un peu anormal, alors peut-être que je peux simplement décaler les cadres clés de chacune de ces tiges pour la rendre un peu plus décalée. Ils ne se produisent pas tous en même temps. Je vais juste sélectionner toutes les images clés cette tige centrale, les faire glisser d'une image dessus, et peut-être que toutes les images clés celle-ci peuvent passer de deux images et je vais simplement garder un Un peu plus de variété. Voici l'animation finale sur les tiges des plantes. 19. Animate réactive Motion : feuille d'orange: [MUSIQUE] Cette petite feuille sur l'orange devrait réagir au mouvement de cette orange qui tombe. Animons-le maintenant. abord, je dois m' assurer que la feuille est orientée vers l'orange afin qu'elle reste connectée, puis je dois m'assurer que le point d'ancrage de cette feuille va pivoter à partir du bon point. Je vais utiliser l'outil Pan behind et maintenir la commande enfoncée pour le mettre en place. Maintenant, évidemment, nous avons déjà animé l'orange afin de pouvoir ajuster la rotation de la feuille en fonction de cette animation sur l'orange. Mais d'abord, je veux m'assurer que l'orange tourne parce qu'elle va rebondir sur ce bol juste ici, le bol que vous pouvez réellement voir en ce moment. Il y a ce bol sur lequel il rebondit, puis au fur et à mesure qu'il rebondit à partir d'ici, il devrait tourner juste pour le rendre un peu plus intéressant et réaliste. Je vais d'abord définir ces images-clés de rotation. Il touche le bol ici, donc je vais juste appuyer sur R sur le clavier pour activer la rotation et définir une image-clé de rotation. Ensuite, il suffit d'appuyer sur U pour voir toutes les images-clés. Avançons dans le temps, et il devrait continuer à tourner jusqu'à ce qu'il s'arrête. Faisons en sorte qu'il fasse une rotation complète, mais je vais en fait lui faire une rotation négative, de cette façon, il tournera dans cette direction, dans le sens antihoraire. Maintenant, nous devons animer cette feuille faisant quelque chose de plus naturel que cela. Je vais juste faire glisser la couche de feuilles pour qu'elle s'aligne avec la couche orange. Ce n'est pas très nécessaire, mais j'aime juste garder mes couches propres et organisées comme ça. Au fur et à mesure que les oranges tombent, je veux que la feuille soit droite de haut en bas, comme le bruit de la plante, comme si le vent tombe soufflait cette feuille vers le haut. Changons simplement la rotation à moins 180. Notre feuille n'est pas vraiment attachée à l'orange à ce stade, alors déplacons-la et placez-la là où elle est belle. Réglons cette rotation ici pour moins 180. Lorsque l'orange tombe, la feuille colle droit en l'air, mais une fois que l'orange rebondit sur le bol et commence à remonter, la feuille doit immédiatement redescendre car l'élan de l' orange qui remonte va pousser la feuille vers le bas. Définissons simplement une image-clé. Allons-y et faisons-le pivoter à nouveau vers le bas. Ensuite, lorsqu'elle atterrit sur le sol, ce sera une bonne rotation. Déplaçons simplement cette image-clé, puis nous ajusterons l'espacement de cette animation dans l'éditeur de graphes. Je vais d'abord ajouter Easy Ease, puis passer à l'éditeur de graphes. Je veux que cela se produise de telle sorte que, juste au moment où les oranges rebondissent, elles battent déjà vers le bas. Je dois ajuster ces poignées pour qu'elles s' animent très rapidement vers le bas, donc il y a un changement radical ici. Quelque chose comme ça semble plutôt bien pour l'instant. Ensuite, à partir de là, l'orange roule mais rebondit également. Voyons ce que cela ferait ensuite. L'orange rebondit et tourne, donc je pense que la feuille tomberait vers la gauche et qu'elle atterrisserait ainsi. Peut-être que la feuille à ce stade tomberait sur le sol comme ça. Entre les deux, voyons si cela semble correct. Je pense qu'il commencerait probablement à tomber un peu plus tôt au lieu d'être droit vers le haut parce que l' orange se déplace vers le haut, ils pousseraient la feuille vers le bas, donc ajustons cela dans le graphique Rédacteur. Nous voulons la faire chuter plus tôt, donc si nous ajustons la courbe comme ça, elle y parviendra. Passons à la phase suivante. Ici, l'orange tourne et cela n'a aucun sens que la feuille traverse le sol. Peut-être qu'à ce stade, il bascule de l'autre côté pour qu' ici c'est comme ça. Je trouve que ça a l'air plutôt bon. Alors que nous arrivons à la fin, j'ai remarqué que sur la couche orange, cette dernière image-clé de rotation est juste une image-clé linéaire, donc elle ne ralentira pas lorsqu'elle terminera sa rotation vers sa position finale et ça va paraître un peu brusque. Nous devons y ajouter un Easy Ease, comme nous l'avons fait pour la position x de l'orange. Je ne veux pas affecter l'autre rotation sur le reste de cette couche, je veux que ce soit linéaire, sinon cela gâcherait l' apparence de la feuille. Sur cette dernière image-clé pour la position y, c'est là que l' orange commence à rouler et c'est la partie que je veux atténuer. Je vais définir une autre image-clé linéaire sur la rotation, puis nous allons simplement atténuer cette toute dernière image-clé. Nous pouvons maintenant poursuivre la rotation de cette feuille. Nous étions là, et quand l'orange rebondit, la feuille devrait probablement tomber pour qu'elle repose sur le sol comme ça ici. Nous pouvons probablement y arriver un peu plus tôt, car le mouvement de l'orange monte l'air pousse la feuille vers le bas. Cela devrait probablement se produire un peu plus tôt, donc nous allons passer à la deuxième image-clé et y aller plus raide, puis elle rebondira une dernière fois puis roulera et nous voulons cette feuille pour passer à sa position finale, ce qui est un peu comme ça. Je trouve que ça a l'air plutôt bon. Il se peut que nous ayons besoin d' entrer un peu plus facilement dans cette image-clé, alors je vais simplement faire glisser cette poignée vers l'extérieur. Ça a l'air plutôt bien, je trouve. Rejouons-le au tout. Je trouve que la fin est un peu abrupte, alors peut-être qu'on prend toutes ces images-clés et qu'on lui laisse un peu plus de temps pour tourner et que tout tourne en place. Je pense que ça a l'air mieux. Maintenant, nous avons l'orange avec la feuille qui rebondit sur le bol. 20. Mettre tout en œuvre: Maintenant que tous nos objets se mettent en place, ajustons un peu le moment pour qu'ils ne se mettent pas tous en place exactement au même moment. Voici ce que nous avons obtenu jusqu'à présent. Ce serait génial d'avoir l'arrosoir en premier. Laissons l' arrosoir tel quel, puis reculons un peu le pot de fleurs. Peut-être que ça va commencer à cinq images. Je vais juste les déplacer et peut-être le bol. Cela affectera toutes les oranges. Peut-être que ça devrait commencer à dix images. Ça a l'air bien. La tranche d'orange devrait arriver un peu plus tard. Peut-être que ça peut prendre, disons, 20 images, pour voir à quoi ça ressemble. Peut-être que les oranges pourraient arriver un peu plus tôt. Faisons d'abord l'orange avec la feuille. Le bol semble être en place à peu près ici. Voyons juste les images-clés sur cette orange. Le plus tôt possible, ce serait ici. Voyons à quoi ça ressemble. Ça a l'air plutôt bien. Vous pouvez l' ajuster davantage à la manière dont vous pensez que cela vous convient. Mais je vais laisser le mien ici. 21. Quand utiliser le graphique Valeur vs vitesse: [MUSIQUE] Quand il s'agit de la valeur des graphes de vitesse, il peut être tentant de vouloir simplement devenir bon dans l'un, utiliser tout le temps et d'ignorer l'autre, mais l'un n'est pas toujours meilleur que l'autre, et de prendre Un raccourci ici n'est pas une bonne idée. Parfois, le graphe de valeurs est meilleur que le graphe de vitesse pour ajuster l'animation sur une certaine propriété, et parfois c'est l'inverse. Il y a parfois des compromis. Examinons différents scénarios pour savoir quand utiliser le graphique des valeurs par rapport au graphique de vitesse. plupart du temps, il est plus facile d'utiliser le graphe de valeurs pour les animations qui reposent fortement sur la physique comme la chute ou le rebondissement , comme la chute ou le rebondissement d' objets, mais la propriété de position peut parfois être délicate dans l'éditeur de graphes. Pour utiliser le graphe de valeurs avec position, vous devez séparer les dimensions. Sinon, il n'y a pas de poignées, moins dans le graphique des valeurs. Cela fonctionne bien si seule la position x ou y est animée, ou si une seule à la fois est animée. Cela peut également fonctionner correctement si vous animez quelque chose comme un rebond où la majeure partie de l'action se déroule dans une seule direction. Là où les choses se compliquent, c'est lorsque vous avez une trajectoire de mouvement spécifique que vous souhaitez que votre couche suive. Dans ce cas, la séparation des dimensions peut perturber l'interpolation temporelle. Voici un exemple. Supposons que je souhaite ce papillon se déplace sur cette trajectoire, et que je souhaite également ajuster une interpolation temporelle de cette animation. abord, je vais simplement ajouter de la facilité à mes images-clés parce que je veux qu' elles ralentissent, accélèrent, ralentissent ici, puis accélèrent et ralentissent. Je veux qu'il fasse ce mouvement de facilité. Il y a peut-être une fleur ou quelque chose comme ça à ces endroits où elle ralentit, là où je veux que ça ralentisse vraiment. Disons que c'est l' interpolation temporelle que je veux , mais disons que je veux qu'elle soit un peu plus spectaculaire. Je veux que le papillon fasse une pause plus longue devant ces images-clés. Imaginez qu'il y a une fleur ici ou quelque chose comme ça sur ces deux images-clés. Si je vais dans l'éditeur de graphes, il s'agit du graphe de valeurs. Comme je n'ai pas séparé les dimensions, je n'ai aucune poignée pour pouvoir ajuster ce graphique. Mais si je devais séparer les dimensions, vous pouvez voir que tout d'abord, cela a changé la forme du graphique. Ensuite, si je rejoue ce résultat, vous pouvez vraiment voir qu'il a facilement supprimé l' interpolation temporelle. Je voulais que le papillon aille lentement ici, mais si vous regardez les points sur la trajectoire, vraiment espacés les uns des autres au niveau de ces images-clés, ce qui signifie que le papillon va très vite sur ces images-clés. Je pourrais essayer de lisser cela en ajustant le graphique des valeurs mais si je le fais, vous pouvez voir que cela commence à affecter réellement les valeurs car il s'agit du graphique des valeurs et cela affecte trajectoire réelle dans la composition. Ce n'est pas ce que je veux. Je vais juste annuler tout cela et revenir à l' époque où les dimensions n'étaient pas séparées. Au lieu d'ajuster le graphique des valeurs lorsque je veux cette trajectoire de mouvement spécifique, il sera beaucoup plus facile d' ajuster le graphique de vitesse. Encore une fois, je vais les simplifier, et revenons à l'éditeur de graphes, mais passons au graphe de vitesse. Je peux maintenant ajuster le graphe de vitesse sans affecter la trajectoire du mouvement. Cela permettra au papillon aller particulièrement vite entre les images-clés et plus lent au niveau des images-clés. Cela m'a donné l'effet le plus dramatique que je recherchais. Voici un petit conseil de pro pour vous. Cela n'a peut-être pas l'air très gênant parce que c'est un papillon, mais si vous aviez un autre objet qui se déplaçait dans votre scène comme celui-ci, et qu'il avait l'air gênant parce qu'il prenait un arrêt complet à l'image-clé, voici un moyen de la rendre un peu plus fluide. Si vous allez dans l'éditeur de graphes, vous pouvez prendre ce point où la vitesse atteint complètement zéro et l' augmenter pour qu'il continue à dériver. Cela peut vous donner une très belle animation. Si nous cliquons et glissons pour sélectionner cette image-clé, lorsque vous l'afficherez, vous verrez qu'une seule des poignées va se déplacer. Ce que vous devez faire d'abord est de cliquer avec le bouton droit de la souris, accéder à Keyframe Velocity, puis de cocher la case indiquant Verrouillage continu sortant vers entrant », puis de cliquer sur « OK ». Maintenant, vous pouvez augmenter ce point et cela fera monter les deux côtés vers le haut, de sorte que la vitesse n' atteigne jamais zéro et qu'elle dérive. Vous pouvez voir à quoi cela ressemble par rapport à cette deuxième image-clé. Si vous avez une animation similaire à celle-ci, c'est un bon moyen de la lisser. Un scénario pour lequel j'aime utiliser le graphe de vitesse est celui où je veux que l'espacement de différentes animations, peut-être même sur différentes propriétés, soit le même. Alors que selon les propriétés ou si une valeur est négative, les graphes de valeurs peuvent avoir une apparence très différente. Le graphique de vitesse se ressemblera davantage. Cela est utile pour synchroniser les choses. Les fleurs dessinées au trait dans le projet de classe sont un bon exemple d'animation avec laquelle je trouve que le graphe de vitesse est un peu plus facile à utiliser. Jusqu'à présent, nous avons animé des choses inspirées de la physique, mais cette animation est un peu plus abstraite. Comme expliquer comment j'ai créé cette animation florale complète n'est pas très pertinent pour ce cours, j'ai créé un didacticiel distinct sur le processus exact, étape par étape pour créer quelque chose comme ça. Vous pouvez le consulter sur ma chaîne YouTube. heure actuelle, toutes les images-clés de ces fleurs sont définies, mais elles sont toutes linéaires, et j'ai également espacé les couches pour que les choses se présentent dans le bon ordre. J'ai utilisé des tracés de découpage pour animer la tige et les branches qui s'y animent. Pour les feuilles, les fleurs et ces petits bourgeons, j'ai animé l'échelle et la rotation. Regardons quelques exemples de la façon dont j'utiliserais le graphe de vitesse pour peaufiner cette animation. Sur cette feuille, j'ai des images-clés d'échelle et de rotation. Je vais ajouter de la facilité , puis passer à l'éditeur de graphiques. C'est le graphique de vitesse, et vous pouvez voir que le graphique rouge est l'échelle et qu'il est évidemment au-dessus de zéro, puis le bleu est la rotation, et comme il tourne dans le négatif direction, c'est en dessous de zéro. Si je regarde la même chose dans le graphique des valeurs, vous pouvez voir que ce n'est pas aussi symétrique. Bien que je puisse m'adapter ici, c'est un peu plus difficile à visualiser que le graphique de vitesse. Pour ce qui est de l'animation de cette feuille, je veux qu'elle passe assez rapidement au début et elle passe facilement à sa dernière image-clé. Je vais simplement cliquer et faire glisser cette poignée d'influence pour que le graphique reflète cela. Il va simplement se mettre à l'échelle et tourner rapidement, puis ralentir lorsqu'il atteint sa position de repos finale. Il est important que l'espacement sur l'échelle et la rotation soit identique ou synchronisé pour cette feuille, car je veux qu'elle ressemble à un mouvement fluide, redimensionnant et tournant en même temps. Je trouve qu'il est facile d'utiliser le graphe de vitesse dans un cas comme celui-ci. Pour résumer. Avec la propriété de position, si vous avez une trajectoire de mouvement unique que votre couche doit suivre, le graphe de vitesse est probablement le meilleur choix. Si la physique est impliquée et que vous n'avez pas de trajectoire complexe, le graphe de valeurs est généralement plus facile à utiliser et vous devrez séparer les dimensions. Si vous souhaitez synchroniser des animations sur différents ensembles d'images-clés, même si elles ont des propriétés différentes, il peut être plus facile de le faire à l'aide du graphe de vitesse. Hormis la propriété de position, plupart des autres propriétés ne sont pas aussi compliquées . Utilisez donc le graphique qui vous convient le mieux. n'y a pas vraiment de bonne ou de mauvaise façon de faire les choses, c'est le résultat qui compte. Vous découvrirez ce qui fonctionne le mieux dans différents scénarios tout en continuant à vous entraîner avec l'éditeur de graphiques. 22. Rove à travers le temps: Pour en revenir à cette animation de papillon, laissez-moi vous montrer une autre manière d' affecter l' interpolation temporelle. N'oubliez pas que ce papillon possède une trajectoire de mouvement sophistiquée. Disons qu'au lieu de le faire ralentir et accélérer tout au long de la trajectoire, je veux juste qu'il se déplace lentement au début, vite au milieu et lentement à la fin. Je veux une facilité globale sur l'ensemble de cette trajectoire de mouvement. Cela signifie que je dois me débarrasser de ces images-clés. Mais si je me débarrasse de ces images-clés, n'auront pas la même trajectoire de mouvement. Ce que je peux faire à la place, c'est d'abord appliquer le vieux Easy Ease. Ensuite, sur ces deux images-clés, je ne veux pas que leurs valeurs d'assouplissement soient calculées dans l'interpolation temporelle pour l'ensemble de cette couche, je veux juste utiliser leurs propriétés de position pour que se déplace dans cette trajectoire, mais je me fiche de leur interpolation temporelle. En fait, je veux me débarrasser de leur interpolation temporelle. Ce que je peux faire, c'est cliquer avec le bouton droit sur l'une des images-clés et accéder à Rove Across Time. Vous verrez que vous déplacez légèrement l'image-clé et que vous en faites des cercles plus petits. Si vous les réglez, les images-clés Easy Ease normales seront rétablies . Il suffit de les laisser tels quels. Si vous regardez attentivement les points sur la trajectoire, cela a permis de transformer l'ensemble de l'animation en une courbe d'animation Easy Ease. Création de ces deux images-clés, que vous pouvez voir sous forme de petits points sur cette courbe d'animation. les faisant parcourir des images-clés temporelles a effacé leur interpolation temporelle, mais on a conservé leur interpolation spatiale. 23. Quand utiliser des plugins: [MUSIQUE] J'ai mentionné plus tôt en classe que vous devriez rarement laisser vos images-clés comme images-clés linéaires par défaut , mais que tous les projets ne sont pas aussi basés sur la physique que les projets de classe et parfois il y en a plus des moyens efficaces de régler l'espacement d'une animation plutôt que d'utiliser l'éditeur de graphes. Cela ne signifie certainement pas que vous pouvez ignorer l'apprentissage de l'éditeur de graphes. Si vous souhaitez créer des animations professionnelles, Si vous souhaitez créer des animations professionnelles il n' y a aucun moyen de le contourner. Il existe différents plugins qui ont des préréglages graphiques que vous pouvez appliquer à vos images-clés en un seul clic. Un plugin est un logiciel tiers que vous pouvez télécharger et installer dans After Effects. Mon plugin préféré pour les raccourcis de courbes d'animation est le mouvement. Elle est peut-être un peu plus chère que certaines autres options, mais elle possède des tonnes d'autres fonctionnalités connexes et indépendantes qui, je pense, en valent la peine. Examinons certaines des fonctionnalités du mouvement liées à l'éditeur de graphes Voici donc une animation très simple avec des images-clés linéaires. Si je sélectionne ces images-clés, au lieu de les utiliser facilement et de passer ensuite à l'éditeur de graphiques, je pourrais simplement utiliser l'un des préréglages pour le mouvement. Je vais juste cliquer sur l'une de ces petites icônes graphiques et elle appliquera ce mouvement à mon animation Si vous allez dans l'éditeur de graphes, vous pouvez voir que cela est appliqué, que cet assouplissement est appliqué. Il s'agit du graphique de vitesse et vous pouvez également voir qu'en mouvement, vous avez un petit aperçu du graphe de vitesse ici donc tous ces préréglages sont des graphes de vitesse. Maintenant, vous pouvez également ajuster le graphique ici même dans ce petit aperçu. vos images-clés sont sélectionnées si vous cliquez et faites glisser le pointeur sur ce graphique, vous pouvez l'ajuster directement en mouvement. De plus, si vous cliquez et faites glisser le pointeur sur cette ligne centrale plus foncée, le graphique sera ajusté symétriquement à partir du centre. Notez également que ces curseurs se déplacent lorsque j' ajuste le graphique et c'est parce que les curseurs peuvent également ajuster votre graphique Il s'agit donc d'appuyer sur les poignées d'influence dans l'éditeur de graphiques. Vous pouvez également saisir les chiffres de l'influence. Si vous allez dans l'éditeur de graphes, si vous ne l'avez pas déjà remarqué, lorsque vous faites glisser une poignée, vous pouvez voir ce nombre d'influence qui est un pourcentage, c'est le nombre représenté ici. Si je voulais que ce soit 56 %, je pourrais juste le taper ici. Vous pouvez saisir des chiffres ou utiliser des curseurs, ce qui revient à ajuster les poignées d' influence. Si vous faites glisser le bouton central, il s'ajustera symétriquement. Il vous suffira donc de cliquer et de faire glisser pour ajuster votre graphique de manière symétrique. Comme toujours, vous avez un aperçu ici. Vous pouvez également réinitialiser vos images-clés pour qu' soient linéaires ou pour les maintenir place à l'aide de ces boutons pratiques ici. Si je veux que l'espacement mon animation soit vraiment spécifique, j'utilise toujours l'éditeur de graphes plutôt que d' essayer de le faire en mouvement. Si vous créez une courbe d'animation que vous souhaitez utiliser encore et encore, vous pouvez l'enregistrer en tant que préréglage à l' aide de ce bouton ici. Quand est-il acceptable d'utiliser un graphique prédéfini plutôt que d'accéder à l'éditeur de graphes ? Eh bien, les fleurs issues du projet de classe seraient un bon cas d'utilisation. animations qui sont plus abstraites ou qui ne sont pas ancrées dans la physique sont de bonnes candidates pour les préréglages de graphes. Dans les animations de style graphique animé, si vous avez plusieurs éléments que vous souhaitez tous animer de la même manière, animations prédéfinies sont excellentes. Voici un exemple. Dans cette conception d'un graphe de vitesse, j'ai animé les poignées et le réglage du graphe. Je veux m'assurer que toutes ces images-clés ont les mêmes valeurs d' accélération. Ce que je peux faire, c'est simplement sélectionner toutes ces premières images, c' est le premier pas et appliquer un préréglage graphique, donc peut-être que je veux que ça aille lentement puis vite et ensuite il va simplement maintenir la même position. Ensuite, il va s' animer comme il est arrivé. Peut-être que je veux faire vite puis lentement sur celui-ci pour pouvoir appliquer le même assouplissement à tous ces points. Parfois, vous pouvez avoir une petite dérive indésirable, que vous pouvez voir ici. Je ne veux pas que quoi que ce soit se déplace entre ces deux images-clés. Ces images-clés ont les mêmes valeurs donc rien ne doit bouger, mais vous pouvez voir qu' il y a du mouvement. Ce que je peux faire, c'est simplement sélectionner ces images-clés, cliquer avec le bouton droit de la souris et activer/maintenir l'image-clé. De cette façon, je n'aurai pas cette animation involontaire ajoutée par After Effects et dont je ne veux pas. Je vais probablement avoir le même problème ici. Si vous regardez de plus près la trajectoire, vous pouvez voir qu'After Effects a ajouté une petite animation de dépassement, ce que je ne souhaite pas , en sélectionnant les images-clés, en cliquant avec le bouton droit de la souris et en faisant Basculez et maintenez l' image-clé pour vous en débarrasser. Si je regarde mon éditeur de graphes, vous pouvez voir qu'en utilisant ces préréglages, il a simplement appliqué les mêmes valeurs d'accélération à toutes ces images-clés différentes, donc dans ce cas, utilisant un préréglage était vraiment efficace. EaseCopy est un autre plugin utile pour s' assurer que plusieurs ensembles s' assurer que plusieurs ensembles d'images-clés ont le même espacement. Supposons que j'aie ajusté l'espacement de cet ensemble d'images-clés et je souhaite maintenant appliquer que je souhaite maintenant appliquer le même espacement à ces autres ensembles d'images-clés. J'ai peut-être fait quelque chose de vraiment personnalisé dans l'éditeur de graphiques ou j'ai utilisé des préréglages. Quoi qu'il en soit, vous pouvez utiliser EaseCopy pour copier l'accélération sur l'ensemble d' images-clés que vous avez déjà ajustées , puis sélectionnez simplement les autres images-clés et cliquez sur « Effacer ». EaseCopy vous permet copier l'espacement sur un ensemble d'images-clés, qu'ils appellent l'accélération, et de le coller sur un autre ensemble d'images-clés sans affecter la valeur de ces images-clés. Si vous souhaitez en savoir plus et voir un exemple de cas où cela peut vous être utile, consultez mon cours, Les 5 meilleurs plugins pour l'efficacité et After Effects. Ou si vous souhaitez en savoir plus sur certaines des autres fonctionnalités Motion qui sont également abordées dans ce cours. 24. Prochaines étapes: [MUSIQUE] Félicitations pour avoir terminé ce cours. J'espère que vous avez l'impression de mieux comprendre comment contrôler l'espacement de vos animations dans l'éditeur de graphes. Les compétences que vous avez apprises dans ce cours devront mises en pratique pour être pleinement maîtrisées, mais vous avez maintenant une base sur laquelle vous pouvez vous appuyer. Si vous voulez partager, j'adorerais voir votre projet de classe. Vous pouvez publier votre projet sous forme de GIF l'aide du bouton Image ou en le téléchargeant sur un site tel que YouTube ou Vimeo et en publiant le lien ici. S'il y a quelque chose en particulier sur lequel vous souhaitez obtenir des commentaires, oubliez pas d'inclure une note pour m'en informer. Si vous publiez sur Instagram, taguez-moi pour que je puisse le voir là-bas. Pour continuer à apprendre, cliquez sur mon nom au-dessus cette vidéo pour découvrir les autres cours que j' enseigne sur Skillshare, et assurez-vous de me suivre sur Skillshare, YouTube et Instagram pour en savoir plus des cours , des conseils et des tutoriels. Merci beaucoup d'être là. Jusqu'à la prochaine fois. Bonne animation. [MUSIQUE]