Principes de l'animation dans la conception animée : les secrets des grands graphiques animés

1. Introduction: Bonjour, je suis Hongshu et je suis Motion Designer au Canada. J' anime professionnellement depuis plus de six ans maintenant, travaillant dans des agences de publicité et des studios pour des clients comme Adidas, PayPal, Walmart et bien d'autres encore. Aujourd'hui, je vais vous enseigner les principes d'animation les plus pratiques qui ne s'appliquent qu'aux graphismes modernes. Quelque chose d'extrêmement pertinent que j'aimerais savoir quand j'ai commencé. Quelque chose qui a complètement changé ma façon d'animer dans le bon sens, qui a amené mes compétences au niveau supérieur et accéléré ma carrière pour pouvoir travailler sur ces grands clients. Si vous êtes comme moi quand j'ai commencé, assis devant un projet ne sachant pas par où commencer ou espérant juste obtenir une grande animation à la fin en poussant un tas d'images clés, parcourant beaucoup de l'animation impressionnante faite par incroyable studios, me demandant comment ils l'ont fait et pourquoi mon travail n'est pas proche de ce qu'ils font. Que ce soit si vous êtes un animateur débutant ou si vous êtes un pro avec After Effects depuis de nombreuses années et que vous ne savez pas comment passer au niveau supérieur, ce cours est fait pour vous. Dans ce cours, nous nous concentrerons sur les fondamentaux de l'animation, les principes de l'animation qui sont pertinents pour les animations graphiques modernes. Nous allons d'abord couvrir le timing et l'espacement, le principe d'animation numéro un le plus important qui existe et changera complètement la façon dont vous animez chaque chose le reste de votre vie. Je vais vous présenter deux types de graphiques, le graphique de valeur et le graphique de vitesse, et vous montrer comment animer avec eux dans l'éditeur de graphique pour prendre le contrôle total de votre animation. Ensuite, nous aborderons certains des sujets les plus avancés tels que ce qui est l'oscillation, comment utiliser l'anticipation et les dépassements, comment animer des animations rebondissantes complexes avec des graphes de valeur, techniques de squash et d'étirement, exemples de suivi et ce qui est l'animation secondaire. Outre tout ce que nous venons de mentionner, nous couvrirons également les raccourcis clavier, les astuces et astuces After Effects , tout ce dont vous avez besoin pour maîtriser After Effects et l'animation pour animer professionnellement. C' est votre cours de rêve d'animation ultime. La recherche montre que les gens conserveront 90 % de ce qu'ils apprennent s'ils pratiquent, et seulement 20 % s'ils ne pratiquent pas. Ce cours est structuré de manière à maximiser votre apprentissage. Il y a une petite tâche après chaque section pour que vous travailliez et pratiquiez ces sujets chauds et frais. Il y a un total de 12 projets d'animation que je vais montrer dans ce cours, mettant en valeur tous ces principes d'animation dans la pratique réelle. Si vous suivez mes démos et terminez toutes les missions, vous aurez une grande bobine de démonstration et prêt à sortir et travailler immédiatement. Ce cours n'est pas facile, il est rempli de tonnes de concepts, leçons approfondies, d'exercices et de projets. Si vous l'avez fait jusqu'à la fin, vous aurez les outils dont vous avez besoin pour explorer options infinies en animation et continuer votre propre voyage en toute confiance. J' espère vous voir en classe. 2. Timing et espacement: Bonjour à tous, bienvenue dans la première classe. Dans ce cours, nous allons parler du timing et de l'espacement. La raison pour laquelle j'en ai fait une première classe, c'est parce que le timing et l'espacement sont le principe le plus important dans l'animation, mais personne n'en parle vraiment, au moins pas assez de gens en parlent. C' est un secret d' une grande animation géniale que les gens ne vous apprennent pas que je suis sur le point de dévoiler. Si vous n'apprenez qu'une chose dans tout mon cours, je veux que vous enleviez avec la compréhension du timing et de l'espacement. Je ne peux pas souligner assez combien c'est important, tout ce que j'enseigne au-delà de ce cours est basé sur ce principe. Sans plus tarder, nous allons entrer. Tout d'abord, parlons de ce qu'est l'animation. Mais nous avons simplement un enjeu ici, et les gens peuvent dire, de la position A à la position B quand elle s'anime, c'est de l'animation, cependant, ce n'est pas vraiment de l'animation, c'est seulement un mouvement, ou une position changement. Qu' est-ce que l'animation ? Dans ma compréhension, l'animation est tout ce qui se passe entre la position A et la position B. Toute cette chose au centre est l'animation. Nous en parlerons plus tard. Dans cette leçon, nous allons parler de la chose la plus importante dans l'animation. Le principe le plus important, le principe général qui va changer la façon dont vous animez chaque chose pour le reste de votre vie, la chose que vous devriez pratiquer le plus que toute autre chose si vous veulent être un animateur professionnel. Qu' est-ce que c'est alors ? La chose qui différencie un animateur immature et un animateur professionnel, est la compréhension du timing et de l'espacement. Si vous comprenez le timing et l'espacement en tant qu'animateur, vous êtes déjà mieux que 50 pour cent de l'animateur là-bas. Si vous terminez ce cours et faites tous les projets et comprenez les compétences essentielles que nous avons enseignées ici, je peux vous garantir que vous seriez mieux que 80 pour cent de l'animateur là-bas. Parce que la plupart des animateurs ne connaissent pas ces concepts essentiels, et ce qui constitue une grande animation professionnelle. Ensuite, laissez-moi vous expliquer ce qu'est le timing et l'espacement dans l'animation. Cette démo ici est disponible en téléchargement afin que vous puissiez jouer avec elle. Il est bénéfique de pouvoir comprendre comment l'objet se déplace en fonction de la façon dont vous modifiez vos images-clés. Ici, nous avons un bâton et deux positions. Laisse-moi juste cacher ça, et allumer cette animation ici. Comme vous pouvez le voir à l'écran, abord, parlons du timing. Le timing est assez simple. À zéro seconde ici, j'ai une image-clé sur ce bâton, et à 30 images, j'ai une autre image-clé ici, sur la propriété position de sorte que le bâton change d'une position à l'autre. Maintenant, si je le joue, c' est l'animation qu'on obtient. Qu' est-ce que le timing alors ? Comme nous le savons tous, cette animation en ce moment il faut 30 images pour terminer, et les 30 images sont le moment pour cette animation. C' est la durée de l'animation, et aussi le temps qu'il faut pour que l'animation se produise, c'est le timing, facile à comprendre. Cependant, peu de gens savent ce qu'est l'espacement, et ce qu'un espacement signifie. Maintenant, disons que je veux rendre cette animation plus rapide, rendre le bâton plus rapide, comment puis-je faire ça ? Certaines personnes peuvent dire, eh bien, vous pouvez rapprocher les deux images clés afin que nous puissions modifier le timing, et maintenant cela se déplace plus vite. Au lieu de prendre 30 images, il peut prendre peut-être 23 images pour terminer l'animation, donc c'est plus rapide. Une autre façon pourrait être juste, revenons au bouton droit de la souris « Assistant d'images clés » « Facilité facile », sorte que l'animation est en train de s'assouplir et qu'elle apparaît, sorte que l'animation est plus rapide. Après ces deux façons, c'est là que la plupart de l'animation s'arrêtera. Cependant, il y a beaucoup plus à cela. Certaines personnes demandent : « Pourquoi mon animation est-elle si simple ou ennuyeuse, qu'elle n'a pas l'air si lisse, qu'elle n'a pas l'énergie que je voulais ? » Voici la réponse ultime à toutes vos questions. Ce ne sont pas les deux seules images, A et B, ces deux images qui vous intéressent. En tant qu'animateur professionnel, vous êtes responsable de chaque image de votre animation. Qu' est-ce que je veux dire par chaque cadre ? Permettez-moi d'activer l'interpolation. Toutes les images de A à B, sont toutes les images que le bâton déplace pour passer de A à B. En tant qu'animateur professionnel, vous êtes responsable de chaque image de cette animation. Même si vous ne pouvez pas les voir, si je n'active pas l'interpolation, plupart du temps les deux seules images que vous devriez voir commencent et se terminent. Mais pensez-y une seconde. La plupart du temps, lorsque nous configurons une image-clé, nous ne voyons que les deux images-clés que nous avons configurées, A et B, et ignorons tout le reste entre les deux. Tout ça. Si vous n'êtes concerné que par ces deux touches A et B, et tout ce que vous faites est simplement de faciliter les deux images clés, vous manquez l'option infinie que vous pourriez avoir sur votre animation en changeant l'espacement. C' est pourquoi votre animation semble si simple et immature. La seule façon de devenir un animateur professionnel est de prendre la responsabilité de toutes vos images intermédiaires et de les manipuler avec un but, et la façon de le faire est d'utiliser le timing et l'espacement. Maintenant, vous comprenez probablement ce qu'est l'espacement. Toutes ces images entre les deux, les unes entre les autres, elles sont appelées espacement. Rappelez-vous que le timing que nous avons est une durée de l'animation. Maintenant, vous ne vous occupez que de A et B, deux positions et de la durée de l'animation. Lorsque nous parlons d'espacement, c'est quand nous parlons de toutes les images entre A et B, et comment nous manipulons toutes les images entre les deux pour créer l'animation que nous voulons. La question suivante est : comment changer l'espacement ? Comme nous le savons tous, nous pouvons changer l'image clé sur la chronologie ici. Disons que j'ai deux images clés, je peux facilement faire glisser les images clés pour changer la synchronisation. C' est très simple. Mais maintenant, comment on change l'espacement ? Dans After Effects, l'espacement est en fait contrôlé par un éditeur de graphique qui est masqué. C' est probablement pour ça que la plupart des gens manquent. C' est ce très petit bouton ici. Ça a l'air si simple et sans importance. Cependant, il s'agit probablement de l'un des trois boutons les plus importants d'After Effects. Eh bien, After Effects, vous avez tous ces boutons et vous avez des centaines d'effets, preess et bien d'autres outils dans After Effects. Mais ce bouton ici, c'est ce que vous utilisez 80 pour cent du temps pour votre travail professionnel. Si vous manquez cela, ce bouton ici, vous manquez 80 % des possibilités de votre animation. C' est pour ça que ton travail n'a pas l'air si professionnel. Mais ne vous inquiétez pas puisque vous êtes ici, nous vous apprenons à devenir un animateur professionnel. Après ce cours, vous serez mieux que 80 pour cent des animateurs là-bas. Maintenant, venons à une composition différente sur la gauche en utilisant la démo d'images clés pour jouer avec une partie de l'espacement afin que nous puissions obtenir une animation différente. Vous pouvez voir ici. Réglons les images clés ici sur linéaire. Maintenez la commande enfoncée, puis cliquez avec le bouton gauche de la souris Définissez l'image clé sur linéaire. Maintenant, si nous avons un aperçu de ceci, vous pouvez voir que c'est l'animation linéaire que nous obtenons. Cependant, si nous sélectionnons les deux images clés et que nous venons à cet éditeur de graphique pour manipuler une partie de l'espacement en ce moment. En passant, pour l'éditeur de graphiques, il existe deux types de graphiques différents. Un, est graphique de valeur, puis l'autre est le graphe de vitesse. Ces deux graphiques fonctionnent différemment. Nous allons parler des deux en détail dans la leçon à venir. Mais pour l'instant, supporte juste avec moi. Je vais vous montrer quelques-unes des possibilités que nous avons. Tout d'abord, revenons au graphe de vitesse. Nous pouvons cliquer avec le bouton droit de la souris sur l'Assistant d'images clés, Maintenant, une fois que nous avons fait un assouplissement par défaut, vous pouvez voir l'espacement des cadres changé. Maintenant, nous avons plus de bâton au début et à la fin sur l'animation, ce qui signifie qu'ils se déplacent lentement au début, puis se déplacent lentement à la fin. Maintenant, faisons glisser cette courbe ici, rends-la plus dramatique. Voyons maintenant ce que nous avons, quoi ressemble l'animation. Sans changer le timing, il reste encore 30 images, vous pouvez sentir que l'animation semble réellement plus rapide. Si je le rends encore plus dramatique, faites glisser ça jusqu'au bout, comme ça. Voyons voir ce que l'animation que nous avons. Maintenant, je peux cliquer sur ce bouton Masquer tout. Je peux cacher toutes ces interpolations. Il suffit de voir les deux images au début et la fin sans voir les images intermédiaires. C' est à quoi ressemble l'animation. Vous pouvez voir qu'il a beaucoup plus d'énergie et qu'il a du caractère à lui. Ça n'a plus l'air si ennuyeux. C' est une courbe que nous arrivons ici. Voyons voir si je change la courbe comme ça, rendre plus rapide au début, et elle arrive lentement à la fin. Présentons ceci. Vous pouvez voir maintenant, le bâton se déplace rapidement au début, puis s'arrête lentement. Une autre chose est en ce moment, vous pouvez voir à une seconde, zéro image. J' ai cette courbe en bas ici. Ceci est le graphique de vitesse, qui signifie à zéro seconde, la vitesse de cet objet est zéro. Cependant, si je fais glisser ceci ici, signifie que l'objet a déjà une vitesse entrant dans le cadre afin qu'il ne commence pas à partir de zéro. Présentons ceci. C' est comme ça que ça ressemble maintenant. Maintenant, si nous avons une courbe comme celle-ci, le bâton va se déplacer lentement au début, puis très vite à la fin. Présentons ceci. Arrêtez très brusquement. Maintenant, vous pouvez voir avec le changement dans l'espacement, nous pouvons obtenir tant d'options différentes à notre animation. Voici à quoi ressemblent les cadres intermédiaires avec notre courbe ressemblant à ceci. Si nous montrons la comparaison ici, en haut nous avons les images clés linéaires, puis en bas, nous avons les images clés d'accélération. Cependant, en bas, nous pouvons modifier l'espacement des images comme nous le voulons et obtenir tant de possibilités différentes à notre animation. C' est ce que je voulais te montrer. Je voulais vous montrer combien d'options vous avez avec la manipulation de l'espacement de l'animation et ce que nous pouvons réaliser. Nous allons passer la plupart de notre temps dans ce cours dans l'éditeur de graphiques. Je vais vous apprendre à animer ici et à visualiser l'animation basée sur les différents graphiques que nous avons et cela prendra un peu de pratique. Mais je peux vous assurer que vous y arriverez à la fin de ce cours. Une fois que vous connaissez l'éditeur de graphiques et que vous serez en mesure de l'ajuster avec raison, vous aurez le contrôle total de votre chronométrage et de votre espacement, et serez en mesure de prendre la responsabilité de chaque image de votre animation. Ainsi, animez n'importe quoi précisément pour faire ce que vous voulez. Non seulement cela, vous aurez la confiance de savoir que vous pouvez faire tout ce que vous voulez et non pas limité aux deux images clés et à la valeur par défaut du système, Easy Ease, ou utiliser des plug-ins pour obtenir le look désiré. Vous serez en mesure de réaliser tout et n'importe quoi manuellement avec l'éditeur de graphiques. 3. Explication du graphique de valeur: Bienvenue de retour. Dans cette classe, je vais vous montrer comment utiliser Value Graph dans l'éditeur de graphiques pour modifier l'espacement de l'animation. Nous sommes de retour dans ce fichier de démonstration d'After Effects, et puis maintenant je suis sous Easing Keyframes Demo. Ici, je vais vous montrer comment changer le graphique de valeurs afin de changer l'espacement de l'animation. Nous pouvons voir ici en ce moment, j'ai deux images clés, éditer sur ce calque, le bâton ici d'une position à l'autre. Il faut environ 30 images, et 30 images est notre chronométrage. Gardez à l'esprit que nous ne modifierons pas le moment de l'animation. Tout ce que nous faisons est juste d'utiliser un graphique de valeurs pour changer l'espacement. ce moment, vous pouvez voir que le bâton se déplace seulement sur la position horizontale. Il ne bouge pas de haut en bas. C' est pourquoi je dois aller à la propriété Position, puis cliquer avec le bouton droit sur Dimensions séparées. Maintenant, vous pouvez voir, la position X et la position Y sont séparées. Maintenant, nous pouvons supprimer la position Y parce que nous n'en avons plus besoin. Nous avons juste besoin d'utiliser la position X, et ce graphique ici, cette démo avec toutes les images intermédiaires, c'est pour vous montrer comment l'espacement va changer en modifiant ou en changeant le graphique de valeurs. C' est une très bonne façon de visualiser car plupart du temps, lorsque vous faites de l'animation, tout ce que vous avez à faire est de définir deux images clés au début et à la fin. Si je n'ai pas ça, toutes les images entre les deux, vous ne seriez pas en mesure de réaliser ce qui arrive à l'animation elle-même. Si vous ne vous inquiétez que des deux images clés, rappelez-vous, comme je l'ai dit dans la première leçon, ce ne sont pas seulement les deux images clés qui vous intéressent, c'est toutes les images entre les deux que vous devez prendre responsabilité pour si vous voulez devenir un animateur professionnel. Maintenant, allons à l'éditeur de graphes. Ce petit bouton ici, il suffit de cliquer dessus, et je veux utiliser ce bouton ici, Ajuster le graphique à afficher. Ça va correspondre à mon point de vue ici. Je veux le rendre plus grand. Avant de faire quoi que ce soit, je veux vérifier dans quel graphique je suis. Vous pouvez cliquer sur ce bouton ici. Il vous montre le type de graphique dans lequel vous vous trouvez. ce moment, je suis dans le Speed Graph. Mais dans cette leçon, je veux parler du graphique de la valeur. On parlera du Speed Graph plus tard. Passons simplement à Value Graph, et c'est un graphique que vous obtenez. Ce que cela signifie en ce moment est de gauche à droite, il augmente en fait dans le temps de gauche à droite. Tout comme votre chronologie, elle augmente avec le temps. Ensuite, de bas en haut, il augmente en valeur. Quelle que soit la valeur, actuellement la valeur est X Position. Si vous modifiez la taille de l'objet, il va augmenter en taille. Dans ce cas, nous augmentons les valeurs de position X. Ce graphique, vous pouvez voir qu'il y a deux points clés au début et à la fin, et ces deux points correspondent à nos images clés. Si je clique sur les deux, maintenez la touche Maj, cliquez sur les deux points ici, sélectionnez les deux points sur le graphique de la valeur. Si je retourne à la chronologie, vous pouvez voir que les images clés sont sélectionnées. modification ou la modification des points dans le graphique est en fait la modification de l'image-clé. Dites, si je veux changer le timing de l'animation, je peux juste saisir ce point et le déplacer à peut-être 25 images. Si nous revenons à la chronologie, vous pouvez voir que notre image-clé est passée à 25 images. Puisque nous ne voulons pas changer le timing, nous voulons seulement jouer avec l'espacement, donc je peux le changer à 30 images. Maintenant, nous allons d'abord faire une Easy Ease par défaut. Maintenez la touche Maj et cliquez sur les deux images clés, puis appuyez F9 pour faciliter l'image clé. Maintenant, vous pouvez voir qu'il s'agit d'un système par défaut Easy Ease, et vous pouvez voir ici l'espacement des bâtons sont en train de changer. C' est plus proche au début et plus proche ensemble à la fin. Ce que cela signifie, c'est que, il prend lentement de la vitesse, puis va plus vite au milieu, puis il va plus lentement à la fin. Si je joue l'animation, vous pouvez voir qu'elle est plus lente au début, en prenant de la vitesse, puis au milieu c'est plus rapide, puis ralentit à la fin. Donc, la façon de visualiser le graphique est, au début, parce que maintenant, la chose que je veux vous enseigner est de simplement en regardant l'éditeur de graphique, le graphique de valeur, vous serez en mesure de dire ce que l'animation va être basé sur le type de graphique différent que vous obtenez dans l'éditeur de graphiques. Pour le graphique des valeurs, ce que vous devez vous rappeler est, ici, à la deuxième marque zéro, vous pouvez voir qu'il y a une poignée de Bézier. Il y a une tangente de la courbe et maintenant la tangente, la poignée de Bézier est plate. Donc plat signifie zéro, la vitesse est zéro. Au début de l'animation, la vitesse de l'objet est en fait nulle, puis comme il va au milieu, maintenant vous pouvez voir ces points ici. Si j'ajoute une tangente, je peux simplement cliquer sur la commande, puis maintenir la commande, avec un clic gauche de la souris. Je peux voir qu'il y a une tangente que j'ai ajoutée au centre. Cette tangente, cette poignée de Bézier est en fait plus raide, elle n'est plus plate. Il a un angle qui va en diagonale. cette tangente est raide, la poignée de Bézier est rapide. Sur la base de ce graphique, nous pouvons dire l'animation au début, puisque la poignée de Bézier est plate est de zéro, va plus vite, puis ralentit à la fin. C' est aussi ce que ces graphiques vous disent. Plus l'espacement est proche, plus l'animation est lente, et plus les bâtons sont éloignés, plus l'animation est rapide. Permettez-moi de supprimer ces points au milieu ici. Retourne. Ensuite, passons à la fin de l'animation. moment, si je change légèrement la planéité de cette poignée de Bézier et que vous voyez qu'elle n'est plus plate. Il a probablement un angle de 10 ou 15 degrés. Donc, cela signifie que l'animation ne s'arrête pas à la fin. La vitesse de l'objet n'est pas nulle comme la fin parce que zéro est plat et maintenant il ne devient jamais zéro. Donc, si j'ai plus d'images clés vont passer ceci ou l'animation va passer ceci, le bâton va juste continuer à bouger. Ça ne va pas s'arrêter à zéro parce que la poignée n'est plus plate. Disons que si je bouge tout cela vers le bas, vous pouvez voir la tangente, la poignée de bézier est beaucoup plus raide, elle est si raide que vous pouvez voir ce graphique ici le bâton sont plus éloignés, qui signifie que la vitesse est plus rapide. Basé sur ce type de graphique de valeur, nous pouvons dire que l'animation, l'objet va de vitesse zéro, ramasser lentement la vitesse, puis aller plus vite, plus vite, plus vite, puis à la fin. La fin ne s'arrête jamais. Donc, cela arrive très brusquement. C' est très rapide à la fin. Si je joue l'animation, vous pouvez voir à quoi elle ressemble. Donc c'est à ça que ça ressemble. Cette courbe de Kappa vous pouvez voir qu'elle est lente au début, puis rapide à la fin. Si je vous montre un autre type de courbe, donc c'est juste pour vous de jouer avec, je vais avoir ce fichier disponible à télécharger. Tu n'as pas à te souvenir de tout ce que je t'enseigne. Nous allons pratiquer chaque chose que je vous enseigne ici et ensuite vous serez en mesure de regarder le graphique de valeurs et savoir quel type d'animation va arriver à notre objet. Eh bien, le but ultime de connaître le graphique de valeurs est de simplement regarder le type de graphique de valeur que vous avez et de savoir quelle animation est appliquée sur votre objet. Donc nous allons y arriver avec de la pratique, avec plus de leçons à venir, mais je vous garantis qu'à la fin, vous pouvez être si précis avec votre animation. Vous pouvez simplement imiter l'animation que vous voyez dans travail des autres, puis rendre vos animations si lisses, et si précises, et délibérément pour faire ce que vous voulez avec votre animation. Maintenant, comme nous l'avons dit ici, si je prends cette poignée, tire dessus, et puis attrape la première poignée, tire tout le chemin, vous pouvez voir notre tableau ici, il est si proche ensemble au début et puis plus éloigné au milieu. Laisse-moi rendre ça si extrême. Donc, vous pouvez voir ce que cela signifie en ce moment, l'objet se déplace si lentement au début, il est assouplissant, assouplissant, et puis tout d'un coup, il prend de la vitesse si vite et puis il ralentit à nouveau. Voyons à quoi cela ressemble avec ce type de graphique de valeurs. Vous pouvez voir sans changer le timing, seulement changer l'espacement de l'animation, cette animation se sent beaucoup plus vite que notre animation linéaire, elle a tellement d'énergie à elle. Une autre chose que je peux faire est même que je peux juste tirer cette chose un peu en arrière et ensuite tirer cela vers l'avant afin que vous puissiez voir le bezier poignée une raide au début, ce qui signifie que l'objet vient avec une vitesse avant notre objet à zéro seconde est avec vitesse zéro. Maintenant, comme il a une courbe au début qui signifie que l'objet a déjà une vitesse entrant dans ce cadre, et il est rapide au début, puis lentement, s'arrête lentement à la fin. Voyons à quoi cela ressemble avec ce type de courbe d'animation. Accélérez le début, puis ralentissez à la fin, et vous pouvez également voir les deux premiers bâtons qu'ils sont tellement plus éloignés, ce qui signifie rapide au début et lent à la fin. Ensuite, il y a d'autres façons de modifier le graphique. Disons que si je veux le changer de cette façon et maintenant rappelez-vous juste la raide vitesse égale, la planéité est lente, et vous pouvez voir à partir de la première seconde, le graphique est plus raide. Regarde la poignée de bézier. Si la poignée de bézier est maintenant plate, elle a de la vitesse. les gestionnaires de bézier sont raides, ou même la tangente des graphiques, plus les mouvements sont rapides. Donc c'est rapide au début, puis autour de 15 images, ça ralentit. C' est presque plat, mais ça ne s'arrête jamais au centre ici. Il ne s'arrête jamais, puis va plus vite. Voyons cette animation. Si vite, lentement, vite, regarde ça. Donc c'est intéressant. Si vous ne savez pas comment modifier l'espacement, comment pouvez-vous y parvenir ? n'y a aucun moyen que vous puissiez réaliser. Vous pouvez probablement y parvenir, mais ce ne sera pas si lisse. changeant simplement l'espacement de cette animation, nous obtenons cette transition en douceur. Vous pouvez voir l'objet ralentir le centre là, puis si je veux ajouter une autre image clé ici, disons que si je veux ajouter une autre image clé, maintenez simplement la commande enfoncée sur le clavier, puis cliquez avec le bouton gauche, ajoutez une image clé. C' est ainsi que vous ajoutez une image-clé. Si vous revenez à la chronologie, vous pouvez voir que j'ai également ajouté une image-clé dans la chronologie. Mais une fois que vous savez comment animer des graphiques, vous n'avez même pas besoin de revenir à la chronologie, vous faites tout simplement, vous ajoutez simplement des images clés, faites votre animation dans cette vue ici. Vous n'avez même pas besoin de revenir à la vue chronologique. Cette chose est si flexible, vous pouvez y faire tant de choses, vous pouvez faire tellement de choses. ce moment, vous pouvez voir que la tangente n'est pas plate. Et si je le faisais à plat ? Il est plat ici, ce qui signifie que l'objet s'arrête au milieu, la vitesse devient en fait nulle pendant un instant, puis reprend la vitesse. Donc, si je prévisualise cette animation, vous pouvez voir l'objet s'arrête au centre. Maintenant, ce que je veux que vous fassiez est juste de prendre ce fichier de projet venir à cette démo d'images clés d'assouplissement et puis juste jouer dans le graphique de valeurs, assurez-vous juste que vous le changez en graphique de valeur au lieu de graphique de vitesse, et puis voyez quel genre de l'espacement que vous avez ici et quel type d'animation vous aurez avec différents types de graphiques. Ensuite, je vais vous montrer comment utiliser les graphiques de valeur pour animer certaines icônes et comment appliquer les choses que je vous ai montrées ici à des projets réels, l'animation réelle. 4. Graphique de valeur Demo 1.1: Maintenant que vous savez ce qu'est le graphe de valeurs, dans cette vidéo, je vais vous montrer comment animer avec le graphique de valeurs. Maintenant, nous avons un fichier avec trois types d'icônes, et nous allons animer les trois icônes avec graphique de valeur, quelque chose que je vous ai montré avant. Mais avant de le faire, je veux vous montrer le mauvais exemple et ce que font la plupart des gens. Ici, nous avons une version animée. Voilà ce que j'ai. Ce type d'animation, je n'applique que l'assouplissement par défaut à toutes les images clés. Si je frappe U ici, vous pouvez voir que j'ai mis deux images clés, et puis je les assouplis facilement avec la facilité par défaut du système, c'est l'animation que j'ai. Beaucoup d'animateurs, ils s'arrêtent là. Ceci est considéré comme un mauvais exemple, c'est ce que font la plupart des animateurs. Ils ont juste mis deux images clés et ils utilisent l'assouplissement par défaut, rien d'autre. Mais il y a beaucoup de choses que vous pouvez faire avec le graphe de valeurs pour simplement manipuler l'espacement des images clés pour obtenir un type d'animation différent. Je suis ici aujourd'hui pour vous montrer comment faire ça. Ce n'est pas ce que nous voulons, commençons par une toute nouvelle composition. Celui-ci, je n'ai pas encore animé, mais nous allons l'appeler bon exemple. Laisse-moi te montrer ce que j'ai ici. Fondamentalement, les trois premiers calques, si je bascule entre l'icône des yeux ici, vous pouvez voir que c'est une horloge que j'ai. D' abord, celui-ci est un corps d'horloge, puis j'ai une poignée d'horloge, puis la coche. Celle-ci, la couche verte, nous avons cette flèche ici, flèche vers le bas, et puis ce globe ici. Maintenant, le troisième, j'ai un stylo ici, puis tout ce contenu sur le tableau et ensuite ce carnet ici. La dernière fois que j'ai, c'est un fond. C'est tout ce que nous avons. abord, mettons le calque vert, ce globe à la première couche afin que nous puissions animer le globe en premier. Effectuons un zoom avant, appuyez sur Z, puis faites glisser avec votre souris. Tout d'abord, identifions cette couche, puis j'ai le point d'ancrage juste au centre. Si ce n'est pas le cas, si vous ne voyez pas le même panneau que mon After Effects, vous pouvez accéder à Windows, Espace de travail, puis choisir la mise en page Standard Work. Si vous ne le voyez toujours pas, il suffit de réinitialiser la mise en page standard pour enregistrer la mise en page. De cette façon, vous allez obtenir une mise en page standard par défaut, et maintenant nous devrions voir la même chose. Allons à la balance. Il suffit d'appuyer sur S sur le clavier, puis de mettre une image clé. Je veux faire glisser cette chronologie, la rendre plus grande, et donc je veux que cette icône s'arrête peut-être après 15 images. Commande Shift flèche droite, aller de l'avant 10 trames, puis commande flèche droite, 1, 2, 3, 4, 5. Vous pouvez voir en ce moment nous sommes à 15 images. Appuyez sur le chronomètre ici, ajoutez une image clé, puis revenez en arrière, changez l'échelle C à zéro. Maintenant, nous avons un mouvement pour le monde. Ce que je veux faire est d'aller dans l'éditeur de courbes, adapter le graphique à afficher. Sélectionnez « images clés », puis appuyez sur F9, facilité facile. Maintenant ce que je veux faire, c'est que je veux que ça éclate. Je veux que le globe commence à partir de zéro, mais puis ramasse la vitesse et puis arrête lentement juste à 100 pour cent. Je veux que la vitesse soit plus rapide autour cette partie avant de l'animation, puis s'assouplit lentement en position. Voyons ce que j'ai là. Cliquez sur le calque, puis, il est encore trop lent. Ce que je veux faire, c'est juste faire glisser cette poignée jusqu'au bout, leur donner plus d'énergie, quelque chose comme ça. Présentons un aperçu. Ouais, ça a l'air cool. C' est plutôt bien. Revenez ensuite à la chronologie, réduisez la chronologie. Nous pouvons simplement copier ces images clés déjà animées sur cette flèche ici, commande V. Nous devrions avoir la même animation pour les deux éléments. Cependant, comme c'est une flèche vers le bas, il devrait avoir une descente comme un élan en quelque sorte. Je veux aussi changer la propriété de position, appuyez sur P, puis à ce stade ici, je veux que la flèche cesse de bouger. Puis autour de zéro seconde, je veux que la flèche descende du haut. Il y a une chose que je veux souligner. À l'avenir, chaque fois que vous animez la propriété position, je veux que vous cliquiez avec le bouton droit de la souris sur des cotes séparées C' est si important. Si vous travaillez avec un graphique de valeurs, vous devez séparer les cotes pour la position X et Y et les animer séparément. Pensez-y, graphique de valeur, c'est le temps par rapport à la valeur. Mais alors si vous avez la position est X et la valeur Y est deux valeurs différentes. Si vous voulez animer avec un graphique de valeurs, vous devez séparer la dimension de X et Y afin que vous puissiez juste contrôler l'une de la valeur. C' est si important, il est essentiel ici de simplement cliquer avec le bouton droit de la souris sur la propriété position, puis de séparer les cotes. Maintenant, je peux cocher cette exposition parce que nous ne sommes concernés que par la position Y. Ensuite, je veux juste faire glisser cette position en Y vers le haut. Présentons ceci. La flèche descend, mais elle n'a pas d'énergie parce qu'on n'a pas encore modifié le graphique. Allons au graphique de valeurs, appuyez sur cet ajustement pour afficher, puis sélectionnez les deux images clés, F9, facilité facile, et puis je veux une courbe similaire ici pour la flèche afin que l'animation soit cohérente. Maintenant, revenons en arrière et prévisualisons. Quelque chose comme ça. Il y a plus d'énergie pour ça définitivement. Ça a l'air bien. Maintenant, faisons la même chose pour la deuxième icône. Cette première couche est une horloge. Je veux que l'horloge s'anime de la même manière qu'un globe. Je ne veux pas copier cette propriété d'échelle, mettre sur l'horloge ici, aller à zéro seconde. En outre, vous devez vous assurer que les points d'ancrage, le point où l'animation est basée doivent rester au centre. Si vous allez en haut, ce stylo derrière l'outil peut vous permettre de vous déplacer autour des points d'ancrage. Disons que si j'ai le point d'ancrage en haut ici, si je vais à la rotation, frappe sur R et que je tourne, je vais tourner en fonction de cette position du point d'ancrage. Ce n'est pas ce que je veux. Je veux juste y retourner. Je veux que l'horloge vienne du centre. L' autre chose à laquelle nous devons faire attention, est que la main de l'horloge doit entrer avec l'horloge. Ce que je dois faire ici, c'est juste de sélectionner le calque de cette main, puis utiliser cette icône de pick-fouet pour simplement le faire glisser et le parent à l'horloge, sorte que lorsque l'horloge bouge, la main se déplace avec elle. Revenons à la position d'origine. Maintenant, ce que je veux faire est de cliquer avec le bouton droit sur les propriétés de position, des dimensions séparées, peut-être environ 15 secondes. Je veux que l'horloge s'installe en position. Alors, retournez en arrière. Je veux que l'horloge se déplace vers le haut pour que je puisse changer faire glisser la position Y. Il suffit de le faire glisser vers la droite pour qu'il descende de zéro seconde, donc il apparaît comme ça. C' est l'animation, quelque chose comme ça. Ensuite, je veux modifier l'éditeur de graphiques. Il suffit d'aller au graphique des valeurs. Alors rappelez-vous comment nous sélectionnons les deux images clés. Une autre façon de sélectionner deux images clés est qu'il suffit de double-cliquer sur la position Y. Maintenant, si je clique une fois, vous pouvez voir que les images clés ne sont pas sélectionnées. Si je double-clique, ces deux images clés sont sélectionnées et puis je peux frapper sur F9, facilité facile. Mais cette fois, je veux que cette horloge se calme en position. Je veux que l'horloge tire d'abord, puis s' assouplit en position, quelque chose comme ça. Quelque chose comme ça. Revenons à la chronologie ici, voyons ce que nous avons. C' est encore un peu brusque. Une autre chose que je veux faire est pour l'horloge que je ne veux pas que l'horloge montre au début, je veux seulement que l'horloge montre quand elle bouge. Ce que je dois faire est de cliquer sur ce calque et de mettre la souris au début du calque. Il suffit de le faire glisser quelques images pour que l'horloge ne s'affiche pas au début. Maintenant, vous ne pouvez voir qu'une main, mais alors je dois faire glisser la main aussi. Maintenant, nous allons prévisualiser ceci. Tu vois ça, c'est subtil mais gentil. Vous pouvez voir que cette horloge ne s'affiche pas au début, mais quand elle apparaît sur l'écran, bien que c'est soudain, mais il a un mouvement très subtil qui s'assouplit dans la position. Je veux que l'horloge arrive peut-être un peu plus tôt afin que faire glisser les deux couches. Quelque chose comme ça. Tu vois ça, ça a l'air bien. Maintenant, il vient à l'aiguille de l'horloge. Celle-là, je ne veux pas qu'elle bouge. Il suffit de frapper R. Je ne veux pas seulement que la main tourne constamment parce que cela va être une animation d'icône, qui va être statique à la fin. Je veux juste que cette main tourne, arrête là, mais quand elle entre, je veux qu'elle tourne peut-être à partir de 200 degrés négatifs. Quelque chose comme ça. F9, facilité facile, aller au graphique des valeurs, ajouter un peu plus d'assouplissement trop. Il suffit d'utiliser cette courbe S. Donnez-lui plus d'énergie. Voyons à quoi ça ressemble. Une autre chose, c'est que je ne veux pas que ça s'arrête au début. Je veux commencer à déménager dès qu'il arrive. Ce que je dois faire est juste, je pense, juste changer pour ce type de courbe pour que la main bouge déjà. Il a déjà une vitesse à zéro seconde quand il entre dans le cadre de sorte qu'il ne commence pas seulement à bouger quand il arrive. Je veux que la main commence à bouger dès qu'elle entre et ensuite relâche en position. Quelque chose comme ça. Voyons voir, ou peut-être que la motion est trop forte. Peut-être que je peux le changer en négatif 150 au lieu de négatif 230. Ouais, quelque chose comme ça. Ça marche. Maintenant, c'est notre coche. L' horloge arrive et puis pour la coche est facile, nous allons juste copier le globe ici et ensuite aller à zéro seconde, mettre l'indicateur de chronologie du curseur à la seconde zéro, sélectionnez cette commande de vérification V, collez-le dans lieu. Présentons ceci. Quelque chose comme ça. Ça a l'air plutôt sympa. Sauvons le projet. 5. Graphique de valeur Demo 1.2: Maintenant, enfin, c'est notre bloc-notes. Pour le bloc-notes, je voulais entrer par le haut, descendre. Comme avec le bloc-notes, j'ai eu ces éléments de ligne, puis ce bloc-notes. Mais alors la ligne doit venir avec le bloc-notes, donc j'ai besoin de parent la ligne à cette couche ici pour qu'elle se déplace avec elle. Alors le stylo, c'est bon. Appuyez sur P sur le clavier, puis cliquez avec le bouton droit sur « Dimensions séparées ». Maintenant, nous avons la position y, donc je veux que le bloc-notes s'arrête ici, 15 cadres. Emmenons notre chronomètre ici et allons au début. Je veux que ça commence par le haut, peut-être quelque part par là. Cliquez sur les deux images clés. Touchez F9, facilité facile. Allez dans l'éditeur de graphiques, assurez-vous que vous êtes dans le graphique de valeurs, cliquez simplement sur cette position y. Donc, si vous avez les deux positions x et y sélectionnées, il va vous montrer cette ligne rose de position x mais ce n'est pas ce que vous voulez parce que vous ne serez pas en mesure de zoomer sur le y. Il suffit de cliquer sur cette position y. puis de cliquer à nouveau sur cette position y. donc il ne vous montre que la position y. Maintenant, même chose, je veux que le bloc-notes entre avec une vitesse et qu'il se mette en position. Retourne à la chronologie ici, et puis je veux faire le même tour que l'horloge. Je ne veux pas voir le bloc-notes au début, donc je vais faire glisser ces deux calques, le contenu, les lignes et le bloc-notes vers la droite quelques images pour qu'il s'affiche maintenant. Tu vois la couche ? Il ne s'affiche pas à la première image et à l'image zéro, puis deux images sans quoi que ce soit, puis pop dans la scène, s'assouplit lentement en position. Voyons voir. Quelque chose comme ça. Puisque mon bloc-notes vient de haut en bas, je veux que mon stylo entre de bas en haut. Cliquez avec le bouton droit sur « Dimensions séparées », placez une image clé ici, puis faites-la glisser vers le bas. Allez dans l'éditeur de graphiques, juste F9, Easy Ease, définissez le graphique à afficher, puis faites simplement glisser cette courbe. Faites une courbe comme celle-ci pour qu'elle s'assouplit en position, quelque chose comme ça. Puis faites-le glisser un peu en arrière. Assurez-vous simplement que si votre souris est comme ceci, vous faites glisser le calque entier, y compris les images clés. Ce n'est pas ce que vous voulez faire. Ce que vous voulez faire, c'est juste lorsque votre souris devient une flèche à deux têtes, vous pouvez simplement faire glisser ce calque pour modifier l' endroit où le calque va apparaître sur la timeline sans changer les images-clés. Tu vois l'image-clé là ? C' est statique, ça ne bouge pas avec la couche ? C' est ce que tu veux faire. Si votre souris n'est qu'un seul curseur, vous allez faire glisser le calque entier avec les images clés. Ce n'est pas ce que vous voulez faire. Avons un aperçu, quelque chose comme ça. Ça a l'air sympa. Si nous voulons aller plus loin, je peux aussi animer les lignes ici. J' ai déjà un précomp ici, mais on peut juste aller à l'intérieur de ce précomp, double-clic, zoom avant. C' est ce que nous avons. Nous avons les lignes et les points. Tu sais ce qu'on peut faire ? On peut juste faire un mensonge, puis copier et coller. Voyons voir. Où est la première ligne ? C' est la première ligne. Je veux le mettre sur le dessus, et ensuite aller à la balance. Assurez-vous de mettre le point d'ancrage. Il suffit d'aller à la plume derrière l'outil, de faire glisser le point d'ancrage vers l'extrême gauche de la ligne. Maintenant, les lignes vont s'animer en fonction de ce point d'ancrage. Revenez à l'outil Sélection. Maintenant, vous pouvez voir quand je clique sur cette ligne, il y a un point d'ancrage sur la gauche. Donc il suffit de cocher ce bouton de lien ici pour que je puisse animer la propriété Scale. Appuyez sur une image-clé, allez en avant 10 images, puis mettez une image-clé là. Modifiez uniquement la valeur x. Changez-le à zéro pour que la ligne puisse simplement grandir horizontalement, quelque chose comme ça. Tu vois ça ? Maintenant, nous pouvons juste Easy Easy. Allez dans Éditeur de graphique, Graphique de valeur, cliquez sur la propriété Échelle, puis faites glisser cette poignée vers cette forme de courbe en S, quelque chose comme ça. Maintenant, je peux juste dupliquer cette animation de ligne sur les trois lignes là-bas. Supprimez celui-ci, supprimez celui-ci, supprimez celui-ci. Ensuite, je peux juste le commandement D, le commandement D, commandement D. C'est D pour duplicate. Ensuite, je peux déplacer ces lignes animées vers le bas pour remplacer celles qui sont déjà supprimées. Maintenant, j'ai quatre lignes qui sont animées. Mais une autre chose est que je veux qu'ils soient décalés. Je ne veux pas qu'ils s'animent et entrent en même temps. Je veux les décaler par deux images, quelque chose comme ça. C' est trop petit, donc je ne veux plus animer ce cercle. Tout ce que je veux faire quand la ligne s'anime, je veux que le cercle apparaisse sur l'écran. Il suffit de les changer, le point de départ de la couche au même point de départ que la ligne afin qu'ils entrent juste comme ça. Faites glisser tout en arrière d'une image. J' ai l'impression que les cercles arrivent trop vite, peut-être le déplacer d'un cadre plus loin, quelque chose comme ça. Vous voyez ? Maintenant, nous pouvons revenir au bon exemple. Voyons l'animation finale du bloc-notes. Vous voyez ? Maintenant, ce que je veux faire est juste de décaler l'animation des trois icônes. Après que ce globe s'installe en position, je veux démarrer l'horloge, puis une fois que les horloges s'installent en position, je veux démarrer le bloc-notes. Trois secondes d'animation. Voilà, tu y vas. C' est ainsi que nous animons en utilisant Value Graph. Maintenant, comparons le bon exemple et le mauvais exemple, voyons quelle est la différence entre l'utilisation de Value Graph et de ne pas l'utiliser. C' est un bon exemple. Il y a plus d'énergie. Il a l'air très lisse et il a un but. C' est très délibéré. Cependant, voyons le mauvais exemple ici. Il a l'air très plat. Toute l'animation est qu'il n'a pas de vie à elle. C' est juste pas du tout d'énergie, très systématique. Il semble très par défaut. Eh bien, voilà. C' est votre première leçon maintenant comment animer avec Value Graph. Je te vois dans la prochaine vidéo. 6. Graphique de valeur Demo 2: Dans cette vidéo, je vais vous montrer un autre exemple de la façon d' animer avec Value Graph pour contrôler la vitesse de votre animation. Maintenant, j'ai déjà ce fichier configuré. Tu peux prendre mon dossier. Je vais le mettre à la disposition du téléchargement afin que vous puissiez utiliser ce fichier pour vous entraîner. Donc ici, dans le fichier, vous pouvez voir que j'ai ce graphique ici, fait d'une seule ligne. J' ai une couche en bas, juste comme un soupçon du logo, quoi il ressemble et puis je peux simplement le verrouiller. En plus, j'ai un autre calque de couleur. Ce que je veux faire est d'aller à cette flèche vers le bas et ensuite venir à ce bouton ici, ajouter un effet de chemin de coupe. Si je change la valeur de fin du tracé de coupe, vous pouvez voir les lignes qui s'animent réellement comme si elles étaient dessinées sur l'écran. Maintenant, je veux mettre ce pourcentage à trois pour cent pour afficher seulement une partie de la ligne, puis si j'anime la valeur de décalage, si je change la valeur de décalage, vous pouvez voir que les lignes se déplacent réellement le long du chemin. C' est ainsi que nous voulons animer ce logo ici. C' est très simple. Tout ce que je veux faire est de mettre une image clé ici à zéro seconde lorsque la valeur est zéro, puis aller à la cinquième seconde et mettre une rotation complète. Mettez-en un ici à l'avant et si je prévois l'animation, c'est ce que je reçois. La ligne se déplace juste le long du chemin. Je peux couper l'aperçu ici, appuyer sur « N » et c'est comme ça que ça va boucler. Cependant, en ce moment, c'est tellement ennuyeux. Nous n'avons pas ajouté d'assouplissement. Nous n'avons pas modifié le graphique des valeurs. Il s'agit d'une simple animation avec deux images clés par défaut. Ici, je veux vous montrer comment utiliser Value Graph pour animer ceci. Je veux que cette chose ressemble à gravité qui a lieu de sorte que lorsque la ligne monte vers le haut, elle ralentit parce qu'elle monte. Il ralentit vers le haut et puis une fois qu'il passe au-dessus de la bosse, il se déplace plus vite, plus vite, plus vite jusqu'à ce point ici où la ligne doit remonter et ralentir, puis aller plus vite quand il entre dans la pente, puis il va lente, rapide, puis lente, rapide, puis ralentit, puis va très vite. Fondamentalement, je veux avoir cette ligne pour animer comme s'il y avait de la gravité. Gravité en effet. Comment on fait ça ? Tout d'abord, nous devons mettre une image clé chaque fois qu'il y a un changement de B. Disons que sur la seconde zéro, nous devons avoir une image clé à zéro seconde et ensuite si je bascule la chronologie ici, donc avant que la ligne ne vienne en haut, elle ralentit juste et après qu'elle passe sur la bosse, elle devrait aller plus vite. C' est là que la vitesse change. Nous devons ajouter une image-clé. Maintenant, allez de l'avant. Ici, c'est là que la ligne doit ralentir, j'ai besoin d'ajouter une image clé, puis en haut, il faut aller plus vite, ajouter une image clé et ensuite ici, même chose, devrait ralentir à partir de là. Ensuite, ce point ici devrait aller plus vite à partir de là, puis ce point, changement de vitesse ; ce point, changement de vitesse ; et ce point, changement de vitesse ; et puis ce point, changement de vitesse. Ce sont donc tous les points où les lignes doivent changer de vitesse. Sélectionnez tous, cliquez avec le bouton droit de la souris sur « Assistant d'images clés », « Easy Ease ». Ce sera un assouplissement par défaut. Si nous prévisualisons ceci, cela ne semble pas correct. Ce n'est pas très lisse et alors ça n'a tout simplement pas de sens. Maintenant, ce que nous allons faire, sélectionnez-les tous, allez dans l'éditeur de graphiques. Vous pouvez voir que c'est à quoi ça ressemble. Je veux juste sélectionner cette valeur de décalage. Allez sur ce bouton « Ajuster à la vue ». D' abord, nous devons y réfléchir. Donc, à ce point culminant ici, à ce point, la ligne devrait ralentir parce qu'elle monte. Ce qui signifie que la ligne devrait déjà avoir une vitesse au début et alors je ne veux pas qu'elle ralentisse jusqu' à zéro parce que pour le moment, si je fais juste un zoom avant, c' est « Z » sur le clavier et ensuite zoomer. Vous pouvez voir que cette poignée Bézier est totalement plate. Je ne veux pas qu'il soit plat parce que ça veut dire que la vitesse est nulle. Je veux juste qu'il soit légèrement tendu pour qu'il ne soit pas plat, mais quand je fais glisser la poignée, vous pouvez voir ces deux poignées sont cassées. Ce n'est pas ce que nous voulons parce que nous voulons que la vitesse ici et que la sortie soit la même. Donc, ce que je dois faire est juste de sélectionner ce point ici, puis aller à la Convertir, Sélectionner une image-clé en Bézier automatique, ce qui signifie que deux poignées vont être verrouillées ensemble. Maintenant, vous pouvez voir quand j'ajuste une poignée, l'autre change aussi. À ce stade, je veux juste ajuster légèrement cette poignée avec un angle pour qu'elle ne s'arrête jamais. Cependant, au début, la ligne devrait aller plus vite car sinon il n'y a pas assez de vitesse pour qu'elle passe au-dessus de la bosse en haut. Donc fondamentalement à zéro seconde, je veux que cela ait déjà une vitesse. Rappelez-vous que la planéité est égale à zéro, la pente est égale à la vitesse. Donc je veux que ce graphique ait une pente plus raide ici. Pour avoir un angle plus grand, il va plus vite et puis ralentit et ici, à ce stade, il devrait aller plus vite, plus vite, plus vite. qui veut dire qu'à ce stade, la poignée de Bézier, vous voyez, est encore cassée. J' ai juste besoin de les enfermer ensemble. La poignée de Bézier doit être sur l'angle, quelque chose comme ça, pour qu'elle ait de la vitesse et ensuite, à partir de ce point, elle a déjà un angle plus raide. Pour que cela signifie à partir de ce point monter, c'est rapide d'abord, avec un élan de la dernière partie de l'animation de cette descente. Il a toujours l'élan et tout d'un coup quand il a atteint le sommet, il ralentit à nouveau. Mais en ce moment, cette courbe ici, vous pouvez voir qu'elle est plate, laissez-moi la verrouiller d'abord, ce qui signifie que c'est zéro. Cependant, je ne veux pas que la vitesse soit nulle, donc je voulais ajuster légèrement cette courbe ici, quelque chose comme ça, puis aller à ce cadre. C' est essentiellement la même chose. abord, verrouillons ceci et ensuite la même chose, posons un graphique plus raide, quelque chose comme ça pour aller plus vite et ensuite par ici en haut, verrouillez ça ici, ça ralentit. Mais je ne veux pas que ce soit plat, sinon ça veut dire zéro. Je ne veux pas que ça s'arrête là, alors ça va jusqu'ici. Il devrait commencer à prendre de la vitesse, verrouiller la poignée, la changer pour quelque chose comme ça. Ensuite, ici, même chose verrouille la poignée, donne une courbe très douce et puis continue. Par ici, verrouillez la poignée. Cette partie, il devrait commencer à accélérer, va au sommet. D' ici, ça va ralentir. Nous pouvons d'abord le faire plat, puis lui donner un léger angle, puis à la fin, il va se déplacer à nouveau plus vite, quelque chose comme ça. Donc, si je vois tout le graphique, vous pouvez voir que c'est à quoi ça ressemble, c'est très lisse. Maintenant, nous allons prévisualiser l'animation. Vous pouvez voir maintenant c'est très lisse. Il y a un changement de vitesse quand il monte, il ralentit et quand il descend, il se déplace plus vite comme s'il y avait de la gravité. Avec cet exemple, je veux juste vous montrer comment en manipulant simplement l'espacement de l'animation, puis en utilisant le graphique de valeur, vous pouvez réellement réaliser quelque chose que vous n'êtes pas en mesure d'atteindre si vous n'utilisez pas la valeur Graphique. Ensuite, cette animation va être super lisse et vous pouvez faire tellement de choses à elle. Maintenant, si je veux faire une révélation de logo, je peux peut-être juste dupliquer ce calque, Commande D et ensuite le mettre derrière ça. Peut-être que je peux déplacer cette image en arrière d'un ou deux cadres afin qu'elle démarre deux cadres plus lentement, peut-être juste un cadre et ensuite je peux changer la couleur de remplissage de ceci peut-être une couleur bleue, quelque chose comme ça. Peut-être que je peux en dupliquer un autre, le mettre derrière et ensuite décaler un cadre. Changez cette couleur en jaune vif, quelque chose comme ça, puis si j'ai aperçu, vous pouvez voir qu'il y a deux lignes avec deux couleurs différentes qui sont à la traîne. Mais cette fois, l'animation est beaucoup plus compliquée. Ça a l'air compliqué, mais c'est très simple à faire. Ce que je veux faire, c'est peut-être déverrouiller celui-ci. Je n'ai pas encore de chemin de coupe, donc je peux simplement ajouter un effet de chemin de coupe. Ensuite, peut-être définir la valeur finale à 100 [inaudible] à la cinquième deuxième marque, puis revenir à zéro seconde, définir la valeur à zéro. Ensuite, je veux changer l'opacité à 100. Maintenant, nous allons prévisualiser l'animation. C' est presque comme un tirage au sort. C' est ainsi que nous animons ce logo révéler. 7. Devoir : Graphique de valeur: Félicitations pour avoir terminé cette première section. Jusqu' à présent, nous avons abordé deux sujets importants. L' un est le timing et l'espacement, le concept de chronométrage et d'espacement. Deux est graphique de valeur, ce qui est graphique de valeur et comment animer avec graphique de valeur. Cela dit, voici notre première affectation sur le graphique de valeur. Jetons un coup d'oeil, voyons ce que c'est. Voici le fichier que j'ai déjà configuré pour vous. J' ai trois logos ici, et je veux que vous utilisiez la même façon que je vous enseigne dans les deux cours précédents et animez ce logo. Vous pouvez choisir l'un d'entre eux, ou si vous voulez en faire plus, vous pouvez animer les trois. Mais je veux que vous animiez ces logos avec un graphique de valeur, quelque chose que je vous ai montré dans les classes précédentes, et c'est très simple. Vous pouvez simplement animer tous ces éléments dans chaque logo et vous pouvez aller dans chaque composition pour les animer. Ensuite, si vous voulez faire tous les trois, vous allez juste dans chaque composition, animez tous ces éléments. Peut-être que c'est soit l'échelle, le changement de position, la rotation, tout ce que vous voulez faire, n'oubliez pas d'utiliser le graphique de valeurs pour les animer tous. Une fois que vous avez terminé avec cette animation, vous pouvez la partager avec moi afin que je puisse fournir quelques commentaires pour vous aider à apprendre. D' accord. C'est tout pour le projet de classe. J' ai hâte de voir ce que tu trouves. Bonne chance. 8. Explication du graphique de vitesse: Bienvenue de retour. Avez-vous eu du mal avec le graphique de valeur dans les leçons précédentes ? Ne vous inquiétez pas, vous serez à l'aise avec elle une fois que vous pratiquez beaucoup et que vous commencez à l'utiliser dans vos projets. Aujourd'hui, encore une fois amusant, je veux vous montrer un autre type de graphique dans l'éditeur de graphiques, qui va être le Speed Graph. Si vous avez un problème d'apprentissage graphique de valeur ou si vous avez beaucoup de douleur à l'apprendre, ne vous inquiétez pas. Je peux vous assurer que ce Speed Graph sera 10 fois plus douloureux que le graphique des valeurs. Pour être honnête, Speed Graph est plus facile de se perdre, et ce n'est tout simplement pas aussi intuitif que le graphique de valeur. Cependant, parfois dans certaines situations, graphique de vitesse est la seule chose que vous pouvez utiliser pour animer, sorte que le graphique de vitesse est aussi important que le graphique de valeur. Cependant, si vous aimez le graphique de valeur plus, vous pouvez, à l'avenir, animer plus avec le graphique de valeur. Je connais aussi certains animateurs, ils n'animent qu'avec le Speed Graph. Dépend de ce que vous aimez, vous pouvez choisir ceux avec lesquels vous aimez animer. Cependant, il y a certaines situations que vous devez animer avec Speed Graph, quelque chose que vous ne pouvez pas faire avec le graphe de valeurs. Rappelez-vous ce projet que je vous ai montré avant, cette animation de boucle. Aujourd'hui, dans cette leçon, je veux vous montrer comment réaliser cette animation de boucle avec un graphique de vitesse au lieu du graphique de valeurs. Maintenant, allons dans les images clés. Vous vous souvenez comment nous avons animé cette animation de ligne ? Nous mettons juste une image-clé chaque fois que leur vitesse change, puis nous modifions dans le graphique de valeurs en fonction de notre compréhension de la pente égale vitesse, puis planéité égale zéro. Chaque fois qu'il y a un changement de vitesse, quand la ligne va plus vite comme cette partie ici, la ligne va plus vite, nous voulons un graphique plus raide ici, puis on ralentit. Nous voulons un angle plus petit comme une courbe plus douce ici, donc une courbe plus raide signifie une animation plus rapide, puis une courbe douce signifie un ralentissement. En fin de compte, c'est le type de graphique que nous obtenons avec cette animation. C' est le graphique des valeurs, c'est très lisse. Voyons à quoi ça ressemble dans le Speed Graph. Cliquez sur cette icône, allez à Modifier le graphique de vitesse. Qu' est-ce que c'est ? Regarde ça. Avec la même animation, c'est un Speed Graph que nous obtenons. Laisse-moi le rendre plus grand. Dans le graphique de vitesse, vous pouvez voir l'axe des x, il va augmenter dans le temps, puis l'axe des y monte, il va augmenter en vitesse. Rappelez-vous, lorsque nous animons cette ligne, nous ajoutons une image-clé chaque fois que leur vitesse change. À l'avant, nous voulons que la vitesse soit élevée, puis en montant jusqu'au sommet, nous voulons que la vitesse ralentisse. C' est pourquoi vous pouvez voir qu'il est presque proche de zéro, puis quand la ligne descend à nouveau, elle devrait accélérer, et c'est pourquoi vous pouvez voir ici la vitesse remonte à nouveau. Le graphique peut le dire, le graphique peut vous montrer qu'en ce moment, c'est presque 400 pixels par seconde, la vitesse monte et ralentit à nouveau, monte, ralentit, monte, ralentit. C' est ainsi que nous obtenons le même type d'animation avec un Speed Graph. Cependant, je ne veux pas simplement vous montrer le produit final, je veux vous montrer comment le faire si nous n'avons pas cela en position. Maintenant, revenons simplement à la chronologie, puis maintenez la touche Commande clic gauche enfoncée pour que nous puissions changer toute l'image-clé en image-clé linéaire, et il n'y a plus de changement de vitesse. Sélectionnez tous, accédez à l'éditeur de graphiques. Maintenant, assurez-vous que vous êtes dans le Speed Graph. Il s'agit d'un champ Speed Graph avec des images clés linéaires, tout est plat, il n'y a pas de changement de vitesse. Cependant, la vitesse n'est pas nulle. moment, il est écrit 70 pixels par seconde, et vous pouvez voir que la ligne zéro est par ici. Maintenant, ce que nous allons faire est juste d'ajuster la vitesse à chaque point de l'animation à la vitesse que nous voulons. Rappelez-vous, au début, nous voulons que la vitesse soit plus rapide. On peut faire glisser ça. Alors, à ce stade, nous voulons qu'il ralentisse. Cependant, quand je le fais glisser, vous pouvez voir les deux poignées juste cassé, même chose avec le graphique de valeurs. Ce que nous devons faire est juste de verrouiller les deux poignées, sélectionner celui-ci et ensuite aller à définir sur Auto Bezier juste pour verrouiller. Je veux les faire tous pour que je n'aie pas à m'en soucier plus tard. Il suffit de sélectionner les deux images clés, puis de verrouiller les poignées. Verrouillez-les, enfermez-les, enfermez-les. Maintenant, quand je traîne l'un d'eux, les deux vont se réunir, aller main dans la main. C' est comme ça que nous voulons que la vitesse descende. À ce stade, il devrait commencer à accélérer à nouveau, juste le mettre en place et vous pouvez me demander à quelle vitesse voulons-nous que ce soit ? En ce moment, ça dit 100, quelle vitesse voulons-nous que ce soit ? Pour être honnête, il vient juste avec la pratique et l'expérience. abord, vous ne savez jamais à quelle vitesse vous voulez que ce soit, mais cela dépend vraiment de la synchronisation entre les deux images clés. Ensuite, la règle de base est de simplement rendre la courbe aussi lisse que possible sans pointes afin qu'elle ait l'air assez lisse. Maintenant, nous pouvons juste faire le premier tour, et ensuite si ce n'est pas assez rapide ou assez lent, nous pouvons nous ajuster plus tard. Je veux juste dire quelque chose comme ça. À ce stade, ralentit et puis ce point est plus rapide, ce point est lent. Tu vois ce truc ici, ça a l'air bizarre. Je ne sais pas pourquoi. C'est peut-être parce que ce n'est pas assez rapide. Je ne sais pas pourquoi. Puis à ce stade, plus vite, ce point ralentit, et ce point ralentit plus vite. Laissez-moi juste ajuster la poignée ici, quelque chose comme ça n'est pas lisse du tout, juste ajuster celui-ci ici. Parfois, lorsque vous ajustez le graphique de vitesse, cela ne fonctionne pas comme les graphiques de valeur. Lorsque vous réglez l'une des poignées, rien d'autre ne change sauf la poignée que vous réglez, mais pour le Speed Graph chaque fois que vous changez quelque chose, il y a toujours quelque chose d'autre qui change avec elle. Vous avez juste à faire face à l'incertitude dans le Speed Graph, tant que vous avez quelque chose de lisse ou qu'il semble lisse, votre animation devrait être bonne. Une autre façon, en ce moment, j'ai ce Speed Graph ajusté. Je peux aller à cette icône ici et ensuite montrer le graphique de référence. Ce cas va me montrer le graphique de valeur ci-dessous, de sorte que ce cas, sorte que ce cas, je peux juste dire avec le graphique de vitesse que j'ai en ce moment, il est presque similaire au graphique de valeur que nous obtenons ascenseur précédemment, donc je peux dire l'animation va probablement être quelque chose de semblable à ce que nous avions auparavant. Voyons juste un aperçu de ceci et voir ce qui se passe. Ralentit, va plus vite, ralentit, va plus vite, ralentit. Oui. Tu sais quoi ? En fait, ça a l'air plutôt bien. C' est très naturel sauf pour la première boucle, j'ai l'impression que la première boucle est sur le dessus, ce n'est pas assez lent. C' est trop rapide, donc je veux juste ajuster une chose de plus ici. Cependant, je ne veux pas qu'il ralentisse tout le chemin à zéro, peut-être que je peux faire glisser la poignée de sorte qu' en donnant plus de temps à faciliter l'entrée et la sortie du cadre afin qu'il y ait une légère facilité à elle. Il y a un moment qui dit de s'accrocher là, quelque chose comme ça, et puis nous allons en prévisualiser à nouveau. Oui. Ça a l'air mieux, ça a l'air beaucoup mieux. Faites juste attention à la première boucle. Oui. Améliorez là en haut, puis descend à nouveau. C' est ainsi que vous faites une animation similaire avec Speed Graph. Ensuite, la vidéo suivante, je vais vous montrer un autre exemple de la façon d'utiliser Speed Graph pour animer. 9. Démo du graphique de vitesse: D' accord. Dans cette leçon, je veux vous montrer un autre exemple de la façon d'animer avec Speed Graph. Juste pour vous aider à apprendre comment fonctionne le Speed Graph, j'ai cette composition définie, j'ai du rock et puis j'ai un fond, qui est un espace. Tout ce que je veux faire, c'est laisser cette fusée se déplacer autour de l'écran dans cet espace. Je veux que cela se déplace le long d'un chemin que le chemin va avoir tous ces hauts et bas et ensuite je veux la fusée quand elle monte, elle ralentit comme la vidéo précédente. Ensuite, quand il se déplace vers le bas de la pente ou vers le bas de la courbe, il accélère. Pour démontrer, disons que si j' ai une courbe comme celle-ci, votre fusée ralentit à ce point ici et va plus vite ici, puis prendre l'élan avec elle, monte, ralentit. Quelque chose comme ça. Tout d'abord, dessinons un chemin de mouvement aléatoire. Je veux aller ici à cet outil de stylo et ensuite je veux peut-être dessiner une trajectoire de mouvement lisse, peut-être avec une courbe comme celle-ci. Je ne sais pas. Quelque chose comme ça. Si ça a l'air bien. Ça a l'air bien, quelque chose comme ça. C' est la trajectoire de ma fusée. Il y a quelques points. Je dois faire attention à cette courbe ici. Il y a un point que la fusée va changer la vitesse. Autour d'ici, va aller vite ici et puis ce point ici, va avoir un changement de vitesse, va passer de rapide à lent. Ensuite, ce sommet sera le plus lent, il va s'accrocher un peu, puis se déplace plus vite en descendant puis ralentit à nouveau en haut de là. Puis va plus vite, puis ralentit un peu, puis quittez le cadre. C' est ce qu'on va avoir pour notre fusée. Cependant, si j'utilise simplement cette ligne que j'ai dessinée ici, tous ces points vont devenir les cadres clés de cette trajectoire de mouvement. Cependant, ces points ne sont pas les points avec le changement de vitesse sur la fusée. Je ne pourrais pas travailler avec ces chemins de mouvement. Ce que je dois faire est de redessiner cette trajectoire de mouvement avec ce point, spécifiquement positionné au point où la fusée va changer la vitesse. Pour montrer que je veux verrouiller cette trajectoire de mouvement. Je veux redessiner cette trajectoire de mouvement ici, peut-être une clé ici, et ensuite c'est un point où la fusée va changer de vitesse. Je veux y mettre un cadre clé. Maintenant en haut, c'est là que ça va changer de vitesse. Je veux mettre le cadre clé là-bas. Ça n'a pas besoin d'être exact. Ensuite, c'est un point bas où la fusée change de vitesse, mettre un cadre clé là. Ensuite, c'est un autre point élevé avec changement de vitesse. Je peux régler cette poignée ici. Ensuite, ici, c'est là que ça va régler la vitesse. C' est un point élevé où la vitesse change. Ensuite, à partir de là va quitter le cadre. Permettez-moi de modifier un peu la courbe pour qu'elle ressemble à ce que nous avions auparavant. Quelque chose comme ça. Maintenant, je peux supprimer le précédent que nous avons dessiné. Assurez-vous que vous aimez la courbe que vous avez car vous ne pourrez pas l'ajuster ultérieurement une fois que vous appliquez une trajectoire de mouvement à la fusée. D'accord. C' est la courbe que j'aime. C' est très simple de laisser la fusée se déplacer sur ce chemin. Nous devons d'abord aller à ce contenu de la flèche vers le bas, puis façonner, aller sur le chemin, puis ajouter une image clé sur la propriété path. Puis copiez ceci, Commande C, copiez cette image-clé. Ensuite, allez sur les fusées, appuyez sur P sur le clavier, allumez la propriété position, assurez-vous de copier l'image-clé du chemin dans la propriété de position de la fusée, Commande V. Maintenant, si je cache cette ligne d'origine et que peut juste prévisualiser ici, vous pouvez voir la fusée se déplacer le long du chemin. ce moment, ça prend deux secondes. Je peux faire glisser celui-ci, faire en sorte que ça prenne peut-être trois secondes. Laissez-le prendre plus de temps. Oui, quelque chose comme ça. Le premier problème que nous avons, c'est que la fusée n'est pas dans la bonne direction. Donc, je peux aller à la rotation et puis juste changer la rotation de la fusée, comme ceci, de sorte que c'est dans la bonne direction. Une autre chose est que nous devons allumer les orients automatiques. Parce que si je règle seulement la rotation, ça va juste faire face à une direction tout le temps. Mais quand ça tourne comme ici, ça n'a plus de sens. Ce que nous voulons faire, c'est simplement activer les orients automatiques. Son sous-couche, transformer puis oriente automatiquement, allumez cela, oriente le long du chemin. Maintenant, laissez-moi juste changer la valeur de rotation pour qu'elle soit orientée vers la bonne direction. Ensuite, nous allons prévisualiser. Ça a l'air bien maintenant. Il est toujours orienté vers la bonne direction vers le chemin. Appuyez sur « U » sur le clavier pour afficher toutes les images clés. Une autre chose avant d'aller au Speed Graph, nous devons transformer ces images clés en une image clé linéaire régulière. ce faire, cliquez avec le bouton droit de la souris. abord, nous devons désactiver ce Rove à travers le temps, puis les sélectionner à nouveau, maintenez la touche Commande sur le clavier, puis cliquez avec le bouton gauche de la souris. Maintenant, vous pouvez voir que ces images clés ne sont que des images clés linéaires régulières. Allons à l'éditeur de graphes. Assurez-vous que vous êtes dans le Speed Graph. Cliquez sur la position. Maintenant, vous pouvez voir tous ces points ici, la vitesse est constante. Nous pouvons commencer à animer avec le Speed Graph pour ajuster la vitesse de cette fusée. D' abord, à ce point culminant ici, je veux que cette fusée puisse être à partir de ce point, laissez-moi y réfléchir. Au deuxième point ici, ce devrait être l'endroit où les fusées sont plus rapides parce qu'elles descendent d'une pente, c'est plus rapides parce qu'elles descendent d'une pente, pourquoi ce point devrait être le plus élevé, qui signifie que le premier point devrait être inférieur à le deuxième point. Allons juste traîner ça un peu, quelque chose comme ça. Alors c'est le point le plus rapide. Puis quand ça monte, ici à ce stade, ce point devrait être assez lent. Tu vois qu'il y a encore cette tangente cassée. Je dois juste m'assurer que ces images clés sont toutes verrouillées ensemble. Ils sont tous enfermés ensemble. Quand je déplace l'un d'eux, les deux vont bouger en même temps. À ce stade, je veux qu'il ralentisse parce que c'est le point culminant, il devrait perdre de l'énergie quand il monte. Alors, à ce stade, ça devrait être rapide, ce qui veut dire maintenant, ça devrait paraître bien. J' essaie de ralentir ce point sans laisser ce graphique dépasser cette valeur max, parce que sinon, le point le plus élevé sera ici. Ce que je dois faire, peut-être que je pense que je dois faire glisser ce point plus haut pour qu'à ce stade, c'est encore la moitié de la vitesse la plus élevée. Essayons de faire glisser ces deux points de sorte que ce point au bas de la pente ici, ce point est la vitesse la plus rapide, puis il va lentement, puis plus vite à nouveau. À ce stade, c'est la vitesse la plus rapide, puis commence à monter, qui vient à ce point ici au sommet. Cela signifie que la fusée va perdre beaucoup de l'énergie qui monte, et c'est pourquoi elle ralentit à nouveau. La vitesse est très faible et à ce stade, après une très grande pente, ce point devrait être le plus rapide, peut-être par ici. Puis il ralentit à nouveau. Quelque chose comme ça, puis il quitte le cadre. Maintenant, nous allons prévisualiser et voir si mon graphique a du sens. En ce moment, ça n'a pas tellement de sens parce que la vitesse change à peine. J' ai l'impression que les changements ne sont pas assez extrêmes pour que je n'ai pas l'impression qu'il n'y a pas de suspension dans l'air au sommet, ce qui signifie que je dois continuer à l'ajuster. Je pense qu'en haut, c'est encore trop rapide. Je dois le tirer jusqu'au bas, m' assurer qu'il est accroché là. Une autre chose, c'est que j'ai besoin de tirer ces poignées pour qu'il y ait un accrochage. Pendant que je tirais les poignées, vous pouvez voir ces deux courbes s'ajustent avec la poignée en train d'être tirée. qui veut dire que le point le plus élevé ne sera plus ce point clé, il devient ce point ici. Dans ce cas, je n'ai pas seulement besoin de faire glisser ce point jusqu'au haut, car une chose à laquelle je dois prêter attention est ce point clé ici. Les images clés doivent toujours être le point avec la vitesse la plus rapide. Je ne peux pas laisser l'autre courbe, les autres points passent au-dessus de ce point d'image clé. Sinon, ce ne sera pas réaliste. Ce ne sera pas juste. Dans ce cas, je veux que ça accroche en l'air. Cependant, je veux que ce point reste le point le plus rapide et le plus élevé. Je dois continuer à traîner ça. Maintenant c'est bon et puis je dois diriger cette poignée ici, ces deux-là. Faites-le accrocher un peu dans l'air, puis faites glisser ceci, tirez ceci vers le haut, essayez de lisser la courbe ici, en ce moment, le point d'excès de vitesse le plus bas est cette section ici, ce qui n'est pas correct. Je dois tirer ça vers le bas et ensuite essayer de lisser la courbe. Maintenant, vous pouvez voir que cette partie n'est pas juste. Je dois mettre ce point jusqu'à lui donner plus de vitesse. Cette partie ici, je veux qu'elle accroche un peu, traîne la poignée, et tire ça vers le haut. Tirez ce point vers le haut, tirez ce point vers le haut. Ensuite, essayez d'ajuster cette poignée ici. Je pense que c'est plus extrême. Mais la courbe est encore assez lisse. Il n'a pas de pointes bizarres ou quoi que ce soit. Voyons à quoi ça ressemble maintenant. Ça marche pour moi. Regarde ça. Il y a beaucoup de temps en haut. Il y a beaucoup de changements de vitesse. Une autre chose est que j'ai l'impression que toute l'animation est trop rapide. C' est probablement trop rapide. Ce que je veux faire est de sélectionner toute l'image clé, puis maintenez « Option » enfoncée sur le Mac Autumn PC, faites glisser la dernière image clé jusqu'à la quatrième deuxième marque. Voyons si ça change quelque chose. Donnons juste plus de temps à l'animation. De cette façon, en ce moment, ce que j'ai fait est juste d'ajuster le timing de l'animation. Donnez-lui une seconde de plus pour que l'animation prenne une seconde de plus. C' est tout avec cette leçon. Maintenant, vous devriez savoir comment animer avec le graphique de vitesse et suivant est notre projet Speed Graph. 10. Devoir : Graphique de vitesse: Ici, j'ai mis en place le projet pour vous. Je veux juste que tu fasses la même chose que ma leçon précédente. On a un astronaute ici. Vous pouvez simplement animer notre astronaute ou cette fusée de la même façon que j'ai animé la fusée dans la leçon précédente. Il suffit de dessiner d'abord une trajectoire de mouvement, puis d'appliquer la trajectoire à l'un des éléments ici ou à deux d'entre eux, puis de les laisser flotter dans l'espace. N' oubliez pas d'ajuster le graphique de vitesse pour rendre l'animation lisse, réaliste et agréable. Bonne chance avec ce projet. J' ai hâte de voir ce que tu trouves. 11. Devenez des initiés du mouvement: Avant de continuer, je tiens à partager avec vous une nouvelle excitante. Les cours de motion design sont désormais plus abordables chez Motion Circles. Avec notre abonnement Motion Insider pour seulement 7$ par mois, vous bénéficierez d'un accès illimité à nos meilleurs cours de motion design, auxquels plus de 50 000 étudiants du monde entier font confiance Il est temps d'améliorer vos compétences en motion design pour devenir les meilleurs animateurs possibles En tant qu'initié, vous recevrez également des fichiers de projet gratuits issus de tous nos didacticiels YouTube sur Motion Circles. Et profitez d'une réduction exclusive de 25 % sur tous les autres projets d' animation incroyables d'autres artistes dans notre boutique de fichiers de projets. Ne manquez pas cette opportunité d'améliorer vos compétences en animation tout en faisant partie de notre communauté dynamique. Rejoignez-nous dès aujourd'hui sur motion circles.com et libérez votre 12. Oscillation: Félicitations pour avoir terminé les leçons précédentes, vous l'avez fait jusqu'ici et êtes déjà familier avec deux types de graphiques et comment les utiliser. Vous êtes déjà mieux que 50 pour cent des artistes de la motion , ce qui est génial. Si vous appréciez la leçon et que vous en tirez profit jusqu'à présent, n'oubliez pas de prendre une minute pour me laisser un avis. Cela signifierait beaucoup pour moi, vraiment l'apprécier. A partir de maintenant, nous allons parler de plus de choses avancées, ce que la majorité des concepteurs de motion ne savent pas. Espérons que vous êtes tous excités parce que je suis excité, et que ça va devenir un peu plus difficile, alors supportez-vous avec moi et nous allons entrer directement. Dans cette leçon, nous allons parler de l'oscillation. Qu' est-ce que l'oscillation ? oscillation est un mouvement qui va et vient simplement. Ici vous pouvez voir sur mon écran j'ai une horloge pendule ici et avec un Père Noël debout dessus. Mais si je vais à la propriété de rotation de cette couche, et que vous pouvez voir en ce moment mon point d'ancrage est tout le chemin sur le dessus. C' est pourquoi vous voulez changer la valeur de la rotation. Vous pouvez voir que le pendule se balance en fonction du point d'ancrage à partir du haut. Voyons maintenant comment nous pouvons animer ce mouvement avec l'éditeur de graphiques. Disons que si la valeur de rotation à la seconde zéro à partir de, disons négatif 40, puis ajoutons une image clé ici. Aller de l'avant, peut-être 20 images, ajouter une autre image clé, mettre 14 positif, et maintenant c'est ce que nous avons ici. Sélectionnez les deux, puis allez dans l'éditeur de graphique, cette icône ici, puis ajustons le graphique à afficher. Assurez-vous que nous sommes dans le graphique de valeurs au lieu du graphique de vitesse. Il s'agit des deux images-clés que nous avons insérées. Nous devons ajouter une autre image clé, lui donner 20 autres images, puis copier cette première image clé, Commande C, puis copier ici, Commande V. Maintenant, nous avons cette forme V, qui a l'image clé qui anime ce balancier balançoire de gauche à droite. Maintenant, si nous copions les trois images clés, sélectionnez copier, puis mettez l'indicateur comme dernière image clé, Commande V, collez-le dans. Maintenant, nous avons le même mouvement, je répète. Laissez-moi le copier quelques fois. Maintenant, on a cinq V en forme. Présentons ceci. Vous pouvez voir qu'il n'a pas l'air si réaliste, il n'a pas d'énergie. Maintenant, ce que nous devons faire est, tout d' abord, cliquez avec le bouton droit de la souris, Assistant d' images clés, Easy Easy. Mettons simplement un assouplissement par défaut. Voyez ce qui se passe. Tout d'un coup, ça semble déjà mieux, mais c'est loin de ce que nous voulons ici. Maintenant, allons à l'intérieur du graphique des valeurs. On peut voir, la courbe de valeur, si on sélectionne tous les points en haut ici et puis on fait glisser cette poignée jusqu'au bout pour la rendre la plus extrême, je veux juste vous montrer ce qui va se passer si nous avons une courbe très extrême , quelque chose comme ça. Le mouvement va être beaucoup plus dramatique. Cependant, ce n'est pas ce que nous voulons non plus. Nous voulons avoir quelque chose entre les deux, double-cliquez sur la Rotation, remonter la courbe, puis nous pouvons simplement faire glisser légèrement la courbe pour lui donner de l'énergie. Maintenant, c'est beaucoup mieux et ça semble beaucoup plus réaliste, très délibéré. C' est ainsi que nous utilisons le graphique des valeurs pour animer le balancement du pendule, et c'est ce qu'on appelle une oscillation dans l'animation. Cependant, dans la vraie vie, vous n'avez pas quelque chose comme ça, continuez à bouger d'avant en arrière parce qu'il y a toujours d'autres forces comme la gravité ou la résistance au mouvement de l'objet. En réalité, la plupart du temps, quand il se balance, l'énergie va perdre un peu et puis lentement, va lentement s'installer dans un seul endroit. Dans ce cas, voyons comment nous pouvons animer ce pendule en perdant de l'énergie. Allons à la seconde zéro, revenons à l'Éditeur de graphiques, double-cliquez sur la Rotation. Rappelez-vous, comme je l'ai dit, quand le pendule se balance, il va perdre progressivement de l'énergie, quelque chose comme ça. Après chaque swing, la rotation va juste aller de plus en plus près de zéro degré, elle va se décomposer comme ça, puis finalement réglée à zéro seconde. Si nous avons un aperçu de ce graphique, je veux juste m'assurer que cette courbe n'est pas exagérée. Je veux déplacer ces poignées dans un peu, et puis je peux utiliser cela sur le clavier pour zoomer sur cette section ici. Essayez d'ajuster celui-ci pour être plus précis, et puis je peux utiliser la barre d'espace pour naviguer dans l'éditeur de graphiques, essayez de le rendre plus précis. Ce sera la courbe que nous avons pour cette animation. Présentons ceci et voyons ce qui se passe. Maintenant, je veux balancer afin que vous puissiez voir clairement l'énergie est en train de perdre, puis il lentement, lentement s'installer en position. Cependant, dans ce cas, nous avons un autre problème parce que la plupart du temps, lorsque nous avons une courbe de désintégration comme celle-ci, l'objet perd de l'énergie, cela ne prend pas le même temps pour perdre de l'énergie. Ce que je veux dire, c'est que, pour ces images clés, à la fin ici, chacune sera de plus en plus proche l'une de l'autre. Ce que je veux faire est juste de sélectionner toute l'image-clé à l'arrière ici, avancer une image. Sélectionnez celui-ci, déplacer le formulaire peut-être une ou deux images, puis sélectionnez ce déplacer vers l'avant deux images. Ils vont être de plus en plus proches les uns des autres parce qu'il a perdu beaucoup d'énergie, c'est pourquoi l'animation va prendre moins de temps, certainement moins de temps qu'au début du mouvement. Je veux juste essayer de rapprocher ces images clés. Vous pouvez voir maintenant, je ne suis même pas dans la chronologie de l'image-clé. Je suis juste en train d'animer tout dans l'éditeur de graphes. Je n'ai pas besoin de faire des allers et retours entre la chronologie réelle de l'image-clé et l'éditeur de graphiques. Je peux faire tout ce que je veux dans l'éditeur de graphiques lui-même juste pour être plus efficace. Maintenant, vous pouvez voir que j'ai donné beaucoup moins de temps à l'extrémité arrière de l'animation. Ensuite, nous allons prévisualiser et voir ce qui se passe. Ouais, ça a l'air beaucoup mieux maintenant. Maintenant, j'ai trouvé un autre problème où maintenant cette courbe ici, ce point est trop élevé parce que je sens que de ce point à ce point ne perd pas assez d'énergie, donc il y a un problème ou sauter là, c'est pourquoi je ne veulent, je veux juste le pousser vers le bas encore plus loin. Beaucoup de cela vient avec la pratique. Parfois, vous ne pouvez pas voir quel est le véritable problème si vous commencez tout juste. Mais après avoir animé pendant un certain temps et ensuite regardé le travail des autres, vous allez former vos yeux à regarder des choses et ensuite être capable dire ce qui est une bonne animation et quel pourrait être le problème. Je vais le laisser là. C'est votre oscillation. Dans la prochaine vidéo, nous allons voir comment nous pouvons utiliser cette technique pour traduire en travail d'animation réel. 13. Anticipation et dépassement: D' accord. Maintenant, il faut surpasser le pendule, l'oscillation, il vous sera plus facile de comprendre ce principe d'animation très important, qui est l'anticipation et le dépassement de puissance. C' est de ça que nous allons parler dans cette leçon. Eh bien, l'anticipation est l'un des principes traditionnels de l'animation, mais le dépassement ne l'est pas. Mais ils parlent essentiellement de la même chose. Qu' est-ce que l'anticipation et le dépassement ? En fait, c'est assez facile à comprendre. Prenons ce logo comme exemple. Ici, j'ai ce logo Bella beauté naturelle, et en ce moment je peux désactiver ces couches de textes. Je veux juste laisser cette feuille ici. Maintenant, je veux déplacer ce point d'ancrage au centre de la feuille. Maintenant, je voudrais déplacer cette feuille au centre de la comp. Je peux utiliser ce Titre/Action Safe pour m'assurer où est le centre de mon cadre ici afin que je puisse juste l'aligner ici. C' est la feuille que j'ai. abord, ce que je veux faire est que ce congé apparaisse de probablement comme 20 pour cent de la taille et ensuite pop jusqu'à 100 pour cent, ou peut-être 50 pour cent. Disons, laissez-moi éteindre cette grille d'action. Disons que si j'ai ce congé ici et puis à zéro seconde et que je veux passer de 50 pour cent à peut-être après 20 images à 100 pour cent. C' est ma motion là-bas. Ensuite, allons à l'éditeur de graphiques. Rends-le plus grand. Tout d'abord, parlons de l'anticipation. anticipation se déplace juste dans la direction opposée de l'endroit où l'objet va se déplacer et anticiper. qui signifie que dans ce cas, si je veux agrandir cette feuille, je veux ajouter une image-clé peut-être autour de la troisième image. Maintenez la touche Commande enfoncée, puis cliquez avec le bouton gauche de la souris sur une image clé pour anticiper aller dans la direction opposée qui est plus petite. Pour anticiper ça va être plus grand. qui signifie qu'à zéro seconde, ça va être d'environ 50 pour cent et ensuite il se rétrécit d'abord avant qu'il ne devienne plus grand. Permettez-moi de sélectionner trois images-clés. Cliquez avec le bouton droit de la souris sur Assistant d'images clés. C' est mon image-clé d'anticipation. Pour les dépassements, dépassement signifie qu'avant que l'objet ne s'installe en position, il passe au-dessus de l'état final. Dans ce cas en ce moment à 100 pour cent, avant qu'il ne s'installe à 100 pour cent, je vais ajouter une image clé ici. Maintenez la touche Commande enfoncée puis cliquez avec le bouton gauche Faites glisser cette image clé vers le haut pour que l'objet dépasse 100 % à 105 %, puis se réinstalle en place. Vous pouvez voir en ce moment dans ce cas, j'ai à la fois mon image-clé d'anticipation et ensuite l'image-clé de dépassement. C'est le dépassement. Laissez-moi traîner ces poignées, rendre le mouvement plus exagéré, et nous verrons ce qui se passe. A quoi ça ressemble. Présentons un aperçu. Vous pouvez voir que la feuille se rétrécit avant qu'elle ne se déplace vers le haut, s'agrandissant. Ensuite, il devient trop grand avant qu'il ne s'installe en position. qui rend cette animation super lisse, donne également un peu de caractère à cette feuille. moment, les choses que j'ai trouvées sont que l'animation elle-même est trop lente, ce qui rend l'anticipation et le dépassement pas si exagéré, c'est difficile à voir. Ce que je veux faire est d'exagérer cela un peu plus juste à des fins de démonstration, sélectionner toutes les images clés, maintenir Option enfoncée, faire glisser les dernières images clés déplacer vers l'avant. Donnez-lui moins de temps, puis essayez de faire ce dépassement pour aller plus loin et ensuite anticiper encore plus. Voyons à quoi ça ressemble. Ouais, c'est mieux, plus facile à voir. Si vous regardez de plus près cette courbe ici, si vous vous souvenez de ce que nous avons fait dans la leçon précédente, revenons à l'exemple d'oscillation ici, la rotation de l'horloge. Tu te souviens de cette courbe de décomposition de l'oscillation ici ? C' est ce que c'est si vous prenez simplement les trois images clés ou même les quatre dernières images clés, cette section ici. Si je devais ajouter plus d'anticipation à cette animation, c'est exactement de quoi elle vient. Ça vient de ce mouvement d'oscillation. Cette section ici. Si j'ai un mouvement beaucoup plus grand, disons que si j'ai cette feuille peut-être devenir plus grand et plus grand pour dire 200 pour cent ou autour ici, je peux ajouter plus de clé pour rendre cette dépassement encore plus lisse. Ce que je dois faire, c'est, rappelez-vous dans cet exemple d'oscillation, que nous avons cette dernière partie de l'image-clé plus proche l'une de l'autre ? Ce qui signifie que dans ce cas ici, disons que j'ai ceci est la overshoot et ensuite j' ai six images pour les premières images clés, 1, 2, 3, 4, 5 , 6, puis 1, 2, 3, 4. Allons pour quatre images, ajoutez une image-clé, puis optez pour deux images, ajoutez une image-clé. Puis sélectionnez-les tous, cliquez avec le bouton droit de la souris, Assistant d'images clés, Easy Ease. Maintenant, ce que je peux faire, c'est que je peux faire glisser celui-ci un peu vers le bas, lui donner un dépassement et aussi un mouvement d'oscillation. Assurez-vous que l'énergie meurt, se décompose, sorte que chaque courbe devient de plus en plus petite, plus proche de ce pourcentage final. Si j'ai une courbe comme celle-ci, voyons ce qui arrive à l'animation. Vous pouvez le voir en fait équilibres de celui-ci. C' est comme ça, même si ce n'est pas un rebond de balle, mais il rebondit un peu. C' est ainsi que vous créez une animation d'équilibre à l'objet. Si je devais le rendre plus exagéré, je peux rendre le rebond encore plus dramatique, le printemps encore plus dramatique. Faites glisser ça vers le haut. Voyons ce qui se passe. Je veux faire glisser cela encore plus haut et puis m'assurer que j'ai ces poignées pour contrôler une partie de l'animation, l'espacement de l'animation. Maintenant, nous allons prévisualiser. Maintenant, vous pouvez voir que nous avons quelque chose qui a beaucoup plus d'énergie par rapport à la précédente. Celle-là est plus élastique. Vous pouvez voir que ce type de courbe est le même que cette courbe de décomposition d'oscillation ici, la dernière partie de celle-ci. C' est ainsi que vous créez une anticipation, qui est la première image-clé ici à anticiper le mouvement. Ensuite, nous avons ces images clés ici pour la remise des gaz. Enfin, il est arrivé à la position finale, qui est la dernière image clé ici. 14. Animer avec anticipation: Maintenant, nous avons l'animation de la feuille. Finissons la révélation du logo. Je veux utiliser la même méthode. Mais je pense que ma feuille est trop grosse pour le logo. Je veux le rétrécir. Rends-le à nouveau à 100 pour cent. Assurez-vous que la trame clé finale se trouve sur 100 pour cent ici. Quelque chose comme ça là-bas. Alors je vais vous donner d'autres exemples. Maintenant, je vais animer la propriété position. Je peux appuyer sur P sur le clavier, cliquez avec le bouton droit de la souris sur Dimensions séparées, assurez-vous que vous séparez les cotes lorsque vous utilisez le graphique de valeurs. Alors tout ce que je dois faire est d'animer cette position x ici, appuyez sur X pour ajouter une image clé ici. Je veux m'assurer d'où est la position finale. Ça devrait commencer à 960. Ensuite, après quelques images, il passe par ici. Ce sera la position finale. Je ne sais pas pourquoi ma feuille est en quelque sorte décalée vers le bas pour qu'elle ne s'aligne pas correctement avec mes autres couches. Puisque je n'ai pas de cadre clé sur la position y, je peux juste corriger l'alignement ici. Ce sera ma position finale à la feuille, et là j'ai eu la position initiale ici. Assistant d'images clés, Easy Ease, allez dans l'éditeur de graphiques. Cliquez sur la position x. Je veux voir combien de cadres c'est. Il n'y a que trois images. Trop peu. Je dois leur donner plus de temps. Je veux voir tous les cadres clés. Aussi c'est encore trop élevé, j'ai besoin de tirer celui-ci un peu plus vers le bas. Tirez celui-ci un peu plus vers le bas. La feuille est encore élastique et après qu'elle s'installe, je veux que cela commence à bouger à gauche. Donnez-lui 10 cadres. C' est 10 images. Retournez à l'éditeur de graphique, donnez-lui de l'anticipation après peut-être deux images, maintenez la commande enfoncée, puis faites un clic gauche, faites glisser cette image clé vers le haut. Ce sera notre cadre clé d'anticipation. Je veux exagérer ce mouvement aussi parce que la feuille est plus élastique. Je veux que tous les autres éléments de ce logo ressemblent à l'animation sur la feuille. Maintenant, je suis sur la deuxième dernière image ici, ajoutez une autre image clé, donnez-lui un dépassement ici, comme ceci. Ensuite, assurez-vous de tirer sur la poignée du graphique pour ajuster l'espacement de sorte que cela va avoir plus d'énergie. Quelque chose comme ça. Prévisualisons. Joli. Maintenant, je veux juste animer cette ligne incurvée ici. Appuyez sur P, cliquez avec le bouton droit sur Dimensions séparées Assurez-vous qu'il s'agit de la position finale, la position x de la ligne, puis retournez en arrière. Déplacez-le vers la droite. Assistant d'images clés, Easy Ease, allez dans l'éditeur de graphique, position x, puis donnez-lui un dépassement. Donne-lui ce dépassement. Ça va être subtil. Je veux juste un subtil dépassement ici. Faites glisser ces poignées pour manipuler l'espacement. Ensuite, je vais vous présenter autre chose, l'Alpha Matte. Qu' est-ce qu'un Alpha Matte ? Fondamentalement, ce que vous faites c'est que vous créez juste une forme ici. Ensuite, assurez-vous d'avoir un remplissage dans la forme. Je peux éteindre la course. Je maintiens juste Option enfoncée, puis cliquez avec le bouton gauche pour éteindre le trait là. Ensuite, avec ce calque de forme, le mat sur le dessus de cette ligne de courbe, je peux tourner la ligne de courbe, descendre ici, cliquer sur cette deuxième icône et vous pouvez voir qu'il y a un commutateur Track Matte. Ensuite, je peux utiliser un Matte Alpha, ce qui signifie que partout où ce rectangle est visible, le calque en dessous il sera visible. Ensuite, partout où ce calque n'est pas visible, le calque en dessous n'est pas visible. Ce qui veut dire, au début, et vous pouvez voir ici, mon rectangle est par ici, mais ma ligne de courbe est tout en dehors du rectangle. Si je l'éteins, vous verrez que ma courbe est en dehors de ce rectangle, donc si je mets le Matte Alpha, il va être caché. Puis une fois qu'il entre dans ce rectangle, va apparaître sur l'écran. C'est ce dont j'ai besoin. Quelque chose comme ça. Maintenant, vous pouvez voir qu'il y a un dépassement sur cette couche de ligne de courbe également. Nous allons probablement utiliser Alpha Matte plus dans les futures leçons, alors ne vous inquiétez pas si vous ne comprenez pas l'Alpha Mattes. On en parlera plus tard. C' est ce que j'ai. Ensuite, je veux animer ce calque Bella, appuyez sur P, cliquez avec le bouton droit sur Dimensions séparées. Je veux animer la position x. Assurez-vous d'avoir une trame clé. C' est la position finale et ensuite revenir en arrière, peut-être par ici. C' est là que ça va commencer à bouger. Faites glisser tout le chemin vers la gauche. Ensuite, cliquez avec le bouton droit de la souris sur Assistant d'images clés , Easy Ease, allez dans l'éditeur de graphique , position x, allez pour trois images ajouter une image clé, puis assurez-vous qu'il s'agit de l'image clé d'anticipation. Tu sais quoi ? Je ne pense pas que ce cadre clé est encore nécessaire, parce que je veux que ces textes Bella disparaissent de l'écran quand la feuille vient à gauche, ce Bella juste tirer vers la droite. Nous ne pourrons pas voir cette anticipation. Je n'ai pas besoin de ça, je peux supprimer ça. Retournez et revenez et ensuite, je n'en ai plus besoin. Mais on pourra voir la remise des gaz. Retournez trois images clés, ajoutez un cadre clé , puis assurez-vous d'ajuster la poignée. Quelque chose comme ça. Vous pouvez voir qu'il y a des dépassements, et j'ai l'impression que c'est trop. Je veux zoomer dessus. Avancez deux images, puis ajoutez une autre image clé. Ce sera ma position finale afin que je puisse faire glisser celui qui l'avant vers le bas un peu pour lisser la courbe. Voyons ce qui se passe ici. Quelque chose comme ça. Ça a l'air sympa. Ensuite, je peux animer cette beauté naturelle, frapper sur P, position, clic droit sur Dimensions séparées. Maintenant, ce que je dois faire, suffit de copier cette position x, Commande C, aller à la couche Beauté Naturelle, mettre l'indicateur à l'avant, cette première image clé ici, aligner cela, puis coller dans la clé cadre. Maintenant, il va s'animer de la même manière à ce calque Bella. Maintenant, ce que je dois faire est juste d'ajouter un Matte Alpha pour qu'il n'apparaisse pas ici. Il n'apparaît que sur le côté droit de cette feuille ici. Allez dans cet outil rectangle, dessinez un rectangle ici pour couvrir cette position finale et mettez-le sur ce calque Bella, ce sera le Matte Bella. Puis dupliquez, Commande D, mettez-le au-dessus de cette couche de beauté naturelle, ceci est une beauté naturelle mate. Ensuite, tout ce que nous avons à faire est d'aller à ce calque Bella, définir le Matte de piste sur Alpha Matte, puis d'aller dans le calque Beauté naturelle, définir le Matte sur Matte Alpha. Ensuite, ce que je veux faire est de mettre la couche de feuille sur le dessus pour qu'elle couvre tout le reste. Je pense que j'ai accidentellement changé la position de cette couche de beauté naturelle. Tout ce que j'ai à faire est d'aller à l'une des images clés, puis de les sélectionner tous. Modifiez la position x de sorte que tout bouge complètement. C' est bien. Alors ce que je veux faire en fait est de tout déplacer vers l'avant d'un cadre afin qu'il n'y ait rien sur le cadre comme zéro seconde. Ensuite, ma feuille vient de sortir sur l'écran et puis pop up. Un autre petit problème que j'ai trouvé, à la première seconde par ici, je peux encore voir que y vient de la ligne Natural Beauty. Ce que je veux faire est juste de faire glisser cette position x encore plus loin vers la gauche afin qu'elle soit complètement en dehors de cet Alpha Matte et ne s'affiche pas à l'écran. D' accord. C'est à notre logo révélateur et la démonstration sur l'anticipation et les dépassements. 15. Bonus de révélation de logo: Je pense faire autre chose pour aller encore plus loin, plus attrayant. Ce que je veux faire, c'est pour la feuille, ça va être simple, nu avec moi. Dupliquez la commande D, puis allez à U, puis supprimez simplement la position X. Je veux juste que ça apparaisse et disparaisse. Donc c'est l'échelle et ensuite aller quatre, peut-être cinq images. Changez à zéro, disparaissez. Coupez ça, quelque chose comme ça. Maintenant, ce que je veux faire est de dupliquer un tas d'entre eux et de le disperser autour de l'écran. Comme ça, donne-lui un hasard. Faites simplement glisser certains des calques vers l'avant et vers l'arrière afin qu'ils ne viennent pas en même temps. Donnez-lui un peu de hasard. Voyons ce qui se passe. Je ne sais pas si je suis folle. Tu sais ce que je veux faire ? Je veux couper ces couches à l'avant de vos cadres pour que la feuille bouge déjà quand elle se lève. Parce qu'en ce moment, comme il se trouve en ce moment aux premières images zéro pendant une seconde, la feuille apparaît sur l'écran, mais elle ne bouge pas. Donc, cette pause, ça a l'air très contre nature. Ce que je veux faire, c'est couper un peu. Couper, couper. Cette coupe, celle-là , celle-là coupée. Voyons ce qui se passe. Je veux que ça disparaisse plus tôt. trois derniers, je voulais disparaître plus tôt ne pas interférer avec l'animation de mon logo. Quoi qu'il en soit, il y a juste quelque chose de plus à penser. Si tu n'aimes pas cette épice supplémentaire ici, tu peux juste l'enlever, et oui si tu n'aimes pas ça, tu ne peux pas faire la dernière partie. Mais tout ce que je voulais démontrer, c'est comment utiliser l'anticipation et les dépassements. Voilà, tu y vas. C'est tout pour cette leçon. Allons à la vidéo suivante. 16. Démo d'un projet réel 1.1: Temps amusant et temps de projet. Dans cette leçon, nous allons utiliser tout ce que nous avons appris jusqu'à présent pour animer cette illustration, une très courte, peut-être seulement dix secondes, et voir ce que nous pouvons faire. Sans plus tarder, nous allons entrer. Maintenant, après les effets et j'ai déjà cette composition d'animation de cassette créé. Ce que je dois faire est, double-cliquez sur ce panneau de projet de gauche ici juste pour charger mon casque fichier Illustrator, assurez-vous que nous l'importons en tant que composition, puis cliquez sur Ouvrir, double-cliquez sur cette composition. Vous pouvez voir que nous avons tous ces calques séparés. Chacun est sur sa propre couche séparée. Je vais tous les sélectionner Commandement C, revenir à l'animation de la cassette. Ce sera la composition principale dans laquelle nous allons animer. Nous pouvons fermer le casque, mettre les écouteurs dans la SS, mettre ce dossier de casque deux couches dans les actifs pour rendre mon panneau de projet propre et bien rangé. Enregistrez le projet. Tout d' abord, renommons les calques. Celle-ci, Production Sound. Celle-ci, Cassette, Background. On peut verrouiller l'arrière-plan pour l'instant, n'en a pas besoin. Ensuite, pour la cassette, pour l'instant, utilisons une cassette verte ici. Le vert, je veux déplacer le vert au centre. Assurez-vous que ce point d'ancrage est au centre de cette cassette. D' abord, je veux animer cette cassette. Cachez tout le reste sauf la cassette verte. Je veux que ça apparaisse sur l'écran ou peut-être par le haut. Allez à la position, cliquez avec le bouton droit sur Dimensions séparées. Mettez une position Y, avancez 15 images, 1, 2, 3 , 4, 5, et puis ce sera la position finale de ma bande. La position initiale va être en dehors du cadre, quelque chose comme ça. Quand il se déplace vers le bas, assurez-vous d'avoir une remise de gaz. Reculer, trois à quatre images, ajouter une image clé, dépasser, suivre ces poignées. Assurez-vous de changer l'espacement pour lui donner plus d'énergie. Voyons à quoi ça ressemble maintenant. air bien, sauf que je pense que c'est trop exagéré. Tirez-le un peu en arrière. J' aime ça. Tu sais quoi ? Je pense que ce que je veux faire est de laisser ce casque glisser dans le cadre et ensuite celui-ci pop-up. Je veux déplacer un peu cette cassette pour que celle-ci entre en premier, le casque arrive en premier. Cliquez avec le bouton droit sur les Pour celui-là, je voulais glisser de droite. Assurez-vous d'avoir une position X. Optez pour 15 cadres, 1, 2, 3, 4, 5. Ce sera la position finale. Non seulement la position X, je veux aussi animer la rotation. Maj R, tirez vers le haut la valeur de rotation, mettez un cadre clé là. Au début, ça va être à l'extérieur du tableau d'art, il va glisser dans. Quand il glisse, je veux qu'il y ait une rotation dessus. Tout d'abord, faisons la position X. Assistant d'images clés, facilité facile. Allez dans le graphique des valeurs, double-cliquez sur la position X, choisissez le graphique à afficher. Assurez-vous que nous avons un dépassement. Faites glisser un peu vers le bas, puis tirez sur la poignée. Prévisualisons ça, ouais, quelque chose comme ça. Maintenant, nous pouvons nous inquiéter de la valeur de rotation. Allons à la rotation. Cliquez avec le bouton droit de la souris sur Assistant d'images clés. Je veux m'assurer que la valeur de rotation s'aligne avec la remise de gaz. À cette position ici, je veux que cela dépasse la direction opposée, un peu comme ça. À partir de plus 17, puis dépasser sept négatif, retour comme 0. Cliquez avec le bouton droit de la souris sur Assistant d'images clés. Voyons voir, prévisualisez ça. Maintenant, ce que je dois faire est de compenser cette rotation. Parce que quand vous y pensez, il y a toujours le retard de décalage en réponse. Quand il s'arrête à des dépassements de position X, il devrait y avoir un décalage d'une image ou de deux images pour que la rotation se produise. Ces deux-là sont trop proches, donc je veux faire glisser cela un peu plus loin pour qu'ils ne soient pas trop proches l'un de l'autre. Maintenant, vous pouvez clairement voir qu'il y a un règlement. C' est tout à des fins de démonstration. Je veux juste vous donner une idée de la façon de travailler avec les courbes et aussi l'anticipation et le dépassement de puissance. Après que ce casque soit en place, je veux que la cassette apparaisse. Je veux faire glisser ça là et puis il descend. Ressort un peu, puis s'installe en position, peut être après une demi-seconde, il pop plus grand. Commande S, allez à la propriété scale, vous assure que vous pouvez aller de l'avant 15 images, 1, 2, 3, 4, 5. Alors peut-être le changer plus grand à 240 pour cent de l'échelle. Cliquez ensuite sur les deux images clés, Easy Ease. Allez dans l'éditeur de graphiques, assurez-vous d'avoir une anticipation ici. Descendez, faites simplement glisser la courbe, puis ajoutez un dépassement. Tu vois ça ? Elle est apparue. Ensuite, je veux déplacer cette cassette tout le chemin vers le haut, donc quand elle est apparue, je veux que le casque se rétrécit et disparaisse derrière lui. Allez dans le casque, puis déplacez S, affichez la propriété de l'échelle. Quand la cassette devient plus grande, je veux que le casque se rétrécit et disparaisse. Assurez-vous que sur le casque, nous allons ajouter de l'anticipation et des dépassements. Peut-être deux cadres d'anticipation, c'est trop grand. Ajoutons en 102 anticipation et puisque le dépassement va aller derrière la cassette, nous ne pouvons pas vraiment voir quand il s'installe en position. Nous n'avons pas besoin d'ajouter un dépassement à cela. Je veux également qu'ils se produisent en même temps afin que je puisse faire glisser l'image-clé plus tôt. Quand la cassette devient plus grande, je veux que ce casque commence à se rétrécir. 17. Démo d'un projet réel 1.2: Maintenant, la prochaine chose que je veux faire est juste de passer entre ces différentes couleurs, la cassette. La façon de le faire est, tout d'abord, je veux animer la position X ici. Allez sur la cassette verte. Allez au calque vert ici, ajoutez une position X ici, optez pour 15 images. Déplacez-le vers la gauche. Comme je bouge, vous pouvez voir le casque est toujours sur l'écran, donc j'ai besoin de couper cette option de couche droite support carré. Pour couper ce calque, faites-le glisser un peu plus loin, coupez-le ici de sorte que lorsque ce calque se déplace vers la gauche, vous ne voyez plus le casque. Mais ce que je dois faire en tant qu'assistant d'images clés facilité aller à l'éditeur de graphiques, ajouter une anticipation, faire glisser vers le haut, ajuste la poignée ici, veille à manipuler l'espacement pour lui donner plus d'énergie et de vitesse. Joli. Ensuite, nous pouvons tirer vers le haut le rouge, mettre le point d'ancrage au centre de la cassette. Maintenant, je veux m'assurer qu'ils sont de la même taille, maintenant le vert est mis à l'échelle à 240 pour cent, donc je veux que le rouge soit mis à l'échelle à 240 pour cent aussi. Pour la cassette rouge, je voulais qu'elle soit au même niveau, à la même position que la cassette verte, ce qui signifie que je dois mieux les aligner. Quelque chose comme ça, ça marche. Ensuite, je veux aligner le bleu et le jaune aussi. Mettez-le sur le dessus, pour le bleu, assurez-vous que le point d'ancrage est au centre. Faites glisser le point d'ancrage. Ensuite, le jaune, faites glisser le point d'ancrage vers le centre. Allez à la propriété d'échelle, changez-la en 240. Allez à l'échelle à nouveau, changez-le à 240. Maintenant, nous avons ces cassettes différentes de la même taille. Je veux juste les aligner mieux. Comme la cassette verte se déplace hors de l'écran, je peux utiliser ces images clés de position D3 X je pense, Commande C et ensuite la copier sur le calque rouge, Commande V. Maintenant, ce dont j'ai besoin, ce n'est que les images clés de début pour que le rouge entre, et je veux mettre une image clé sur le X, revenir en arrière quelques images. Déplacez la position X vers la droite pour que la bande vienne de la droite. Entrez comme ça, et maintenant je veux sélectionner les deux images-clés. Allez dans l'éditeur de graphiques, assurez-vous que j'ai un dépassement. J' ai l'impression que c'est trop rapide, donc je dois lui donner plus de temps pour qu'il ralentisse un peu pour correspondre quand il quitte l'écran. Quelque chose comme ça, et maintenant j'ai juste besoin de le déplacer un peu. Lorsque l'écran sort, le rouge entre en jeu. Puis il suffit de copier toutes ces images clés au jaune et au bleu, sorte que le rouge sort, le jaune entre, et quand le jaune sort, le bleu entre. Maintenant, nous allons prévisualiser ceci. Ça a l'air sympa. Bien que je veux toujours m'assurer qu'ils sont au même niveau. Je veux juste dessiner une règle Commande R. Maintenant, vous voyez une règle sur le dessus et ensuite je veux juste tracer une ligne ici pour m'assurer que toutes ces cassettes sont au même niveau. Cette ligne jaune est un peu plus basse, donc j'ai besoin d'ajuster la position Y pour l'élever plus haut. Ensuite, ce bleu aussi, ajustez la position Y, déplacez-le vers le haut. Vous voyez qu'il n'y a pas d'image-clé sur la position Y, donc vous ne gâcherez pas avec les images-clés de position X. C' est beau. Maintenant, je n'ai plus besoin des trois dernières images clés pour qu'elle quitte l'écran. Je veux juste le garder là et où est mon casque ? Je voulais dupliquer la commande D du casque, tirer dessus, puis supprimer toutes les images clés. Supprimez toutes les images clés ici. Je veux agrandir ce casque, quelque chose comme ça. Alors tout ce que je veux faire est juste d'animer la position Y. Aller à l'arrière, 15 images. Je voulais descendre. Cliquez avec le bouton droit sur l'assistant d'images clés, facile est d'aller à l'éditeur de graphiques. Assurez-vous que nous avons un dépassement ici parce que nous ne serons pas en mesure de voir l'anticipation, c'est déjà dehors. Vous voulez juste prévisualiser cette partie, alors cliquez sur B ici. Ça va seulement me montrer un aperçu de cette partie de l'animation. C' est bien. C' est ce que je veux. Quand le bleu arrive, s'installe, je veux que les écouteurs tombent comme ça et ensuite je veux que mon calque de copie apparaisse. Ce que je veux faire, c'est la même chose. Il est juste d'animer la position Y, cliquez avec le bouton droit sur les cotes séparées. Position Y, avancez un peu. Déplacez-le vers le haut, puis cliquez avec le bouton droit sur l'assistant d'images clés Facilité d'accès à l'éditeur de graphique, ajustez le graphique à afficher, puis ajoutez un dépassement. Ça a l'air bien. Copiez ensuite les trois images clés, collez-les également sur ce calque de texte, sorte qu'elles vont animer de la même manière, puis décaler le premier calque pour que cela se produise un peu plus tard. Maintenant, ce que je dois faire est juste d'ajouter un mat de piste. C' est mon alpha mat, puis dupliquez-le, mettez-le sur cette cassette et ensuite Y sur la production sonore. Ensuite, allez sur la cassette, assurez-vous de la régler sur alpha Matte, puis la production sonore, assurez-vous de le régler sur alpha mat également. Maintenant, nous pouvons voir quand ils entrent cette zone rectangle va apparaître. Une autre chose est pour la production sonore, moment vous pouvez voir qu'il se chevauche avec la cassette, donc je veux déplacer ce rectangle encore plus bas jusqu'à ce qu'il ne se chevauche pas avec la cassette, sorte que les lignes peuvent ajouter drop, il va maintenant apparaître quand il se chevauche. Revenons au début et voyons ce que nous avons. Voilà, c'est notre animation. C' est aussi notre démonstration sur la façon d'utiliser l'anticipation et le dépassement, l' un des principes d'animation très importants. Vous pouvez l'utiliser pour presque tout, peu importe ce que vous animez, vous devez les appliquer à l'animation pour la rendre lisse, puis lui donner du caractère. C' est tout pour cette leçon. Allons à la suivante. 18. Devoir : Anticipation: Bienvenue, tout le monde, voici notre temps de mission. Dans la dernière vidéo, je vous ai montré comment animer avec anticipation et dépassements, et maintenant c'est à vous de pratiquer les choses apprises dans les leçons précédentes. Ici, nous avons un document déjà configuré pour vous, et maintenant vous pouvez voir que nous avons une composition Affectation 3. Dans cette composition, j'ai toutes ces couches séparées pour vous. Vous pouvez simplement sauter à droite, commencer à animer. Gardez à l'esprit de pratiquer tout ce que nous avons appris jusqu'à présent. Essayez de l'animer avec un graphique de valeur ou un graphique de vitesse, selon celui que vous voulez, puis n'oubliez pas d'utiliser le dépassement et l'anticipation. C' est ce qu'est ce projet. Amusez-vous simplement avec ce design et faites ce que vous voulez. Avant qu'on y aille, je veux te montrer encore une chose. Si vous voulez animer l'arrière-plan, toutes ces feuilles ici, en arrière-plan, voyons si je peux aller au calque 5. C' est une feuille d'érable ici. J' ai étiqueté toutes ces feuilles de fond avec une étiquette jaune pour qu'il soit plus facile d'être reconnu. Supposons que vous vouliez animer cette feuille ici, l' un des effets que vous pouvez utiliser dans les effets et le panneau prédéfini ici. Si vous ne l'avez pas sur le côté droit, vous pouvez aller dans Windows, puis choisir Effets et préréglages ici. Vous pouvez rechercher Bend, utiliser CC Bend It. Avec votre calque sélectionné, double-cliquez dessus et maintenant vous pouvez voir la feuille disparaître. Nous voulons aller par ici sur le côté gauche, aller dans ce panneau de contrôle des effets. Ensuite, assurez-vous de cliquer sur l'ancre Start ici. À la fin de la feuille, la queue de la feuille, puis mettre l'extrémité sur la pointe de la feuille. Maintenant, vous pouvez voir qu'une partie est coupée ici. Si je fais un zoom avant, vous pouvez voir qu'il y a cette partie qui est coupée. Je peux facilement ajuster ces deux points ici pour m'assurer que toute ma feuille est visible. Maintenant, ce que je peux faire, c'est que je peux animer cette valeur de pliage. Si je change la valeur de pliage, vous pouvez voir que la feuille est en train de se plier. C' est comme ça que vous pouvez animer quelque chose plier et dire si je veux animer la feuille, je peux mettre 20 comme 0 secondes. Appuyez sur le chronomètre pour ajouter une image clé , puis appuyez sur U sur le clavier pour afficher l'image clé. Allez pendant 10 secondes, et puis je peux mettre une valeur comme négative 10. Alors peut-être aller pour cinq images, 1, 2, 3, 4, 5. Mettez une valeur comme quatre, puis 1, 2, 3. Trois images après, j'ai mis la valeur comme deux négatifs et puis peut-être deux autres images, mettre la valeur comme zéro, c'est comme l'oscillation que nous avions avant. Si je clique avec le bouton droit de la souris sur l'assistant de trame facile facilité et aller dans l'éditeur de graphique, vous pouvez voir que c'est notre oscillation pour la feuille. Maintenant, je veux faire glisser ces poignées pour m'assurer que nous avons changé l'espacement. Maintenant, je peux animer la valeur de position, appuyer sur Maj P sur le clavier, et cliquer avec le bouton droit de la souris sur des cotes séparées. Revenez à la vue de l'image clé. Je peux ajouter dans l'exposition et aller de l'avant cinq cadres, 1, 2, 3, 4, 5. Assurez-vous que dans le cinquième cadre, la feuille est déjà à l'intérieur du cadre. À zéro seconde, je veux le faire glisser à l'extérieur pour qu'il tire vers la droite. Sélectionnez les deux images-clés, cliquez avec le bouton droit de la souris sur l'assistant d'image clé, facilité. Allez dans l'éditeur de graphiques. Maintenant, je veux avoir une courbe comme celle-ci pour que la feuille s'assouplit en position. Maintenant, nous allons prévisualiser et jeter un coup d'oeil. Prévisualisons la première seconde. C' est à ça que ça ressemble. Maintenant, vous avez une oscillation sur la feuille, cela lui donne un peu plus de vie. Tu vois ça ? Ok, ça a l'air bien. Dites que si je veux appliquer cette feuille sur cette couche 6, tout ce que j'ai à faire est de copier. Je ne peux plus utiliser la valeur x parce que celle-ci devrait venir du bas, donc la position y doit être animée. Cependant, je peux toujours utiliser la trame clé de la propriété Bend. Tout ce que j'ai besoin de faire est d'aller à la propriété de valeur de pliage ici, commande C, copie, puis aller à zéro seconde. Cliquez sur ce calque 6, qui est cette feuille ici, puis collez-le dans. Maintenant, vous pouvez voir la feuille disparaître parce que nous n'avons pas changé la position des valeurs de début et de fin. Je dois mettre le début à l'extrémité de la queue de la feuille, puis je dois mettre la fin à la pointe de la feuille. On peut appuyer sur U sur le clavier pour afficher l'image clé, nous allons prévisualiser. Il y a déjà un mouvement d'oscillation de la couche 5 que nous venons d'animer. que nous n' ayons pas à tout réanimer, il suffit de copier l'image-clé des effets de flexion sur le nouveau calque. C' est ce que nous devons faire, et si ce calque vient du bas, vous devez animer la position y au lieu de la position x pour cette feuille particulière. Quoi qu'il en soit, c'est tout ce que je veux vous montrer pour cet exemple et cette mission. Si vous voulez animer l'arrière-plan, c'est comme ça que vous le faites, et tout ce que vous devriez pouvoir gérer en les animant seul avec les choses que vous avez apprises dans la leçon précédente. J' espère que vous vous amusez beaucoup avec cette animation et j'ai hâte de voir ce que vous venez avec. 19. Explication du rebond de la balle: Bienvenue de retour. Aujourd'hui, nous allons apprendre à faire un rebond de balle. Le consensus général que, si vous voulez vraiment être un vrai animateur, vous aurez besoin d'apprendre à faire un rebond de balle. que j'ai trouvé est assez précis parce qu'il y a tellement de scénarios où vous avez besoin de cette technique, la technique de rebond de balle pour animer des objets. C' est pour ça qu'on est ici aujourd'hui. Dans cette leçon, je veux vous montrer comment fonctionne le rebond de la balle. Ensuite, je vais vous montrer comment l'animer dans After Effects dans la prochaine vidéo. Je suppose qu'une question plus importante ici est quelque chose je veux que vous vous souviez toujours en tant qu'animateur, c'est-à-dire que vous devez penser à ce qui fait bouger les choses. Quelles sont les forces qui agissent sur l'objet et comment traduire cette force en animation. Quand on pense au rebond de la balle, je pense que la force principale qui agit sur la balle va être la gravité. La gravité tire la balle vers le bas. Puis chaque fois que la balle frappe le sol, va perdre une partie de l'énergie et puis il va rebondir, rebondir, rebondir jusqu'à ce qu'elle s'arrête sur le sol. Disons par exemple, cette balle que nous avons ici, et ça va être une balle normale comme, qu'est-ce qu'une balle normale ? Ce sera quelque chose qui n'est pas trop lourd et pas trop léger, pas trop rebondissant, peut-être une balle de golf. Ensuite, j'ai une balle ici, si elle tombe, elle va tomber comme ça, frapper le sol, puis rebondir une fois, puis rebondir une autre fois, et puis légèrement ça va perdre de l'énergie. Légèrement, comme ça, puis juste s'arrêter sur le sol. Ça va être notre rebond général pour une balle normale. Deux choses dont je veux que tu te souviennes ou deux choses les plus importantes pour un rebond de balle. Tout d'abord, quand la balle tombe, elle va perdre de l'énergie. C' est pourquoi vous voyez la balle frapper le sol et ensuite la balle va s'équilibrer de plus en plus bas, chaque fois, jusqu'à l'arrêt final sur le sol. Ensuite, la deuxième chose est que, l'angle que la balle frappe le sol, l'angle est le même angle que la balle quitte le sol. Si je dessine une ligne centrale ici, au centre, cet angle sera le même que cet angle ici. Si je dessine une ligne ici au centre ou même dans chacun de ces points touchants, excusez mon mauvais dessin. Mais techniquement parlant, cet angle va être le même que cet angle. Alors cet angle sera le même que cet angle. L' angle que la balle frappe le sol est le même angle que celui qui quitte le sol. C' est la deuxième chose importante dont je veux que tu te souviennes. Nous sommes bons avec cet exemple. Maintenant, passons au deuxième exemple, qui va être une balle lourde. Dessinons peut-être une plus grosse balle ici, une balle plus lourde. Quand cette grosse balle tombe va tomber dans une courbe, quelque chose comme ça. Tombez sur le sol. Quelque chose comme ça. Il va tomber sur le sol et ensuite il va probablement rebondir et rebondir comme ça. Si vous pensez à une boule de bowling, c'est comme ça qu'une boule de bowling va tomber. Il va probablement sauter une fois, un peu plus haut, puis quelques fois de plus, vraiment, vraiment bas, laissant à peine le sol et puis jusqu'à ce qu'il s'arrête sur le sol. C' est une boule de bowling qui rebondit. Troisièmement, nous avons une balle rebondissante légère. Celle-là peut être comme une petite boule gonflable. Si cette balle est rebondissante, donc quand elle tombe sur le sol, elle va rebondir encore plus haut. Chaque fois, bien qu'il perde une partie de l'énergie, mais il ne perdra pas autant d'énergie que les deux balles précédentes. Quelque chose comme ça. Cette balle va sauter, sauter, sauter, sauter, sauter, sauter. Excusez mon mauvais dessin. Mais je veux juste essayer de transmettre l'idée, comme celle-ci. Pour être honnête, ce n'est pas très précis parce que lorsque la balle rebondit frappe le sol, au lieu d'une ligne droite pour chaque point supérieur de ces courbes, au lieu de former une ligne droite, elle devrait former quelque chose comme une courbe de désintégration, comme ceci. Il me semble que ma courbe ici, le graphique ici, ressemble à une ligne droite mais ce ne devrait pas être une ligne droite, devrait être une courbe de désintégration comme celle-ci. Si je dessine une ligne ici, c'est ma courbe de désintégration ici. Courbe de désintégration. Si je dessine la balle rebondit ici sur le graphique plus petit, il devrait ressembler à cela. Chaque fois, il va juste perdre une partie de l'énergie, jusqu'à ce qu'elle s'installe. Ce ne sera pas exactement la même que cette courbe de désintégration, c'est juste, général, il ne formera pas une ligne droite, devrait être une courbe de désintégration comme celle-ci. Voilà trois des exemples que je veux vous montrer aujourd'hui dans cette leçon. Ça va être une balle légère rebondissante et puis nous avons une boule de bowling plus lourde, puis juste une balle normale et régulière. C' est tout avec cette leçon, prochaine vidéo, je vais vous montrer comment faire cela dans After Effects. 20. Animer le rebond d'une balle: Dans cette leçon, je vais vous montrer comment animer un rebond de balle dans After Effects. Comme vous pouvez le voir, j'ai déjà une mise en scène, et puis j'ai cette petite balle ici au centre, la jaune, et puis cette plus grosse balle qui a l'air plus lourde. Aujourd'hui, je veux juste vous montrer comment animer ces deux ballons rebond. Tout d'abord, je dois mettre le point d'ancrage au centre de la balle. Je veux juste la mettre au centre comme ça, et puis cette balle ici, je veux mettre ce point d'ancrage au centre de la balle. Tout d'abord, animons cette petite balle ici. Ça va être le terrain. Utilisons une ligne pour marquer où se trouve le sol afin qu'on ne rentre pas dans le sol. Accédez à Position, propriété P, puis cliquez avec le bouton droit sur « Dimensions séparées ». Donc la balle, nous allons seulement animer sur la position Y d'abord pour le rebond. Définissons une image clé sur la position Y, avançons 15 images, 10, 1, 2, 3, 4, 5, 15 images, et faites glisser ces images clés sur la marque 15 images, puis revenons à zéro seconde, soulevez ce ballon en haut. Je peux le laisser tomber de l'extérieur comme ça. Maintenant, ce que je veux faire, c'est que la balle rebondisse toutes les 10 images, disons. Allez pour 10 images. La balle va toujours être sur le sol, donc à chaque fois, elle va juste frapper le sol. Donc 10 images au sol, 10 images, il suffit de copier cette image-clé, et de copier cette image-clé. J' ai donc mis une image-clé toutes les 10 images, mais la balle ne bouge pas sa position parce qu'elle frappe toujours le sol. Ensuite, sélectionnons-les tous, Keyframe Assistant, Easy Ease, allez dans l'éditeur de graphiques. Tout d'abord, assurons que nous sommes dans le graphique des valeurs, pas dans le graphique de vitesse, et ensuite nous travaillons seulement sur la position Y. Si vous y pensez quand la balle tombe, ça va s'accélérer. Donc cette courbe ici, cette poignée ici, devrait être quelque chose comme ça. Rappelez-vous que la pente est égale à la vitesse dans les graphiques valides, de sorte que la courbe sera plus raide et plus raide, ce qui signifie que la vitesse de l'objet se déplace de plus en plus rapidement. C' est ce qui arrive quand quelque chose tombe du haut, ça va aller plus vite, plus vite jusqu'à ce qu'il frappe le sol et perde une partie de l'énergie. Rappelez-vous dans la leçon précédente, je vous ai dit que chaque fois qu'il frappe le sol, l'angle quand il frappe le sol est le même quand il quitte le sol. Donc ce qu'il faut faire, c'est que nous devons faire glisser cet angle. Cet angle ici doit être le même que cet angle lorsqu'il frappe le sol. Donc, je veux essayer de faire quelque chose comme ce même angle, alors faites glisser ceci. Ensuite, il va aussi perdre une partie de l'énergie, ce qui signifie que chaque fois qu'il frappe le sol, il va sauter de plus en plus bas. Donc, je veux juste créer une courbe, quelque chose comme ça, et ensuite j'ai besoin de plus d'images clés. Je veux copier la commande C, puis aller pour 10 images, commande V, ajouter une image-clé, et juste modifier cette courbe ici pour rendre cette courbe plus subtile, et aller pour 10 images, copier et coller une autre image-clé. Je veux zoomer, rendre cette courbe très subtile. Bien que la courbe ne soit pas aussi agressive, elle est très subtile, je veux quand même m'assurer que l'angle qui va dans ce point ici est le même angle qui quitte ce point. Donc ici, je veux m'assurer que l'angle est correct, et aussi la balle perd de l'énergie. Donc, si j'adapte le graphique à voir, c'est à quoi il ressemble. Maintenant, nous allons prévisualiser et voir ce qui se passe. Cette balle en ce moment, c'est un peu lourd pour moi. Le deuxième saut est trop bas, donc je veux modifier et ajuster le second. Donc cette courbe ici est trop différente de celle-ci ici. Je veux le modifier et juste pour lui donner un pic plus élevé ici pour qu'il soit similaire à celui-ci. Je veux juste m'assurer que ça n'a pas l'air si lourd parce qu' on a une autre grosse balle pour la deuxième démonstration. Donc je veux que cette balle ne soit pas si lourde. Je veux que ce soit un peu plus rebondissant. Si vous voulez le rendre très rebondissant, vous pouvez rendre ces courbes si élevées, et ensuite chacune vous pouvez juste le faire perdre un peu de l'énergie, sorte que chaque courbe est encore très élevée. Dans ce cas, la balle va être super rebondissante. Prévisualisons à nouveau et voyons ce qui se passe. Vous voyez ? Drop, drop, drop. J' ai l'impression que le timing est un peu décalé. Je dois juste faire glisser toute la clé vers la gauche pour que tout se passe beaucoup plus vite en deux secondes. Donc voilà, c'est votre courbe de rebond de balle, quelque chose de similaire à celle-ci. Ensuite, je veux le faire, je peux cacher cette petite balle et puis cliquer sur cette grande, mettre la grande sur le sol, revenir à zéro seconde, et appuyer sur P sur le clavier, juste un revenir à zéro seconde, et appuyer sur P sur le clavier, clic droit Séparez les cotes pour ajouter une image-clé. Je veux que les images clés soient les mêmes que dans la petite balle précédente. Tout d'abord, je veux revenir à zéro seconde et puis laisser la balle juste peut-être tomber d'en haut. Puis quand il tombe, commande C, la commande V, juste copié cette position y, peut-être la coller quatre fois, parce que je ne pense pas qu'il va avoir le même nombre de rebonds que la balle précédente parce que celui-ci est trop lourd. Ensuite, il suffit de les sélectionner tous avec le bouton droit de la souris assistant d'images clés, Easy Ease, revenir à l'éditeur de graphiques. La même chose, la balle va accélérer dès le début et ensuite la courbe va être quelque chose comme ça. En passant, si en quelque sorte vos poignées sont jointes ensemble comme lorsque vous déplacez l'un d'eux, l'autre se déplace aussi, rappelez-vous que c'est C, convertissez les images clés sélectionnées pour le bézier automatique. Donc, une fois que vous cliquez sur celui-ci, ces deux poignées vont être jointes ensemble. Donc, vous ne seriez pas en mesure de les ajuster séparément. Dans ce cas, il est difficile de les manipuler en courbe comme une courbe rebondissante. Tout ce que vous devez faire est juste de maintenir Option sur le Mac ou Alt sur PC, puis votre curseur de la souris change en une flèche à deux lignes, et c'est alors que vous pouvez simplement faire glisser l'autre poignée et les casser. Une autre façon est de cliquer simplement sur l'une de ces icônes ici pour casser la poignée. moment, nous animons cette balle plus lourde ici. Je veux que l'énergie perde super rapidement. Maintenant, nous allons prévisualiser ceci. Encore un peu rebondissant, est toujours pas assez lourd. Rejetons un coup d'oeil. Ça me semble encore un peu rebondissant. Une autre erreur que je viens de faire est en ce moment que vous pouvez voir le moment de ces images clés sont les mêmes. Cependant, il ne devrait pas prendre le même temps pour qu'il rebonde pour chaque rebond unique. Parce que la balle perd de l'énergie, chaque rebond va prendre moins de temps à compléter. C' est pourquoi je dois déplacer ces images clés de plus en plus près les unes des autres au back-end. J' ai toujours l'impression que le premier rebond est trop élevé. Je veux juste le rendre encore plus bas et ensuite zoomer, utiliser Z sur le clavier pour zoomer, se rapprocher pour être plus précis avec les courbes. Essayons de voir si ça marche. Ouais, c'est assez lourd pour moi. La balle se sent déjà très lourde. Oui. C'est comme une boule de métal. Donc ça va être la courbe que nous avons pour une balle lourde. Ensuite, revenons à cette petite boule pour ajuster une partie de ce timing au back-end parce que cela ne va pas prendre le même temps pour chaque rebond au back-end pour se produire parce qu'il a déjà perdu une partie de l'énergie, n'est-ce pas ? J' ai donc besoin de saisir toutes ces images clés à l'arrière et de les rapprocher les unes des autres. Cela va prendre de moins en moins de temps pour que le rebond se produise. Tout ce que j'ai à faire, c'est de rassembler les images clés. Si je vais à la facture d'images clés, vous pouvez voir qu'elle est plus éloignée au début et ensuite lentement, lentement, ils se rapprochent juste l'un de l'autre. Présentons cette petite balle ici. J' ai l'impression que la première image est trop éloignée de la deuxième image, donc j'ai besoin de tout rapprocher l'une de l'autre. Alors j'essaie de faire sortir cette courbe. Quelque chose comme ça, s o que le premier rebond arrive plus tôt. Ouais, quelque chose comme ça. La prochaine chose que je veux faire est juste d'ajouter une position X à ce rebond de balle. D' abord, je vais déplacer ceci vers la gauche ici, ajouter une image clé, puis peut-être quand elle s'arrête, je vais faire glisser cette position X. Vous pouvez voir tout d'un coup nous avons toutes ces courbes. A quoi ça ressemble ? Tu te souviens de ça ? Est-ce quelque chose que j'ai tiré de la leçon précédente ? La balle serait juste tomber. C' est un exemple parfait d'un rebond de balle. Présentons ceci. Regarde ça. Donc c'est ma première balle. Ensuite, si j'ai ma deuxième balle ici, allez à l'avant, je vais juste ajuster la position X, définir une image clé là, puis aller à la fin. Faites glisser tout le chemin vers la droite, définissez une image clé là. Voyons voir, une autre balle rebondit. Ensuite, tout ce que nous devons faire est juste d'ajouter une rotation, déplacer R, mettre une rotation à la seconde zéro, puis peut-être 16 degrés. Voyons voir. J'ai besoin de le faire tourner plus. Je sens que la balle glisse, donc je veux revenir à la position X. Ensuite, nous allons en prévisualiser à nouveau. Très bien, voilà, c'est ton animation de rebond de balle. Vous pouvez également ajouter une valeur de rotation à la petite balle. Ce sera essentiellement la même chose que ce gros. Maintenant, vous pouvez déjà sentir le matériau que cette balle est assez lourde. 21. Rebondissement complexe de la balle: Dans la dernière vidéo, nous avons parlé de la façon d'animer un rebond de balle dans After Effects. C' est ce que nous obtenons de la dernière vidéo. Dans cette vidéo, je vais vous montrer comment animer un rebond de balle plus complexe. Allons à l'autre composition que j'ai ici. On y va. Nous avons la même scène ici, cependant, laissez-moi vous montrer quelle est l'animation que nous essayons de réaliser ici dans cette leçon. Maintenant, vous pouvez voir que ma balle interagit avec ces boîtes ici, elle a frappé un endroit, puis a frappé un autre endroit, puis elle monte à ce truc d'escalier, puis elle frappe ce mur et rebondit. C' est assez réaliste, donc dans cette leçon, je vais vous montrer comment animer ceci dans After Effects. Si je sélectionne toutes ces images clés ici, vous pouvez voir qu'il y a un chemin de mouvement vers cette animation, puis il ressemble à la courbe de rebond de balle que je vous ai montrée dans la classe précédente. La balle elle-même perd de l'énergie après chaque rebond, et aussi, l'angle lorsque la balle frappe le sol est le même angle que la balle quitte le sol. Ce sont les deux règles générales que nous devons suivre lorsque nous animons. Quoi qu'il en soit, je veux supprimer les images clés maintenant et puis vous montrer comment le faire. Maintenant qu'on a cette balle, j'ai frappé la balle ici dans la scène. D' abord, je veux descendre une règle pour savoir où est le sol. Ça va être mon terrain ici. abord, ce que je veux faire, c'est que je veux animer la position Y d'abord comme un équilibre général. Je ne veux pas animer X et Y en même temps, parce que cette affaire, si vous venez de commencer, va vous confondre parce qu'il y a tellement de choses à considérer. Pour faciliter les choses, animons simplement la position Y en premier comme un rebond de balle, un rebond balle droit vers le haut et vers le bas. Tout d'abord, nous pouvons ajouter une image clé ici à zéro seconde sur la position Y. Passez 15 images, un, deux, trois, quatre, cinq. Faites glisser cette image-clé jusqu'à la marque de 15e image, puis revenez à zéro seconde. Maintenant, je peux juste tirer cette position Y. Tirez la balle à l'extérieur du cadre pour que la balle tombe du haut, comme ça. Puis 15 autres images, un, deux, trois, quatre, cinq. Je veux juste copier cette position Y à nouveau, parce qu'après quand rebondir la balle va frapper le sol à nouveau. Commandement C, Commandement V, et peut-être encore 15 images, une, deux, trois, quatre, cinq. Commande V. droite la position Y ne change pas, elle a la même valeur. Un, deux, trois, quatre, cinq Command V. Nous allons cliquer avec le bouton droit de la souris sur l'assistant de trame facile, puis allons dans l'éditeur de graphiques. Assurez-vous que vous êtes dans le graphique de valeurs au lieu du graphique de vitesse, adaptez le graphique à afficher avec ce bouton ici. Maintenant, je veux juste changer cette courbe pour être une courbe de rebond. Souviens-toi, on a fait rebondir cette balle ici. Ensuite, si nous allons dans l'éditeur de graphique et puis tirons vers le haut la position Y. Un ballon va être comme ça. Je veux transférer cette courbe dans ce rebond de balle que j'ai ici. La balle va tomber du haut. Ensuite, je veux juste tirer ces poignées, assurez-vous que l'angle entrant dans le sol est le même angle que de quitter le sol. Peut-être que je veux ajouter un de plus, 15 images, un, deux, trois, quatre, cinq. Ensuite, maintenez la commande enfoncée sur le clavier, cliquez avec le bouton gauche de la souris, ajoutez une image clé. Juste ajuster légèrement cette poignée ici, parce que la dernière, l'énergie est en train de perdre et il n'y a pas beaucoup d'énergie à la fin, donc je veux que la courbe soit plus douce, très douce. Maintenant, vous pouvez voir que ça va être mon animation de rebond de balle. Permet d'afficher un aperçu et de voir à quoi il ressemble. J' ai l'impression que la troisième courbe ici, est trop basse. Je veux tirer ça un peu plus, assurant que nous avons encore l'énergie pour la dernière partie du rebond, nous allons en prévisualiser ça. Ouais, ça me semble mieux. Maintenant, ce qui va se passer, c'est que je vais ajouter le changement de position X. Pour que le ballon atteigne ce point de boîte, puis atteigne cette étape circulaire. Deuxièmement, j'ai besoin que la balle vienne de la gauche comme si quelqu'un jetait la balle dans la scène, non ? J' ai donc besoin d'un changement de valeur d'exposition. Maintenant, puisque lorsque j'ai frappé la position X, mon graphique de valeur de position Y n'est plus dans ce panneau graphique, cependant, j'ai besoin de voir cette position Y dans cet éditeur de graphique pour savoir ce qui se passe. Pour ce faire, nous avons cette icône ici. Si nous appuyons sur cette icône, le graphique de position Y sera toujours affiché dans cet éditeur de graphique. Bien que nous soyons dans le graphique de position X, ce graphique de position Y sera toujours dans cet éditeur de graphique. De cette façon, je peux utiliser cette position Y comme référence et ensuite je peux animer la position X. Maintenant, ce que je veux faire est juste de traîner cette balle. En ce moment, si je change juste la position X, vous pouvez voir que la balle se déplace vers la gauche. Je veux que cette balle bouge tout le chemin vers la gauche l'extérieur du cadre, puis y ajoute un cadre clé. Puis, autour des deux secondes, je veux faire glisser cette position X. Maintenant, vous pouvez voir qu'il y a une courbe rebondissante. vais me montrer ce qui se passe en ce moment, je veux juste le traîner jusqu'au bout. Quelque chose comme ça. Maintenant, quand je regarde cette courbe ici, je veux m'assurer que la balle quand elle descend, suivant cette trajectoire de mouvement, elle va frapper cette boîte d'abord et une manière ou d'une autre, elle va frapper la scène deuxième et l'énergie, l' élan va encore porter la balle pour frapper sur cette scène ici, cette boîte ici. Quand je regarde la courbe en ce moment, elle fait ce que je voulais, parce que la courbe en ce moment va amener la balle à ce stade ici. Cependant, la dernière partie de la trajectoire de mouvement ne va pas fonctionner parce que la balle va frapper cette partie et ensuite frapper sur ce mur ici et rebondir au lieu de continuer à aller de l'avant. Dans ce cas, nous devons animer et changer la position Y. Ce que je veux faire ici, c'est, juste faire glisser l'indicateur de chronologie et ensuite essayer de comprendre quand la balle a frappé cette boîte, à quel cadre la balle a frappé cette boîte là. Donc, par ici, si je fais simplement glisser un cadre de plus, il va vers le bas, je dois m'assurer que la balle va frapper la boîte à ce cadre ici. Je veux ajouter une image-clé sur la position Y, maintenez la touche Commande enfoncée sur le clavier, puis cliquez avec le bouton gauche de la souris sur ce graphique de valeur de position Y. Maintenant, je peux supprimer ce graphique parce que la balle ne va plus tomber, va rebondir. J' ai donc besoin que le rebond se produise à ce cadre ici, au lieu du cadre après. J' ai besoin de supprimer ce cadre, appuyez sur Supprimer sur le clavier. Maintenant, je veux ajuster légèrement cette image-clé pour m'assurer qu'elle touche cette boîte. Laisse-moi zoomer, je fais juste glisser ça de haut en bas pour manipuler la position Y. instant, je veux m'assurer qu'il a frappé cette boîte. Alors ce qui se passe, c'est que la balle va rebondir sur ce point, c'est pourquoi je dois faire glisser cette poignée. Cependant, en ce moment, les deux poignées sont connectées ensemble, quand je change une poignée, l'autre poignée change aussi, ce n'est pas ce que je veux. Je dois casser la poignée. Pour casser la poignée, je peux sélectionner cette icône ici, appuyez dessus et puis il va casser la poignée. Maintenant visuellement, nous pouvons voir la balle juste après qu'elle ait frappé la boîte, elle va rebondir, c'est ce que nous voulons. Ensuite, nous voulons juste que la balle continue d'aller de l'avant, frappe la scène, c'est ce que je veux, et ensuite peut-être que je veux que cette courbe aille encore plus haut. Essayons de faire cette courbe ici dans l'éditeur de graphique plus haut, faites-la glisser plus haut. Donc il y a encore beaucoup d'énergie qui transporte la balle à frapper sur cette boîte ici. Si je fais cette courbe plus haut, je ferais mieux de rendre cette courbe encore plus haute parce que je ne veux pas que ces deux courbes semblent trop similaires, ce qui signifie que l'énergie ne perd pas assez et cela la rend non naturelle, irréaliste. Toujours en s'assurant que l'angle est le même, puis il suffit de frapper ça et l'énergie va porter la balle sur cette boîte ici. Je veux trouver le point où la balle touche cette boîte, là-bas. Cependant, je pense que c'est trop à droite, j'ai besoin de la position X pour venir un peu plus à gauche, c'est pourquoi je veux changer à ce stade, les deux secondes. Je veux changer la position X vers la gauche, un peu plus pour donner à la balle plus de place sur cette boîte. Tu vois, au lieu de frapper presque au coin, je veux que la balle frappe plus à gauche. C' est quand la balle frappe, je veux ajouter une image-clé ici sur la position Y, maintenir la commande enfoncée sur le clavier, clic gauche, ajouter une image-clé, et maintenant nous pouvons supprimer cette image-clé ici. L' image-clé après, nous n'avons plus besoin de ça. Maintenant, la balle va rebondir à nouveau. Souviens-toi, je t'ai dit comment changer la poignée. Pour briser la poignée, utilisez cette icône ici. Une autre façon est que vous pouvez maintenir la touche Option enfoncée sur le clavier ou Alt sur le PC, puis vous voyez que le curseur a changé pour cette flèche ici. Maintenant, une fois que vous faites glisser la poignée, elle va casser cette poignée pour vous, je veux juste m'assurer que quand elle rebondit comme ça, elle aura moins d'énergie que le rebond précédent, peut-être quelque chose comme ça. Je veux toujours essayer de maintenir le même angle ici. Maintenant, quand il a rebondi sur ce mur là-bas, c'est là qu'il frappe. À cette seconde, la position X va changer. La balle va changer de direction, venant du côté gauche. Maintenant, j'ai besoin d'ajouter une image clé sur la position X, maintenez la touche Commande enfoncée sur le clavier, puis ajoutez une image clé sur la position X. Maintenant, je dois faire glisser cette position X bas pour m'assurer que le reste du mouvement va dans une autre direction opposée. Maintenant, puisque toute l'animation a duré trois secondes, je dois faire glisser cette dernière image clé sur la position X à la marque de trois secondes. Cependant, en ce moment, j'ai l'impression qu'il n'y a pas assez d'énergie, puisque la balle a frappé ce mur, j'ai besoin de la balle pour rebondir un peu plus. ce moment, vous pouvez voir la courbe, ça va tout droit vers le bas, ce n'est pas ce que je veux. Ce que je veux, c'est que cette balle rebondisse un peu plus, quelque chose comme ça. Ensuite, j'ai l'impression que la position X est en train de foirer cela, parce que maintenant je dois faire la balle pour aller encore plus loin vers la gauche, si la balle va de cette façon et alors il est plus logique que la balle voyage plus loin vers le à gauche. C' est ce que nous avons jusqu'à présent, je pense que ça a l'air bien. Il y a une autre chose que nous devons corriger parce que rappelez-vous, comme je l'ai dit dans la vidéo précédente, quand la balle perd de l'énergie dans le backend de l'animation, cela ne va pas prendre aussi longtemps qu'un front end, ce qui signifie que tout ces images clés vont se rapprocher de plus en plus les unes des autres quand il s'agit de la fin. Mais en ce moment, quand j'ai commencé, je n'ai mis que 15 images à part de chaque image-clé pour que toutes ces images-clés en ce moment elles aient le même timing entre elles, ce qui n'a pas de sens dans la vraie vie. Nous devons rapprocher certaines de ces images clés les unes des autres à la fin et simplement essayer de les rendre plus réalistes. Pour le faire à partir d'ici, je dois rapprocher ces images-clés. Maintenant, je n'ai pas assez de hauteur pour ce rebond ici donc ce cas je dois le faire glisser vers le haut. Maintenant, j'ai l'impression que je n'ai plus assez de position X là-dedans, donc je dois juste peut-être faire glisser la balle encore plus près de la gauche pour qu'après le rebond, la balle se déplace toujours vers la gauche comme ça et ensuite frapper le sol. Ensuite, je dois rapprocher ce rebond, laissez-moi zoomer, je veux voir combien d'images nous avons ici,1, 2, 3, 4, 5, 6, donc c'est six images. Je veux que ce rebond soit un peu plus perceptible. J' aime encore avoir un petit rebond sur le sol, ça fait six images. Puis 1, 2, 3, 4, je veux ajouter un rebond qui fait quatre images et puis 1, 2, 3, peut-être ajouter un rebond à trois images, puis un, peut-être ajouter un dernier rebond de diapositive final comme deux images pour qu'il se termine à ce stade ici, il va se terminer en même temps que la position CUX. Maintenant, je dois juste saisir ces poignées, lui donner un peu plus de rebond pour le rendre très naturel. Voyons ce que nous avons maintenant. Ouais, ça a l'air beaucoup mieux. Permettez-moi de désélectionner et de le voir plus clairement. Maintenant, nous n'avons pas eu de rotation vers le ballon. Nous pouvons simplement ajouter une partie de la rotation afin qu'il semble plus réaliste. Mais vous pouvez dire tout d'un coup le rebond à la partie finale il semble beaucoup plus prometteur. Apportons notre valeur de rotation ici, « Shift R », puis ajoutons une image clé à zéro seconde. Essayons de mettre une rotation complète avant qu'il ne frappe le mur. Puis après qu'il a frappé le mur, je veux qu'il tourne dans l'autre sens, donc c'est toujours zéro, mais je veux ajouter peut-être négatif 270. Voyons à quoi ça ressemble. J' ai l'impression que la balle tourne trop, donc maintenant je dois ramener la première rotation vers le bas, 2-40 quelque chose, et ensuite ramener celle-ci. Une autre chose est la dernière image clé de la rotation, si je ramène cette image clé de rotation peut-être deux images sorte que la rotation et plus tôt que les deux autres images clés, les autres images clés de position, il va pour vous donner l'illusion que la balle va glisser dans la position finale parce qu'il n'y a plus d'énergie pour qu'elle tourne. Cela lui donne un sentiment plus réaliste, alors voyons à quoi il ressemble maintenant après les changements. Je pense que ce que je veux faire est, je veux étendre l'image clé sur la position X peut-être pour deux images pour donner une illusion que la balle glisse également. Je veux ajouter une image-clé, puis faire glisser celle-ci vers le bas. Je ne veux pas changer cette image-clé, faites-la glisser vers la droite car elle va gâcher une partie de mon image-clé à l'avant. Si j'ajoute une image-clé et que l'arc continue de voyager plus loin, cela ne changera rien que j'ai animé précédemment. Jetons un coup d'oeil et voyons à quoi ça ressemble. Ouais, j'aime ça. Donc, c'est l'arrêt est plus lisse, ce n'est pas si brusque. Alors que la balle tourne au début, il me semble qu'à la fin, elle n'a plus assez d'énergie pour tourner, donc elle glisse sur le sol jusqu'à ce qu'elle s'arrête. Voilà, c'est comme ça que vous faites un rebond de balle plus complexe. Après cette leçon, vous devriez avoir le contrôle total de votre objet dans certains des scénarios que vous allez rencontrer lorsque vous exécutez l'animation. Maintenant, vous pouvez juste contrôler complètement votre objet et faire ce que vous voulez. 22. Devoirs : Rebondissement de la balle: Voici notre temps de mission à nouveau. Dans la dernière vidéo, je vous ai montré comment animer un rebond de balle avec des balles plus lourdes et des balles plus légères, et je vous montre aussi un exemple de la façon d'animer un rebond de balle complexe. Si vous n'êtes pas très clair sur la façon de le faire, vous pouvez toujours revenir en arrière et regarder cette leçon à nouveau. Dans cette mission, j'ai déjà une configuration de composition pour vous. Ici, nous avons une mission pour le rebond de balle. Fondamentalement, ce que vous devez faire est d'animer cette balle ici dans la scène pour tomber du haut et peut-être juste atterrir sur ces boîtes. J' ai toutes ces boîtes séparées pour vous, que vous puissiez les déplacer si vous voulez qu'elles interagissent avec la balle. Si vous ne voulez pas interagir avec les boîtes, vous pouvez simplement laisser la balle tomber par le haut et ensuite frapper le sol pour pratiquer une partie de l'animation rebondissante. Quelle que soit la façon dont vous voulez choisir d'animer, ce sera un excellent exercice pour vous familiariser avec une animation de rebond de balle. C' est quelque chose dont vous aurez besoin à l'avenir pour des projets professionnels. Dans cette mission, tout ce que je veux que vous fassiez, c'est de vous amuser avec la scène ici, et j'ai hâte de voir ce que vous venez avec. Bonne chance pour cette mission. 23. Devenez des initiés du mouvement: Avant de continuer, je tiens à partager avec vous une nouvelle excitante. Les cours de motion design sont désormais plus abordables chez Motion Circles. Avec notre abonnement Motion Insider pour seulement 7$ par mois, vous bénéficierez d'un accès illimité à nos meilleurs cours de motion design, auxquels plus de 50 000 étudiants du monde entier font confiance Il est temps d'améliorer vos compétences en motion design pour devenir les meilleurs animateurs possibles En tant qu'initié, vous recevrez également des fichiers de projet gratuits issus de tous nos didacticiels YouTube sur Motion Circles. Et profitez d'une réduction exclusive de 25 % sur tous les autres projets d' animation incroyables d'autres artistes dans notre boutique de fichiers de projets. Ne manquez pas cette opportunité d'améliorer vos compétences en animation tout en faisant partie de notre communauté dynamique. Rejoignez-nous dès aujourd'hui sur motion circles.com et libérez votre 24. Explication Squash & Stretch: Dans cette leçon, je vais vous montrer rapidement squash et étirer. L' un des principes d'animation traditionnels que nous utilisons toujours dans les animations graphiques d'aujourd'hui. Viens jeter un coup d'oeil. Ici, nous avons une courbe de rebond de balle que j'ai dessinée avant. Normalement, notre balle va être un cercle régulier ici. Puis quand la balle rebondit, quand la balle tombe sur le sol, je vais dessiner sur cette trajectoire de mouvement ici, elle va lentement s'étirer un peu. Quand la vitesse devient de plus en plus élevée comme ça, elle va s'étirer un peu. Ensuite, en suivant ce modèle, quand il aura touché le sol, il va s'écraser. Il va être écrasé sur le sol et ensuite il va perdre de l'énergie. Quand il arrive, quand il prend de la vitesse, il va s'étirer à nouveau. Au sommet, il devrait être encore dans un objet circulaire et ensuite il va s'étirer à nouveau en tombant, écraser sur le sol. Quelque chose de semblable à ça. Si nous connaissons ce graphique ici et que nous avons des squash et des étirements en tête, ce sera assez facile de traduire cette chose en After Effects. La seule règle que nous avons ici pour la courge et l'étirement va être une règle appelée conservation du volume. Donc, fondamentalement, ce que cela signifie, c'est que, disons que si nous avons une boule circulaire, quelque chose comme ça. Mais quand nous étirons la balle, quand la vitesse devient de plus en plus élevée, puis quand la balle se déplace, vous auriez quelque chose de similaire à cela avec le même volume que l'objet d'origine au lieu de quelque chose comme ceci. Donc, c'est faux parce qu'il ne semble pas avoir le même volume que la balle précédente. Vous avez déjà changé de sujet. Dites, si nous avons un carré ici et puis quand le carré s'étire, vous auriez généralement quelque chose comme un rectangle avec le même volume. Cependant, vous n'auriez pas quelque chose comme ça parce que ce volume est beaucoup plus grand que l'objet précédent. C' est donc un non et c'est un oui. qui veut dire comment traduire cette partie en After Effects ? Allons maintenant activer notre After Effects. On a une balle au centre de l'écran. Si je vais à ma propriété d'échelle, appuyez sur « S » sur Échelle pour l'échelle. J' ai maintenant ma balle est à 170 pour cent. Laisse-moi zoomer. C' est mon ballon. Si j'ai ma balle, disons qu'on n'a qu'un changement d'exposition. Disons que la balle va tirer à droite de la gauche. Essayons ça. Allons à Keyframe Assistant, Easy Ease, allez dans l'éditeur de graphes. Cette partie dont nous avons déjà parlé dans la leçon précédente. Je veux juste essayer de faire glisser cet éditeur de courbes, il donne plus d'énergie à cette balle ici, peut-être lui donner plus de timing. Présentons ceci. C' est trop lent. Repoussez-le en arrière. Disons que si j'ai la balle comme ça, puis quand la balle entre, je dois aller à la propriété Scale, désactiver ce bouton de lien, cliquer dessus, dissocier ce bouton. Donc, quand cette balle, je veux frapper une clé sur la propriété de l'échelle, quand elle voyage, elle devrait s'étirer un peu. Il va s'étirer dans l'axe horizontal. Cependant, si je n'étire que l'axe horizontal et que je rende l'axe Y inchangé, je change déjà le volume de la balle. La balle devient plus grosse qu'avant, ce qui signifie que ça n'a plus de sens si je la change à 200 pour cent à l'origine 170, donc c'est 30 pour cent de changement. Si j'ai un 230, ça va être 60 pour cent de changement. Si j'ai un changement de 60 pour cent sur l'axe X, j'ai besoin d'un changement de 60 pour cent sur l'axe Y, ce qui signifie 170 moins 60 est 110. Maintenant, j'ai plus 60 ici et moins 60 ici. Maintenant, je réserve le volume de mon objet d'origine. Je ne changerai pas le volume. Je ne le rends pas plus grand, je ne le rends pas plus petit. Je suis juste en train de redistribuer le volume et de rendre l'échelle horizontale plus grande et l'échelle verticale plus petite. Quand la balle s'arrête, elle va revenir à ce volume d'origine. Voyons l'animation. Tout d'un coup, nous pouvons voir que c'est plus ludique et maintenant nous avons plus de caractère à cette animation. On a à peine fait quoi que ce soit. Nous avons seulement changé la position X et maintenant j'ai ajouté une courge et un étirement. Une autre chose est que je n'ai même pas encore ajouté de dépassement à la fin. Donc, disons que si j'ai un dépassement à la fin ici, ajoutez une image-clé, tirez la vers le haut pour un dépassement, donc la balle va tirer dessus. Je pense que c'est trop de tir. Retrouve-le un peu plus. Quelque chose comme ça. Ensuite, je veux que ce squash et étirement soient en train de tirer dessus aussi. Si j'ai la position finale comme ça, c'est 270, 110. Disons ici, ramenons-le à 160, puis à 180. Donc c'est moins 10 et puis plus 10, essayons et moins 20. Donc à l'origine, nous avons 170, donc moins 20 va être 150, et ensuite cette partie sera 190. Maintenant, je vais juste Keyframe Assistant, Easy Ease. Voyons ce que nous avons ici. Il va s'étirer, et puis comme il l'arrête, il s'écrase comme s'il y avait un arrêt soudain, et puis il va juste rebondir un peu plus. Quelque chose comme ça. Je veux juste vous donner une idée de la règle numéro un en squash et stretch, qui est la conservation du volume. Donc, fondamentalement, vous devez garder le même volume que votre objet d'origine. Vous ne pouvez pas modifier la taille de votre objet, le volume de votre objet. Parce qu'une grande partie de l'objet que nous avons dans les graphiques en mouvement va avoir la propriété scale. Tout ce que vous devez faire est juste de modifier l'échelle X et Y séparément, assurez-vous de maintenir le même volume. Ensuite, il va ajouter une couche supplémentaire de plaisir, couche supplémentaire d'énergie ou de caractère à l'ensemble de votre animation. C' est pourquoi c'est l'un des principes de l'animation. D'accord. C' est tout avec cette leçon. Ensuite, je vais vous montrer un autre exemple. 25. Animer avec Squash & Stretch: Voici notre deuxième exemple sur le squash et l'étirement. Ici, nous avons un mobilier concept moderne à notre logo. Dans cette leçon, nous allons animer ce logo avec techniques de squash et d'étirement que nous avons apprises dans la leçon précédente. Tout d'abord, regardons ce que nous avons sur ce logo. Nous avons un canapé, des arts du mensonge, séparons-le de ce fond de boîte. Ensuite, nous avons un pot, séparons-le de cette boîte de fond. Ensuite, nous avons une lumière, séparons la de cette boîte, et puis nous avons notre slogan, notre logo, le nom de l'entreprise, et aussi un arrière-plan. On peut verrouiller l'arrière-plan pour l'instant, on n'en a plus besoin. Dans ce cas, je veux introduire la courge et l'étirement. Ce que je veux faire, c'est que je veux juste que ces blocs tournent de l'extérieur de ce cadre dans une direction différente un à un, puis révèlent ces meubles dans les boîtes pour révéler tout le logo. Si vous ne savez pas de quoi je parle, supportez moi, et ensuite nous allons animer ce logo rapidement avec du squash et de l'étirement. Tout d'abord, animons ce haut à droite ici. Je veux animer celui-ci. Je veux aller à la propriété de position de ce droit, appuyez sur P sur le clavier. abord, ce que je veux faire est de déplacer ce point d'ancrage, aller au stylo, derrière l'outil en haut ici, déplacer ce point d'ancrage au bas de cette boîte, puis aller à la position, dimensions séparées. Assurez-vous d'appuyer sur l'image clé en position y. Avancez 15 images, 4-5, et puis ce sera la position finale de nos boîtes ici. Dans celui-ci, assurez-vous que nous avons la position y, qui est à l'extérieur du cadre. Cette partie de l'icône va juste tourner en bas de l'écran, comme ça. Je ne veux pas encore animer le tiroir, donc je peux juste vérifier cette icône pour le cacher pour l'instant. Faisons toutes ces boîtes noires pour l'instant. Je peux cacher le canapé et ensuite cacher la lumière. Maintenant, j'ai deux images clés, sélectionnez les deux, cliquez avec le bouton droit de la souris sur l'assistant d'images clés, facilité facile. Allez dans l'éditeur de graphiques. Je vais aller plus vite parce que je ne veux pas que ça prenne trop de temps. Accédez à la position y, ajoutez une overshoot, appuyez sur la commande, puis cliquez avec le bouton gauche de la souris, ajoutez une image clé, faites glisser celle-ci. Si vous savez de quoi je parle, j'ai déjà parlé de dépassement des émissions. Si vous avez manqué la leçon, vous pouvez regarder la leçon précédente sur la remise des gaz. Je veux que ça fasse des dépassements comme ça. Maintenant c'est ce que nous avons, et comme nous faisons la démonstration de squash et d'étirement, je veux écraser et étirer ce bloc ici. Il suffit d'aller à shift s, et de lier cette échelle x et y, assurez-vous que nous avons une image-clé définie au début et à la fin. Ce sera l'état final. Cependant, au milieu, je veux que cela devienne probablement plus mince et plus long. Ensuite, je veux frapper l'état de dépassement. Je veux que cela écrase un peu, puis s'installe à sa position finale comme aperçu. Tirez, puis installez-vous. Cliquez avec le bouton droit de la souris, assistant d'images clés , facilité, allez à l'éditeur de graphiques. Assurez-vous qu'on a traîné tout ça. Désolé, nous devons sélectionner ces images clés, puis manipuler toutes ces images clés pour lui donner un peu plus d'énergie pour manipuler l'espacement. Ça me semble bien. Alors je veux animer ce bloc de coin rouge ici. Celle-ci, je voulais tirer de la gauche. Maintenant, je veux juste changer le point d'ancrage au centre gauche de cette boîte, autour de là. Ensuite, je vais juste définir une image clé sur la position x. Maintenant, je vais traîner celui-là dehors, comme ça, et puis m'assurer qu'on a une remise des gaz. Si vous savez que la position finale de cette boîte est 966, je peux la dépasser à 1 050. Peut-être que c'est trop, faites-le glisser un peu plus. Ensuite, je peux juste cliquer avec le bouton droit , assistant d' images clés, facilité , aller dans l'éditeur de graphiques, puis faire glisser ces courbes pour manipuler l'espacement de l'animation et lui donner plus d'énergie. Jetons un coup d'oeil à ce que nous avons. J' ai encore besoin de le faire glisser encore plus loin, parce que pour le moment, ce n'est pas encore en dehors du cadre. Ça a l'air bien. Nous avons celui-ci entrer et ensuite nous avons lui aussi celui qui vient de la gauche. Mais maintenant, j'ai besoin d'ajouter un squash et un étirement, aller à la propriété scale et vérifier ceci, puis appuyez sur une image clé. Ce sera l'état final, puis appuyez sur une image-clé au début. C' est le début et la fin. Le tronçon va être sur le X. Oh, désolé. Une chose, j'ai oublié de maintenir le volume de cette boîte ici. Vous voyez ? Parfois, j'oublie même aussi. Je pense que je viole juste mes propres règles, pas mes propres règles, mais enfreint les règles de maintien du volume de l'objet. Si c'est 70 sur le x, c'est moins 30, maintenant nous devons le changer à 130. Ici, si celui-ci est plus 15, celui-ci devrait être moins 15, donc moins 15, c'est 85. Ça a l'air mieux. Maintenant, je dois suivre les mêmes règles. Ici, c'est 130 et puis 70, je veux garder ces chiffres les mêmes pour qu'il semble cohérent. Tout semble très cohérent, l'animation est cohérente, l'image de marque semble cohérente. Ici, je veux juste retourner le numéro ici, ça va être 85 et 115. Maintenant, si je retarde cette animation ici, je veux que ça tourne d'abord et ensuite ça tourne après ça. Voyons ce que nous avons maintenant. Ça a l'air cool. Maintenant celui-là, je veux le tirer par le haut. Allons à cette boîte de gauche ici, assurez-vous que nous avons ces points d'ancrage sur le dessus. Aller à la position p, cliquez avec le bouton droit, cotes séparées. Je veux mettre une image clé sur le y et m'assurer que celle-ci tombe du haut. Ça va dépasser, comme ça. Ensuite, sélectionnez trois images clés, cliquez avec le bouton droit , assistant d' images clés, facilité, allez dans l'éditeur de graphiques. Faites simplement glisser cette courbe pour être cohérente avec le reste de l'animation. Maintenant, ce dont nous avons besoin, c'est appuyer sur shift s pour l'échelle, et de lier la propriété scale. Maintenant celle-ci va être semblable à la première. Ça va être 115, 85 ici. Oh désolé, j'ai oublié de frapper une image-clé, alors retournez en arrière, mettez une image-clé sur la balance au début et à la fin. Ça va être l'état final et le début de cette boîte, et maintenant au milieu, ça va être 70,130, et là, ça va être 115, 85. Sélectionnez toutes les images clés, cliquez avec le bouton droit de la souris, facilité, et faites simplement glisser ces images clés à l'extérieur un peu pour manipuler l'espacement, lui donner plus d'énergie, quelque chose comme ça. Retardez cette animation encore plus, sorte que j'ai celui-ci tournage, celui-ci tire dedans, puis le troisième tire dedans. Ils ne tirent pas en même temps. Présentons ceci. Je veux cela quand il tire, et je veux que cela s'aligne toujours avec le bas là-bas, donc je veux que la position Y quand il dépasse de tir se trouve en bas là. Oups, il suffit d'aller à cette image clé, l'image-clé du dépassement, puis de faire glisser cette position y vers le bas, sorte que lorsqu'elle dépasse, elle s'aligne toujours en bas du logo là pour la rendre plus propre et bien rangé. Tu vois ? Ouais, ça a l'air mieux, et maintenant que nous avons toutes ces boîtes prêtes, je peux activer ces icônes graphiques. Un, le premier arrive et s'installe. Je veux que ce pot bouge de gauche à droite. Allez à P pour les dimensions séparées de position imprudente quand celui-ci s'installe ici, c'est là qu'il s'installe, et puis je veux que celui-ci glisse de la gauche. Ensuite, assurez-vous que nous faisons un clic droit sur « Easy Ease », puis nous pouvons le laisser glisser dans. Peut-être qu'il suffit de le laisser se calmer, faire une courbe comme ça. Faciliter comme ça, et puis le canapé, appuyez sur P sur le clavier va également faciliter. Ce sera l'état final, puis faites glisser ceci vers la droite. Cliquez avec le bouton droit de la souris sur « Keyframe Assistant », assurez-vous que vous avez une courbe comme celle-ci afin que le canapé soit également en train d'entrer de droite, puis le dernier sera la lumière, appuyez sur P sur le clavier, cliquez avec le bouton droit sur « Assistant d'image clé », cliquez avec le bouton droit sur « Dimensions séparées , puis assurez-vous de placer une image clé sur le X , aller de l'avant quelques images, puis faites glisser la position X vers la gauche pour que la lumière entre de gauche vers le à droite. Easy Ease, allez dans l'éditeur de graphique, mettez dans une courbe comme celle-ci, juste laissez-le faciliter dans la position. En outre, je veux couper ces calques de sorte qu'ils ne s'affichent pas à l'écran jusqu'à ce point où il doit faciliter dans les boîtes. Je veux le couper ici, option gauche support carré. Pour celui-ci, le tiroir, option gauche support carré, couper à partir de là, puis Canapé, couper à l'image clé, option équerre gauche. Voyons l'animation. Ouais, c'est beau et amusant. Maintenant animons le logo, Modern Concept, que notre concept moderne est ici. Nous les avons entrés comme ça. Que diriez-vous si nous avions notre concept moderne à venir aussi avec le squash et l'étirement ? Appuyez sur P sur le clavier, allez à Position, cliquez avec le bouton droit sur « Dimensions séparées ». Laissons juste ce texte entrer par le bas. Voyons voir. Oups, assurez-vous qu'on frappe une image clé sur la position Y au lieu du X, puis qu'on entre par le bas. Cliquez avec le bouton droit de la souris sur « Assistant d'images clés », « Easy Ease », assurez-vous que nous avons une remise de vue. Extrouvez-le, ne le dépassez pas trop. Comme ça, et assurez-vous que nous manipulons aussi l'espacement. Faites glisser ces courbes. Présentons un aperçu, et maintenant ce que je veux faire est d'aller à l'échelle, définir une image clé au début et à la fin, puis quand elle arrive, décochez l'icône de lien, peut-être la changer en 70-130, puis quand il dépasse, il devient 115, puis 85, puis diminue. Allons à Keyframe Assistant, Easy Ease va à ceux-ci. Cela va être similaire à ce que nous venons de faire au logo lui-même. Essayez de tout rendre cohérent. Voyons voir ce que nous avons ici, voyons. Je pense que c'est arrivé trop vite. Je veux sélectionner toutes les images clés, maintenez la touche Option sur le Mac, Alt sur PC, faites glisser la dernière image clé, espacez-les. Ouais, ça a l'air bien, quelque chose comme ça, et ensuite on peut avoir Better Living peut-être juste entrer, frapper S sur le clavier. Assurez-vous que nous avons le point d'ancrage au centre de ce slogan, puis appuyez sur une image-clé sur la propriété Scale, c' est-à-dire 100 %, puis modifiez-la à zéro pour cent. Au début, cliquez avec le bouton droit de la souris sur « Assistant d'images clés », « Easy Ease » aller dans l'éditeur de graphique, ajouter un dépassement comme celui-ci, et puis je veux juste tirer ce calque de concept moderne un peu plus près pour lier l'animation du logo et le révision de texte mieux. Quand cela sera réglé, je veux que ce texte arrive déjà, et maintenant, quand je le ferai également, voyons ce que nous avons. Je pense que la partie concept moderne, pas si lisse, j'ai besoin d'espacer certaines des images clés pour le rendre plus lisse. Voyons ce que nous avons. Voilà, tu y vas. C' est notre animation finale avec squash et stretch. J' espère que vous aimez ça, et passons à la vidéo suivante. 26. Devoir : Squash & Stretch: Bienvenue de retour. Voici notre temps de mission à nouveau. Dans la dernière vidéo, je vous ai montré comment animer avec le squash et l'étirement. C' est l'un de ces principes d'animation qui donnera à votre animation plus d'un personnage et la donnera vie. Dans cette mission, j'ai une mise en scène pour toi. Dans ce style After Effects, j'ai une composition Affectation 5. Dans cette composition, j'ai toutes ces couches. Je les ai étiquetés dans des couleurs différentes pour chaque section, chaque panneau, afin qu'il soit plus facile pour vous de reconnaître et d'animer. Dans cette tâche, je veux que vous appliquiez certains des principes d'animation que vous avez appris jusqu'à présent, en particulier avec squash et étirer pour pratiquer et faire un peu d'exercice avec elle. J' espère que vous pourrez vous familiariser avec le squash et l'étirement, et être en mesure de les appliquer dans vos futurs projets d'animation. Si vous ne voulez pas animer toute la scène, si vous avez l'impression que c'est trop, vous pouvez également animer quelques panneaux ici. Ce sera une belle pièce pour votre portfolio plus tard aussi. J' espère que vous vous amuserez beaucoup à animer cette mission ici. N' oublie pas de partager avec moi une fois que tu as fini. J' ai hâte de voir ce que tu trouves. 27. Explication du suivi: Bienvenue de retour. Dans cette leçon, nous allons parler d'un principe essentiel du mouvement graphique, qui est le suivi. C' est l'un de ces principes qui rendra instantanément votre animation plus polie et plus professionnelle. C' est très facile à faire, mais pas beaucoup d'animateurs là-bas l'utilisent assez. Jusqu' à présent, nous avons beaucoup parlé des différents principes de l'animation. J' espère que vous y êtes accroché et que vous avez eu beaucoup de plaisir à apprendre et à faire toutes les tâches. Ours avec moi, on est presque là. Tout d'abord, permettez-moi d'expliquer ce qu'est le suivi. Autrement dit, c'est le mouvement qui se chevauche ou l'action qui se chevauche des parties d'un objet. C' est peut-être difficile de comprendre la définition, mais c'est vraiment facile quand je vous montre ce que c'est. On y va. Nous avons dans cette composition, j'ai un fond, et j'ai un tas d'objets. Ces deux calques en bas sont verrouillés en ce moment, si j'allume et désactive l'icône des yeux, vous pouvez voir ceci mon calque d'arrière-plan et j'ai beaucoup d'objets, juste statiques en arrière-plan aussi. Je vais traiter ces deux couches comme un arrière-plan. Tous ces petits points que j'ai ici, vous pouvez voir que j'en ai un tas. Laissez-moi vous montrer d'abord ce qu'est le suivi. Tout d'abord, je veux animer ce carré ici, seulement le premier, ce calque 12, puis je vais ajouter dans une position y. C' est là que la place va commencer à bouger. Puis après 15 images, avancez 15 images 1, 2, 3, 4, 5. Je vais le traîner vers le haut. Ça va monter. Puis 15 autres images, 1, 2, 3, 4, 5. C' est 15 cadres. Je vais le traîner comme ça. Alors je vais juste répéter, monter 1, 2, 3, 4, 5, et maintenant ils sont 15 images. Je vais copier les deux dernières images clés, Commande C, puis la coller dans l'endroit où mon indicateur de timeline est Commande V. Allez en avant 15 autres images, 1, 2, 3, 4, 5, puis collez-le à nouveau. Maintenant, j'ai un mouvement ici. Il va aller de haut en bas, et de haut en bas. Quelque chose comme ça. Mais nous n'avons pas appliqué ce que nous avons appris jusqu'à présent. Tout d'abord, je veux appliquer un assouplissement par défaut. Cliquez avec le bouton droit de la souris sur l'Assistant d'images clés Ensuite, je vais ajouter en anticipation au début, peut-être un, deux, trois images. Allons dans l'éditeur de graphiques et puis assurez-vous que nous sommes dans le graphique de valeurs. Il suffit de double-cliquer sur la position y, ajuster le graphique à afficher. Je vais ajouter une image-clé ici après trois images, maintenez la commande enfoncée sur le clavier, cliquez avec le bouton gauche ajouter une image-clé, tirez-la vers le haut. Ce sera mon anticipation. Ensuite, je vais sélectionner toutes les images clés ici sur le dessus, faites glisser ces poignées. Juste pour manipuler l'espacement de l'animation. C' est ça. Voyons à quoi ça ressemble. C' est bien. C'est ce que je veux. Ensuite, ce que je veux faire est de revenir à cette chronologie, copier toute l'image-clé ici. Commande C, passez à zéro seconde, sélectionnez tous les autres calques carrés, puis Commande V, collez toutes les images clés. Si j'appuie sur U sur le clavier, vous pouvez voir que ces images clés sont exactement les mêmes. Si je prévois cela, tout va bouger ensemble en même temps. Vous pouvez traiter ces carrés comme un seul objet. En ce moment, un objet comme une barre, qui se déplace de haut en bas, oscille de haut en bas. Laissez-moi sauver le projet. Ensuite, dans cette leçon, ce dont nous allons parler est en fait le suivi. version la plus basique du suivi, il ne fait que compenser les images clés. Vous pouvez également l'appeler une animation stupéfiante. Comme ces petits carrés. Si je décalais juste tous ces calques, peut-être par deux images chacune. Si je vais à ma chronologie ici, allez de l'avant. Ma couche 12 est un premier carré là-bas, puis aller de l'avant deux images. Décalez celui-ci, deux images, décalez les deux autres images suivantes. Maintenant, vous pouvez voir que j'ai décalé, tous ces calques par deux images, une par une. Si je prévisualise l'animation, voyons à quoi elle ressemble maintenant. Tout d'un coup, vous pouvez voir qu'il semble beaucoup plus intéressant. C' est complètement différent de ce qu'on avait avant. Regarde ça. En compensant toutes ces images clés, j'ai une toute nouvelle animation, et c'est la version la plus basique du suivi. Juste en décalant tous ces calques, vous pouvez obtenir un champ différent, différence dynamique à cette animation que vous avez. Rappelez-vous, j'ai parlé de la définition du suivi. Il s'agit du mouvement qui se chevauche ou de l'action qui se chevauche des parties d'un objet. Si vous traitez tous ces points comme un seul objet, et que ces petits carrés sont une partie de l'objet entier ici, et l'animation en ce moment se chevauche. C' est ainsi que nous réalisons le suivi de la manière la plus simple. C' est une option que nous avons. Disons qu'au lieu de décaler par deux images clés, je vais juste décaler chaque couche par une image. C' est à ça que ça ressemble en compensant un seul cadre. Maintenant, jusqu'à présent, nous avons fait deux images séparées et maintenant nous avons fait une image séparée. Essayons peut-être cinq cadres séparés. Que se passe-t-il si j'ai tous ces calques décalés par cinq images ? Un, 2, 3, 4, 5. Voyons à quoi ça ressemble, à cinq images écartées. C' est à ça que ça ressemble. Eh bien, voilà. C'est la forme la plus élémentaire de suivi. La prochaine fois que vous effectuez le suivi, n'oubliez pas que le suivi est en train de compenser les images clés. Il y a tellement de scénarios où vous aurez besoin d'un suivi dans votre animation. Avec le suivi, vous pouvez décaler vos images clés d'un million de façons différentes. Il va y avoir un million de façons différentes de décaler vos images-clés, et c'est ainsi que vous créez tant de sensations différentes à votre animation en compensant votre image-clé différemment et en utilisant le principe du suivi. Ce sera ma première démonstration pour vous. Le suivi le plus basique. 28. Suivi de la démo 2: Bienvenue de retour. Dans cette vidéo, je vais vous montrer un autre exemple d'utilisation du suivi pour animer du texte. Maintenant, vous pouvez voir dans ma composition, j'ai un logo de joueur, et vous pouvez voir dans ma composition ici, sont les couches que j'ai. J' ai une couche de lueur. C' est toutes les lueurs que j'ai sur les lignes et je vais la laisser là pour l'instant. Ensuite, j'ai un contour blanc, qui est cette couche de contour des blancs avant. Si je bascule l'icône des yeux, vous pouvez voir ce que c'est. Ensuite, j'ai un corps bleu joueur. C' est la couche principale du corps que j'ai. Ensuite, j'ai un contour rose, qui est presque à l'arrière de la couche de corps bleu. Ensuite, c'est mon calque d'arrière-plan. Dans cette vidéo, je vais juste animer cette couche de joueur. Allons-y. Tout d'abord, je veux juste animer ce corps bleu joueur. Je veux faire quelque chose de similaire à la vidéo précédente. Je vais appuyer sur P sur le clavier pour la position, puis cliquez avec le bouton droit de la souris sur les cotes séparées. Je veux seulement animer la position y. Appuyez sur une image clé à zéro seconde. Alors je vais aller de l'avant. Tu sais quoi ? Je vais aller de l'avant 15 images, donc 10 images puis 1,2,3,4,5,15 images. Je vais faire glisser celui-ci vers le haut pour un meilleur aperçu. Je peux éteindre toutes les autres couches. Je veux juste me concentrer sur celui-ci pour l'instant. Alors, tu sais quoi ? Je pense que ce que je vais faire, c'est que je vais faire glisser cette image clé vers l'avant pour rendre le timing encore plus long. Maintenant, j'ai une seconde pour que cette animation se produise. Ensuite, je vais passer à la seconde suivante, qui est deux secondes. Je vais faire glisser cette position y vers le bas. Fondamentalement, ce que j'essaie de faire est de faire une oscillation pour ce texte de joueur et puis il va juste aller de haut en bas sur l'écran. Ensuite, je vais passer aux trois secondes. Je peux copier ces deux images clés, Commande C, Commande V, et passer à la cinquième seconde. Conservez, copiez et collez toutes les images clés. Je pense que c'est assez bon pour moi. Un total d'animation de 10 secondes. Si je les sélectionne tous et va à l'éditeur de graphiques, vous pouvez voir que c'est notre souvenir du mouvement d'oscillation de haut en bas que nous avions avant. C' est ce que j'essaie de faire. Ensuite, je vais sélectionner toutes les images clés. Fit F9 facile facile. Ensuite, je veux ajouter une anticipation dans les premières images. Il suffit de le faire glisser ici, puis ajouter un cadre clé, Commande, clic gauche, faites glisser celui-ci vers le haut pour l'ajouter en prévision. Ensuite, ce que je veux faire est juste de sélectionner toutes les images clés, puis faire glisser la poignée pour manipuler l'espacement de l'animation. Si je retourne à la vue de l'image clé, puis que l'aperçu soit peut-être ici, voyons ce que nous avons maintenant. Peut-être que le sommet est trop haut là-bas. Je veux m'ajuster quand ça monte. C' est ces images clés du bas, je veux juste les tirer vers le haut pour que mon texte de joueur descende sur l'aperçu. Essayons quelque chose comme ça. Oui, ça marche pour moi. C' est ce que je veux. Ensuite, tout ce que j'ai à faire est de copier toutes ces images clés, Commande C, puis d'activer ce calque de contour blanc, Coller Command V. Si j'appuie sur U sur le clavier, je peux voir toute l'image-clé, puis aller à ce contour rose, allumez-le, puis Commande V, collez-la, appuyez sur U pour afficher l'image-clé. Maintenant, j'ai tous ces trois couches avec la même image clé. Si je l'ai prévisualisé, vous pouvez voir qu'ils bougent tous en même temps. Cependant, ce n'est pas ce que je veux. Ce que je veux, c'est me souvenir de la version la plus basique de suivre. Si vous traitez cette ligne entière comme un seul corps, vous pouvez dire que ces trois couches sont différentes parties du corps. Je veux que ces trois couches se chevauchent, l'une est animée. Je ne veux pas que ces trois couches s'animent en même temps. Le premier qui va s'animer comme un front, qui est le contour blanc. Ensuite, je vais aller de l'avant peut-être trois images. Je vais retarder cette couche de corps bleue de trois images. Je vais faire glisser toutes ces images clés vers l'avant trois images juste ici et ensuite aller de l'avant trois autres images, 1,2,3. Faites glisser toutes ces images clés ici. Maintenant, j'ai un suivi. Présentons ceci. Tu sais quoi ? Je pense que c'est trop. Retardez-les de deux cadres ou même d'un cadre. Essayons un cadre. Démarrez-le par une image, puis faites-les glisser vers l'arrière, une autre image, faites-les glisser, et nous allons prévisualiser. C' est ce que nous avons en retardant l'image clé d'une image et ensuite nous n'avons pas encore terminé. Ensuite, ce que je veux faire est de séparer toutes ces lettres dans son propre calque individuel, puis chevaucher toutes ces lettres afin que j'obtiens un effet de chevauchement plus complexe. abord, ce que je veux faire est d'aller à ce corps bleu joueur. Puisque nous avons cinq lettres, dupliquons ce calque par quatre fois pour que nous ayons cinq couches, 1,2,3,4. Ce que je veux faire est d'utiliser un masque pour masquer chaque lettre sur ces cinq couches. C' est très simple à faire. Essayons maintenant. Il vous suffit d'aller à cet outil rectangle dans la barre d'outils, puis de sélectionner le premier corps bleu. Cliquez sur la barre d'outils du rectangle. Ensuite, je vais juste faire glisser un rectangle sur le G. Ensuite, je vais faire glisser un rectangle sur le A. Puis cliquez sur le corps trois, cliquez sur le rectangle, faites-le glisser sur le M. Laissez-moi désactiver le contour. Dans le contour rose, assurez-vous simplement de sélectionner la partie centrale, le M, sans sélectionner aucune des autres lettres à côté. Ensuite, passons à la quatrième pour cliquer sur l'outil rectangle. Je vais sélectionner E ici. Fit sur V. Je vais juste sélectionner cet E ici. Mais ici, il y a un angle par rapport au R, donc j'ai besoin d'ajuster le masque afin que je ne sélectionne aucun des R là-bas, puis cliquez sur le cinquième. Sélectionnez simplement cette dernière lettre. Zoom arrière. Maintenant, j'ai toutes ces lettres séparées. Si je vais à l'icône des yeux, vous pouvez voir G est séparé, A est séparé, M est séparé, E est séparé et R est séparé. Ensuite, ce que je veux faire est de sélectionner les cinq couches. Appuyez sur U sur le clavier. Afficher toutes les images clés. Je veux décaler ces images clés par une seule image. Le premier, puis aller de l'avant un des cadres. Déplacez toutes ces images clés vers l'avant d'une image, puis déplacez toutes ces images clés vers l'avant d'une image. Optez pour un cadre. Encore une fois, déplacez toutes ces images clés, puis déplacez toutes ces images clés. En compensant les cadres clés, voyons ce qui se passe. C' est ce qui se passe. Maintenant, c'est intéressant. Autre chose, on va continuer à faire la même chose pour le contour blanc. Il suffit de dupliquer quatre fois 1,2,3,4. Ensuite, cliquez sur le premier, sélectionnez l'outil rectangle, masquez le G. Laissez-moi zoomer. Ensuite, le second, masquez le A. Sélectionnez le troisième, masquez le M, puis masquez l'E. Le dernier, masquez le R. Maintenant, je vais sélectionner tous ces cinq couches. Je vais juste ajuster toutes les images clés pour les décaler d'une seule image. Suivez tout simplement en compensant les images clés pour obtenir une animation plus complexe. Ensuite, le dernier est un contour rose. Je vais dupliquer quatre fois 1,2,3,4. Allons simplement en solo ces couches. Appuyez sur ce bouton solo ici. Ensuite, assurez-vous de cocher cette grille de transparence afin que vous ayez un fond noir. Puisque notre contour rose est une lueur, donc en ce moment tout est au-dessus de l'autre. C' est pour ça que tu vois ce flou ici. Mais on va arranger ça très vite. Appuyez sur le premier contour. Ils sont tous écrasés ensemble. Voyons si ça va marcher. Désélectionnez maintenant le solo. Je veux juste décaler les cinq couches. Même chose, il suffit de décaler les images clés d'une image. Optez pour une image, faites-les glisser d'une image, puis allez vers l'avant d'une autre image, faites-les glisser vers l'extérieur. Ensuite, avancez un autre cadre. Faites glisser ça. Faites glisser ceux-ci vers l'avant. Celui-ci est faux ici. Vous ne devriez pas le faire glisser d'une seule image. Si vous appuyez sur Maj va accrocher à l'indicateur de chronologie afin qu'il soit plus facile de faire glisser toutes ces images clés. Voyons à quoi ça ressemble. C' est ce que nous avons en compensant simplement les cadres clés entre les lettres et aussi entre les trois styles graphiques. C' est le type d'animation que nous obtenons. On a à peine fait quoi que ce soit. Nous copions et collons simplement toutes les images clés que nous avons. Toutes ces couches ont toutes exactement les mêmes images clés, mais maintenant elles sont juste décalées différemment pour obtenir ce motif intéressant. Maintenant, la seule couche que nous avons est cette lueur ici au début. Je vais juste vous laisser celui-ci pour que vous puissiez explorer plus comment vous pouvez animer cette couche de lueur. Mais le but de cette démonstration est de vous montrer comment travailler avec le suivi à travers, laissez-moi désactiver cette lueur, comment travailler avec le suivi à travers sur un calque de texte. C' est l'animation que nous obtenons enfin. C' est tout avec cette leçon, passons à la vidéo suivante. 29. Suivi de la démo 3: Voici une autre démonstration de suivi, et celle-ci va être facile. Je ne vais pas animer toute la scène. Je veux laisser la scène à vous pour que vous puissiez explorer plus sur votre propre pour animer peut-être certains de l'arrière-plan et ces éléments supplémentaires. Mais la seule chose que je veux animer et vous montrer comment travailler avec suivi sont ces couches, ces couches jaunes qui sont déjà étiquetées. Si je les sélectionne tous, vous pouvez voir ce qu'ils sont. Laisse-moi les amener au sommet. Permettez-moi d'allumer cette icône. Vous pouvez voir que c'est tous ces éléments sont cette critique ici, et je vais juste vous montrer comment utiliser le suivi pour décaler une partie de l'image-clé, puis rendre l'animation intéressante. D' abord, je veux zoomer. Animons ce cercle ici, figure de profil du cercle. Faites glisser les points d'ancrage jusqu'au centre. Alors celui-ci, ça peut être simple. Animons simplement un changement d'échelle. Allez de l'avant 15 images, 1, 2, 3, 4, 5, puis assurez-vous que le 100 pour cent, c'est sur la 15e image. Revenez à zéro seconde, changez l'échelle à zéro. Ce cercle va apparaître. Sélectionnez l'image clé, cliquez avec le bouton droit de la souris, assistant d'image clé, facilité , allez dans l'éditeur de graphique, et rappelez-vous que nous devons ajouter un dépassement, peut-être revenir en arrière 1, 2, 3 , 4, puis ajouter une image clé. Faites glisser celui-ci vers le haut. Pour une image clé de dépassement, peut-être faites-la glisser pour une image de plus afin que cela se produise autour de la troisième dernière image. Faites glisser ces poignées, et voyons ce que nous avons. C'est sympa. C' est sympa. Je veux aussi animer ce rectangle d'arrière-plan. Tout ce que je veux faire est d'aller à la propriété scale et vérifier ce bouton de lien sur la propriété scale et assurez-vous que nous avons les points d'ancrage à l'extrême gauche. Je veux que ce rectangle grandisse vers la droite, et la façon de le faire est, tout d'abord, ajouter une image-clé sur la 15e image. Ce sera notre état final de ce rectangle, puis dès le début, je veux seulement changer la valeur sur l'échelle X. Faisons cette échelle de X. Maintenant, ce que vous pouvez voir est que le rectangle va croître horizontalement seulement vers la droite. Faisons la même chose, cliquez avec le bouton droit de la souris sur l'assistant d'images clés, facile aller à l'éditeur de graphiques , puis 1, 2 , 3, aller en arrière trois images, ajouter dans un dépassement. Faites glisser toutes ces poignées. C'est ça. Voyons l'animation. Même ces deux-là, je veux aussi décaler l'image-clé. Je vais juste faire glisser ce calque de cercle vers l'arrière, peut-être deux images pour que ce rectangle entre en premier. C'est ça. Ça m'a l'air bien. Alors je vais essayer de trouver la première étoile. C' est une première étoile ici. Maintenant, je peux juste copier l'image-clé sur la propriété d'échelle de ce cercle, Commande C, copier, puis m'assurer que nous avons les points d'ancrage de l'étoile au centre de l'étoile. Maintenant, passons à zéro seconde, cliquez sur la première étoile Command V, appuyez sur U. nous pouvons voir que nous collons déjà dans la même image clé d'animation que nous avons du cercle ici, cette couche, et ensuite ce que je veux faire est que je veux à ajouter dans une rotation également. Maj-R, cette valeur de rotation finale pour l'étoile à la 15e image sera nulle. Ensuite, nous pouvons revenir à la seconde zéro, peut-être le changer en négatif 270, puis sélectionner les deux, F9. Allez dans l'éditeur de graphiques. N' oubliez pas d'ajouter une overshoot, placer une image clé sur le graphique, puis de faire glisser toutes ces poignées. Si vous voulez, le dépassement est trop, revenons à peut-être plus 35. Présentons cette animation ici. Puis le dépassement d'échelle, je veux qu'il soit 155 ou 125 ou peut-être 135, le rendre encore plus grand. Ça a l'air bien. Ensuite, tout ce que j'ai à faire est de m'assurer que toutes ces étoiles ont les points d'ancrage au centre. Je déplace tout le point d'ancrage au centre de l'étoile. C' est le dernier. Joli. Copiez ensuite toute l'image-clé de la première étoile et collez-la sur le reste de l'étoile. Mais assurez-vous d'avoir l'indicateur de chronologie à zéro seconde afin qu'il commence à coller dans toute l'image-clé à zéro seconde. Commande V, appuyez sur U. Maintenant, vous pouvez voir toutes ces images clés, et la suivante, ce que nous voulons faire est cette ligne ici. Copions simplement l'image-clé sur ce fond blanc, Commande C, puis allons à la ligne, assurez-vous que nous avons le point d'ancrage tout le long du côté gauche de la ligne. Ensuite, accédez à la propriété scale et cochez ce lien ici, puis collez l'image clé à partir de ce rectangle d'arrière-plan. La même chose avec ces lignes ici, allez à l'échelle et vérifiez ceci, collez dans les images clés. Celle-ci aussi, allez à Échelle décochez cette case, collez-la dans l'image-clé. Celui-ci aussi, décochez la case Échelle, puis collez dans l'image-clé. Maintenant, si nous réduisons toutes ces couches, voyons ce que nous avons, sans aucun décalage, tout se passe en même temps, tout sort en même temps. Cependant, ce n'est pas ce que nous voulons, ce que nous voulons est de compenser ces calques afin que nous obtenions un effet de suivi. Tout d'abord, essayons de trouver les étoiles, donc c'est la première ligne. Si on y pense, je veux que ce rectangle blanc arrive en premier et ensuite je veux que ce cercle vienne en premier. Quand le cercle arrive, je veux que la ligne bleue entre et après la ligne bleue, je veux que toutes ces étoiles entrent. Ce calque 39, est la première étoile, puis je veux que les étoiles soient décalées par un, deux, trois, peut-être trois images pour chaque calque. Un, deux, trois, juste décaler les étoiles par trois images. Après toutes les étoiles, nous avons les deux lignes là-bas en bas, juste pour décaler les lignes là-bas, donc la première ligne entre et la deuxième ligne entre et la troisième ligne entre. Cela devrait être tout, regardons l'animation. C' est ce que nous avons ici, l'animation pour cette revue. Dans cet exemple, j'utilisais également beaucoup des mêmes images clés, copiant simplement sur les calques, puis en décalant les images clés, ou en décalant les calques pour obtenir un effet de chevauchement pour rendre cette animation plus intéressante. C' est donc un autre exemple de la façon dont vous pouvez appliquer le suivi. Maintenant, puisque nous faisons cette partie de l'animation, il est très facile d'appliquer cette partie de l'animation à ces deux parties ici. Laissez-moi vous montrer rapidement comment faire ça. Sélectionnez toutes ces couches ici, puis précomposons-les. Commande Shift C, renommez-le en révision 1. Ceci est notre Revue 1 Calque avec toute l'animation. Maintenant, ce que nous pouvons faire est simplement d'aller dans le panneau de projet, puis dupliquer cette couche dans le panneau de projet, Commande D, pour obtenir un examen 2, puis en dupliquer une autre, Commande D à nouveau, Review 3. Maintenant, nous avons trois couches de révision différentes avec une animation similaire. Je peux faire glisser cette Revue 2 du panneau de projet dans ma chronologie ici. Ce sera mon avis 2, puis mon avis 3, je peux le faire glisser dans la chronologie et ce sera mon avis 3. La prochaine chose que je veux faire, je vais juste cacher tout cela aussi, je veux trouver ces deux images de profil, puis le déposer dans la composition Revue 2 et Review 3 pour remplacer l'image de profil de la femme. Ce calque ici, c'est la tête 3, c'est juste la commande X, découpez-le de cette composition, allez à Review 3, Commande V, collez-le. Assurez-vous que nous avons le point d'ancrage au centre ici. Faites-le glisser à la même position que couvrir le profil de la fille et ensuite ce que je veux faire, copiez les images clés sur le profil de la fille pour celui-ci ici, collez-le et nous pouvons simplement cacher le profil de la fille. Maintenant, on devrait avoir un profil de ce type ici. Revenons à nouveau à la composition principale, trouvez le deuxième profil ici, puis coupez-le à partir de cette composition, allez à la Revue 2, collez-le, mettez-le sur le profil de la fille, assurez-vous que le point d'ancrage est au centre ici, puis il suffit d'aligner les calques avec la couche de profil de la fille. Appuyez sur U pour les images clés, Commande C puis Commande V. Maintenant, je peux cacher celle des filles. Maintenant, on a un autre avis, revenons à la démo. Allumez ces deux-là et si je cache tous ces éléments ici, il suffit de cacher tous ces deux calques, puis nous allons prévisualiser l'animation. Une autre chose est que je ne veux pas que ces trois critiques arrivent en même temps, donc je dois compenser les trois commentaires à nouveau, tout comme la façon dont j'ai compensé les étoiles. Prévisualisez ceci. Regardez ça, il semble que toute l'animation est assez complexe. Cependant, ce n'est pas si complexe parce que je suis surtout juste copier et coller toute la clé. Je sais que ces commentaires sont différents du storyboard précédent, nous devons toujours changer la couleur de ces lignes, puis changer quelques étoiles pour s'assurer que ces trois personnes ont trois critiques différentes, mais c'est essentiellement l'idée de la façon d'utiliser les images clés de décalage de suivi pour rendre votre animation plus intéressante. Ma mission est de prendre ce fichier de projet, vous pouvez réanimer ces critiques si vous le souhaitez, puis terminer toute cette scène pour animer tous les autres éléments. Cela va être une jolie pièce pour votre portfolio, ou vous pouvez l'utiliser pour pratiquer votre métier, quelque chose que vous avez appris dans ces leçons. Ça va être une belle pièce pour toi. Vous pouvez également le partager avec moi et j'ai hâte de voir ce que vous venez avec. 30. Suivi de la démo 4: Voici notre dernière démonstration sur le suivi. Je ne vais toujours pas animer tout ça. ne veux pas le rendre trop compliqué, je veux juste expliquer l'idée de suivre et vous pouvez prendre mon projet, ce fichier de projet, puis finir par vous-même. Utilisez simplement les choses apprises dans la leçon précédente pour rendre cette pièce plus intéressante et quelque chose que vous pouvez la mettre sur votre portfolio ou la montrer à vos amis ou à votre famille. Je veux seulement animer cette partie du milieu ici. J' ai cette barre jaune, puis j'ai une boîte ici, une ligne d'animation, et puis la ligne heureuse. abord ce que je veux faire est d'animer cette barre, tirer vers le haut frappé P pour la position, cliquer avec le bouton droit de la souris sur des cotes séparées. Je veux seulement animer en position Y. Il suffit d'aller à la seconde zéro, puis de passer à 15 images. 10, un, deux, trois, quatre, cinq, ajoutant une image clé en position Y. Ce sera l'état final de notre barre et ensuite revenir à zéro seconde, faites-le glisser vers le bas. Quelque chose comme ça. Ensuite, sélectionnez les deux F9. Facilité facile, allez à l'éditeur de graphiques. Assurez-vous que nous sommes dans le graphique des valeurs. Ajustez le graphique à afficher, et reculez trois images pour ajouter un dépassement. Faites glisser ce dépassement ici. Veillez à faire glisser ces poignées pour manipuler l'espacement. Revenez à la vue de l'image clé. Voyons l'animation. Woah, Woah, Woah, Woah, ce dépassement est trop important, nous allons le ramener un peu en arrière, quelque chose comme ça. Ok, cool. Une autre chose est que nous voulons démontrer le suivi et, rappelez-vous le suivi est l'action qui se chevauche sur des parties d'un objet et en ce moment nous n'avons qu'un seul objet. Comment utilisons-nous le suivi ? Pour une barre ou un bloc comme celui-ci, nous pouvons réellement utiliser pour ajouter plus de points sur cette forme, puis nous pouvons manipuler la forme comme nous manipulons la forme dans la leçon de squash et d'étirement, nous pouvons également manipuler la forme ici. Donc, ce que nous voulons faire est, appuyer sur cette flèche ici, puis aller au contenu, aller au groupe, aller au chemin, puis ajouter une image clé sur le chemin. Donc le chemin va être un rectangle quand il atterrit ici, ce qui est l'état final de cette barre. Mais quand il est en train d'animer, ce que nous pouvons faire est d'aller à cet outil de plume ici, ici, aller à l'outil de plume et puis choisir cet outil d'ajout de sommets. Je peux ajouter deux points sur ce rectangle, puis je peux manipuler la forme de ce rectangle. Disons que si je veux rendre ce rectangle plus mince, puis faites glisser ces deux points vers le haut comme si ce centre est d'où vient la force et puis le centre va aller de l'avant en faisant glisser l'aile gauche et droite de ce rectangle pour monter. Aussi, je veux aller utiliser cet outil de conversion de sommet, frapper sur cette ligne ici, faites glisser une courbe lisse ici au lieu d'un angle comme pointu. Maintenant, j'ai une courbe ici. Donc, ce que je veux faire est quand il arrive de zéro seconde, faites glisser cette image clé à zéro. Il devrait arriver quelque chose comme ça, et puis je voulais aussi dépasser. Pour les overshoots, peut-être le faire glisser en arrière parce que je veux cette barre soit assez mince quand il monte et quand il dépasse là-bas, je veux que celui-ci le long de ces deux points descende. J' ai encore besoin d'une courbe ici. Montez et descendez, puis installez-vous. Cependant, quand ça s'installe, j'ai besoin d'un autre dépassement pour avoir ces deux points comme ça avant d'atteindre la position finale. Des balançoires comme ça. Ensuite, nous allons cliquer avec le bouton droit de la souris sur l'assistant d'images clés, facile, allez dans l'éditeur de graphiques Puisque nous manipulons le chemin d'un objet et ce chemin n'a pas de graphique de valeur, pour être honnête. Dans ce cas, même si vous sélectionnez graphique de valeurs, il va toujours vous montrer graphique de vitesse. Dans ce cas, nous ne pouvons plus utiliser le graphique de valeur, mais la bonne nouvelle est que nous avons déjà appris le graphe de vitesse donc tout ce que nous voulons faire est de faire glisser ces poignées pour donner plus de vitesse à notre animation. Quelque chose comme ça, pour lui donner plus d'énergie. Voyons ce que nous avons ici. Zoom avant, zoom arrière. Présentons un aperçu. Maintenant, vous pouvez voir que notre barre a un certain caractère à elle. Ce n'est plus un bar ennuyeux. Il a un peu de caractère. C' est assez amusant, c'est intéressant à regarder, c'est comme un bar à nouilles ou quelque chose comme ça. Je suis content de cette animation. Cependant, je n'ai toujours rien compensé. Actuellement, l'animation de chemin est toujours alignée avec la propriété position. Ce que nous voulons faire, c'est que nous devons décaler l'image-clé pour le chemin. Tout ce que nous avons à faire est de faire glisser le chemin pour peut-être deux images. Un, deux, essayons trois images. Faites glisser le chemin vers l'avant trois images de sorte que tout soit décalé par trois images et que vous avez l'illusion que lorsque la barre apparaît, il y a un retard dans la réponse à la transformation des formes. Voyons ce que nous avons maintenant et voyons si cela a du sens. Ouais, ça te donne plus d'un sentiment naturel et maintenant on peut animer heureux. Ce bar entre, je veux heureux juste de venir de la, de la droite. Retournez à zéro seconde, appuyez sur une image clé sur l'exposition, optez pour 15 images, puis faites glisser cette exposition finale, revenez à zéro, faites glisser heureux à l'extérieur. Cliquez avec le bouton droit, assistant d'images clés, facilité. Ce que je veux faire est de revenir au graphique de valeur. Je veux ajouter une courbe d'assouplissement comme celle-ci pour avoir la prise de vue heureuse comme ça et puis je veux couper cette couche ici en utilisant l'option crochet gauche. Voyons ce qui se passe, quoi ça ressemble si je coupe les couches de là. Je tire juste d'ici. Au lieu de tout le chemin de la frontière entrant dans le cadre. Puisque j'ai déjà coupé le calque ici et que le texte a déjà parcouru quelque part ici, mais puisque nous avons coupé les calques, nous ne pouvons pas voir. Lorsque la couche démarre, la balise est déjà ici dans le cadre donc c'est ce que nous voulons et maintenant je veux juste faire la même chose dans une démonstration précédente. Je veux féliciter D, dupliquer les calques, puis je veux utiliser un masque pour masquer chaque lettre. Comme ça, puis je veux décaler les images clés. Je veux décaler les images clés. J' ai besoin de voir les images clés, je dois faire glisser toutes ces images vers l'avant, puis sélectionner les deux images clés. Juste décalé par un cadre. Un, deux, un, deux, trois, un, deux, trois, quatre. Alors faites-les glisser ici. Voyons à quoi ça ressemble. Maintenant, on a eu le bar entre comme ça, et quand il atterrit, Happy entre. Voyez que ça a du sens. Ça a l'air bien. Ensuite, nous voulons animer ce contour ici. Je veux faire quelque chose de simple. Pour ce contour, je voulais juste grandir de l'intérieur. Allons à l'échelle, puis décochez cette icône unifiée d'échelle. Maintenant, je peux juste manipuler l'échelle X et l'échelle Y individuellement. Ce que je veux faire, c'est sur le 15e cadre, ce sera l'état final de cette boîte. Ensuite, dès le début, je veux que ces valeurs soient nulles. Ensuite, je veux que cette boîte monte verticalement d'abord à 100 pour cent autour d'ici, puis grandisse horizontalement si cela a du sens. Peut-être que par ici juste le mettre sur, au lieu de zéro, mettez-le à 20. Quelque chose comme ça. Je veux que la boîte monte d'abord verticalement, puis grandisse horizontalement. Sélectionnez les trois images clés, facilité facile, puis allez à l'éditeur de graphiques, besoin d'ajouter dans un dépassement. Comme ça. Des dépassements. Voyons l'animation. Si je compensais cela après l'entrée de la barre jaune, quand elle s'installe presque, cette boîte arrive. C' est là que nous avons la ligne d'animation vient du bas. Ce que nous voulons faire est d'aller à cette ligne d'animation, puis P pour la position, cliquez avec le bouton droit sur « Dimensions séparées ». Animons simplement la position Y. Optez pour 15 images, 1, 2, 3, 4, 5, puis faites glisser celle-ci vers le bas. Facilité facile, allez dans l'éditeur de graphiques, ajoutez un dépassement. N' oubliez pas de faire glisser toutes ces poignées pour manipuler l'espacement, lui donner plus d'énergie. Voyons ce que nous avons. Je pense que c'est trop lent. Retournons à l'éditeur de graphes. Assurez-vous que cette courbe est plus exagérée. Alors voyons par ici. Ramenons le timing plus court, rapprochez ces images clés les unes des autres. Quelque chose comme ça. Ensuite, nous pouvons faire quelque chose de semblable à ce que nous avons fait pour les Happy. Nous pouvons masquer chaque lettre dans ce mot , puis décaler le calque de sorte qu'ils apparaissent tous un par un. 1, 2, 3, 4, 5, 6, 7, 8. Ensuite, sélectionnez chacun, masquez-le. Ensuite, nous avons juste besoin de décaler les couches. Montrons toutes les images clés. Ensuite, je veux déplacer tous ces calques en arrière ou en avant dans le temps. Quand la boîte devient plus grande, je veux que ces textes d'animation commencent à apparaître comme ça. Voyons l'animation. Maintenant, ce dont nous avons besoin, c'est d'utiliser un Matte de piste, quelque chose dont nous avons parlé auparavant pour couvrir tout ce qui se trouve en dehors cette zone de rectangle afin que la ligne d'animation ne s'affiche pas tant qu'elle n'entre pas dans cette zone. abord, je dois les regrouper, créer une nouvelle composition, les pré-composer, Command Shift C, et ça va être la comp d'animation. Ensuite, j'ai juste besoin de dessiner un rectangle ici, la même taille que cette boîte, puis de le mettre sur le dessus de la composition d'animation. Maintenant, je peux juste aller à la deuxième icône ici et aller au Matte de piste, définir ce calque au-dessus de lui comme un mat alpha. Maintenant, vous pouvez voir quand le mot entre dans la zone de ce cache alpha, c'est quand le mot apparaît. Cependant, vous pouvez toujours voir un peu du texte ici. Je dois aller à l'intérieur et puis peut-être ajuster la clé ici au lieu de 681, traînons même vers le bas, peut-être en faire 700. Mais maintenant, le seul problème est que je dois les changer l'un après l'autre. Je ne peux pas les changer tous en même temps parce qu'ils sont tous déjà décalés. J' ai besoin d'entrer dans chaque image-clé et de la changer à 700. Revenons à la composition principale. Présentons un aperçu de l'animation. J' ai besoin de rendre cette animation de boîte un peu plus lente, car en ce moment, c'est très brusque. Voyons voir. Présentons ceci. Présentons un aperçu de l'animation. C' est ce que nous avons. C'est assez amusant et heureux, je suppose. C' est un autre exemple de la façon dont vous pouvez appliquer le suivi à votre animation. Je veux que vous preniez ce projet et animiez vous-même le reste de la scène, ou peut-être changez certains des textes que j'ai ici et faites-le votre pour que vous puissiez avoir quelque chose de beau pour votre portfolio. C' est pour le suivi. J' espère que vous avez tout appris et maintenant vous pouvez explorer par vous-même. Il suffit de prendre mon fichier de projet et de commencer à pratiquer une animation. Bonne chance. 31. L'animation secondaire expliquée: Dans cette leçon, nous allons parler d'un autre secret de l'animation graphique, qui est l'animation secondaire. Quand on parle d'animation secondaire, c'est difficile à expliquer. C' est tout ce qui n'est pas nécessaire pour raconter votre histoire. signifie que certaines de ces étincelles que vous voyez dans certaines de ces œuvres graphiques sont des animations secondaires, donc aujourd'hui je veux vous montrer trois exemples que j'ai trouvés sur Internet, et ces trois vidéos explicatives de différence, ils ont tous un tas d'animation secondaire à l'intérieur. Je veux juste vous montrer et vous donner une idée de ce qu'il est et comment vous pouvez explorer par vous-même, parce qu'il ya tellement de façons différentes de penser à l'animation secondaire, va rendre votre animation plus poli et plus professionnel, il va donner à votre histoire plus d'un caractère à elle, donc sans plus tarder, jetons un coup d'oeil. Le paysage sauvage du marketing numérique est en constante évolution, évoluant à une vitesse qui dit surprenante et passionnante. La seule constante dans ce monde imprévisible est que vous êtes la personne qui doit y naviguer. C' est pourquoi nous avons construit l'école de vol Twitter. Twitter Flight School est une expérience d'apprentissage dynamique conçue pour vous aider à concevoir les meilleures façons d'intégrer Twitter dans votre travail, peu importe ce que vous êtes, c'est une ressource à laquelle vous pouvez revenir encore et encore pour garder la tête des courbes numériques et nous l'avons construit pleinement conscient de votre activité en vous concentrant sur les choses que vous devez savoir et en vous donnant formation pratique grâce à une série de cours personnalisés conçus pour vous amener rapidement à partir d'ici, à l'autre côté de l'innovation, vous apprendrez en faisant, immergé dans une vaste bibliothèque de ressources et, de simulations, piraté avec des données, des recherches et des outils du monde réel. À mesure que vous grandissez, vous débloquerez du contenu exclusif qui peut être déposé directement dans vos présentations et partagé avec les principales parties prenantes. L' école de pilotage n'a pas besoin d'un énorme engagement de temps. Vous suivrez des cours interactifs à votre rythme, en ligne ou même sur votre téléphone, enregistrez chaque fois que vous avez quelques minutes. Lorsque vous êtes prêt à transformer vos connaissances en savoir-faire et que vous ne pouvez plus résister à l'envie de voler, rendez-vous à l'école de vol Twitter et prenez votre envol. Très bien, dans cet exemple, vous pouvez voir quand nous parlons d'animation secondaire, par exemple, cette scène ici, vous pouvez voir la trace de ces avions en papier. Ces sentiers sont des animations secondaires parce que ces sentiers ne sont pas nécessaires pour vous aider à raconter des histoires, mais ils sont là pour donner plus d' attrait visuel à notre animation et pour améliorer votre animation. C' est pourquoi ils sont là, et c'est pourquoi c'est l'un des secrets du graphisme moderne d'ajouter animation secondaire à votre travail afin que votre travail soit plus poli et plus professionnel. Si on saute en avant, tu peux voir ces sentiers. Il va juste ajouter plus d'attrait visuel à l'ensemble de la pièce. Même ces cercles ici, ils sont très subtils, ils sont animés et parfois on les voit à peine. Ils ne durent que quelques secondes à l'écran, mais cela va ajouter plus d'attrait visuel à l'animation. Regardez ces sentiers ici, il y a tellement de différents types de sentiers ici, et ce sont des animations secondaires. Cette dernière scène ici avec un avion en papier remontant tous ces sentiers, et ces sentiers sont tous symétriques, et ces deux sont identiques. Il y a trois types de sentiers, et c'est la première pièce que je veux partager avec vous. Maintenant, passons à la seconde. Il suffit de prêter attention à l'animation secondaire de cette pièce aussi. Oui, profitez-en. [ MUSIQUE] Cette pièce est super amusante ici, et vous pouvez voir qu'elle a beaucoup d'animation secondaire, tout cela étincelle ici, les lignes par ici et les gribouillis là-bas, surtout avec la trompette vu par ici. Toutes ces formes, lignes là-bas, ce sont des animations secondaires. Quand le chien atterrit ici, cette forme a éclaté ici comme une animation secondaire. Si généreux parlant, celui-ci, cette pièce a beaucoup d'animation secondaire, et je veux juste que vous commenciez à penser à l'animation secondaire dans votre projet et réfléchir à la façon dont vous pouvez les appliquer dans votre propre travail pour le rendre plus attrayant visuellement. C' est une autre pièce que je veux partager avec vous. Cette pièce est réalisée par le grand studio de mouvement Giant Ants. Voyons un autre morceau ici. La maintenance de vos applications existantes vous coûte-t-elle du temps et de l'argent ? Sans parler de votre santé mentale. Votre logiciel est-il rempli de correctifs et de solutions de contournement temporaires ? Vos structures désuètes sont-elles inefficaces, improductives et risquent-elles d'une faille de sécurité ? On dirait qu'il est temps d'envisager la modernisation des applications. Réimaginez vos systèmes hérités avec les fonctionnalités et fonctionnalités les plus récentes, votre équipe consacrera moins de temps à la maintenance, réduisant vos coûts d'exploitation tandis que vos clients seront redynamisés par l'utilisateur désormais transparent expérience. Plus important encore, vous vous démarquerez de la compétition. Une application moderne conçue pour répondre aux besoins uniques de votre entreprise, n'est pas seulement un atout ici, c'est votre entreprise. Alors, comment Whitecap peut-il vous aider à moderniser vos applications ? Bref, en exploitant une ou plusieurs des trois stratégies suivantes. Remplacez, en développant une nouvelle application à partir de la base pour répondre aux besoins changeants de votre entreprise. Reconstruisez, remaniez votre application actuelle en utilisant les derniers langages de programmation, en plus d'ajouter des fonctionnalités modernes pour améliorer considérablement l'expérience utilisateur. Réhébergez, migrez vos applications vers le Cloud améliorer l'évolutivité tout en réduisant la complexité et les coûts de support. Prêt à réimaginer votre entreprise. Whitecap peut évaluer vos applications existantes et recommander une stratégie de modernisation pour vous aider à atteindre vos objectifs de transformation numérique. Visitez-nous à whitecapcanada.com pour commencer. Très bien, vous pouvez dire que cette pièce a beaucoup de grande animation secondaire aussi. Chaque fois qu'il y a un contact, vous pouvez voir quand la main clique sur le bouton là, il y a une animation secondaire, l'éclatement et puis il y a une scène de tourbillon ici, et il y a un contact, il y a une rafale de ligne, une ligne éclate là-bas. La bonne chose est, pour cette ligne éclatée, vous pouvez simplement la créer une fois en tant que composition dans votre projet, et chaque fois que vous avez besoin d'une sorte de contact, d'animation secondaire, vous pouvez simplement saisir cette composition et la déposer dans votre chronologie. Il suffit de continuer à réutiliser la même animation secondaire, est très facile, et donc vous pouvez voir toutes ces lignes de cercle là-bas. Très bien, donc c'est à peu près tout dans cette vidéo. Je voulais juste vous montrer ce qui est l'animation secondaire, et rapidement, et juste vous faire réfléchir à ce sujet afin qu'à l'avenir vous puissiez appliquer ces techniques dans votre propre travail pour rendre votre animation plus polie et professionnelle. C' est tout avec cette leçon. 32. Animer comme un professionnel: Très bien, les gars, voici notre projet final. C' est enfin là. Comme vous pouvez le voir, j'ai déjà une configuration de fichier After Effects pour vous, et c'est la composition finale de l'affectation ici. Dans la composition d'affectation finale, nous avons beaucoup d'éléments différents ici sur leur propre calque séparé afin que vous puissiez animer chacun individuellement. Ce que je veux que vous fassiez avec ce projet, c'est d'appliquer tout ce que vous avez appris dans cette classe. Rappelez-vous tous les principes d'animation dont nous parlions  : le squash et l'étirement, le suivi, l'anticipation, overshoots, animer avec le graphique de valeur et le graphique de vitesse, et gardez à l'esprit votre timing et l'espacement, tout cela. Je veux que vous appliquiez autant que possible tout ce que vous avez appris pour animer cette scène ici. Il s'agit d'une scène magnifiquement conçue, sorte que vous pouvez la traiter comme une scène vierge et comment ces éléments entrent dans la scène. Comme peut-être la lampe venant juste de droite, ou peut-être qu'elle tombe juste du haut. Ça n'a pas besoin d'être vraiment réaliste. Je veux que vous exagériez une partie de la motion, des animations. Peut-être que la lampe peut s'écraser et s'étirer quand elle tombe du haut et alors peut-être que la lampe peut aussi rebondir un peu. Comme ces petits éléments ici sur le mur, quand ils entrent, ils peuvent aussi rebondir, ils n'ont pas à atterrir directement sur ce mur. Ce plafonnier, peut-être qu'il peut osciller d'avant en arrière, de gauche à droite. Toutes ces feuilles ici, peut-être que vous pouvez vous plier un peu. Il y a un canapé, peut-être qu'il vient avec un dépassement et tout. Ils ne viennent pas en même temps, vous pouvez penser à suivre. Tous ces principes d'animation que nous avons appris jusqu'à présent, vous pouvez les appliquer. Peut-être que si vous venez de commencer et que vous ne vous souvenez pas de tous, vous pouvez faire une liste de vérification. Chaque fois que vous animez un élément, pensez à tous ces principes d'animation, la liste de contrôle que vous possédez et voyez lequel de la liste de vérification vous pouvez appliquer à l'élément spécifique que vous animez à cette moment. Je veux juste que tu t'amuses avec cette dernière mission. Ce sera un excellent exercice pour vous familiariser avec tous les principes d'animation dont nous avons parlé jusqu'à présent. Il est très important de se souvenir de tout cela, car lorsque vous faites votre propre projet ou que vous travaillez sur un projet réel, vous aurez besoin de ces principes d'animation pour donner vie à vos animations. Une autre chose est, je ne veux pas que vous soyez limité à la scène que j'ai mise en place ici, cette illustration que j'ai mise en place ici en tant que projet final. Si vous êtes peut-être illustrateur ou graphiste et que vous savez déjà comment mettre en place une belle scène et que vous voulez juste commencer avec les animations graphiques, vous pouvez également animer n'importe lequel de vos propres œuvres, quelque chose que vous êtes fier, et quelque chose qui vous excite. Si vous avez une belle illustration que vous voulez animer comme projet final, vous pouvez le faire aussi. L' idée est de pratiquer ce que nous avons appris jusqu'à présent dans cette classe et être en mesure de les appliquer en seule pièce et de l'animer comme une animation professionnelle complète, afin que vous puissiez le mettre sur votre bobine de démonstration pour le lancer à votre client. J' espère que vous vous amuserez beaucoup à animer cette dernière mission, et j'ai hâte de voir ce que vous venez avec. N' oubliez pas de partager avec moi votre projet final. Je serai là pour vous aider en cours de route pour vous donner commentaires ou des commentaires pour vous aider à vous améliorer. Bonne chance. 33. Félicitations ! Prochaines étapes: Tout d'abord, je tiens à vous féliciter d'avoir terminé ce cours. Ce n'est pas un cours facile, mais maintenant tu l'as fait. Ça a été une explosion de t'apprendre au cours de la dernière période, et j'espère que tu as une tonne de connaissances sur ce cours et que tu es excité d'accepter ce qui arrive ensuite. Vous travaillez peut-être encore sur certaines tâches, j'espère que vous l' êtes parce que la meilleure façon de conserver ces connaissances est de pratiquer, et c'est douloureux, je sais, mais nous avons tous été là. N' oubliez pas de partager votre mission avec moi et vos collègues étudiants afin d'obtenir des commentaires et de vous encourager mutuellement. J' espère que vous avez eu beaucoup de plaisir à suivre ce cours, et si vous pouvez prendre une minute pour m'écrire un commentaire, ce serait vraiment apprécié. J' ai aussi d'autres cours d'animation que vous pouvez vérifier si vous êtes intéressé. J' espère que ces principes et ces secrets vous aideront énormément, car cela m'a aidé, et si vous avez des questions qui passent par le cours, je serai là pour vous aider. Merci beaucoup d'avoir suivi le cours. Happy animation.