Animation géométrie avancée avec facilitation et physique

1. Introduction: Bonjour, je m'appelle Home Shoe et je suis designer de mouvement au Canada. J'utilise Adobe After Effects depuis près de dix ans et j'enseigne le motion design en ligne depuis plus de quatre ans. J'ai travaillé pour des marques comme Adidas, PayPal, Walmart, 711, My More, et j'ai également eu l'honneur d' enseigner à plus de 50 000 étudiants Ma passion est d' aider les designers à découvrir le monde passionnant de l'animation et du motion design. Rendre le processus d'apprentissage facile, amusant et efficace pour aider les débutants à se lancer dans cette aventure créative et enrichissante. Dans ce cours complet, je vais vous expliquer tout le processus de création de cette animation en boucle géométrique dynamique avec des mouvements percutants et des styles élégants. Je vais vous montrer les coulisses étape par étape de tout ce que vous devez savoir pour créer une animation comme celle-ci. Vous avez peut-être vu de nombreuses animations captivantes comme celles-ci sur réseaux sociaux et vous vous demandez comment elles peuvent atteindre une telle complexité et un tel niveau de détail Si vous souhaitez améliorer vos compétences, démarquer dans l'industrie, vous êtes au bon endroit Je vous fournirai tous les outils et connaissances essentiels dont vous avez besoin pour maîtriser le style d'animation dynamique. Veuillez noter qu'il ne s'agit pas d'un cours pour débutants, afin d'obtenir les meilleurs résultats. Une solide compréhension d' O Aftereffects et des principes de base de l'animation sont nécessaires. Nous aborderons directement les techniques et les concepts avancés. Donc, si vous débutez dans le domaine du motion design, je vous recommande vivement de consulter abord nos cours d' animation destinés aux débutants. Une fois que vous serez à l'aise avec les bases, je vous encourage à reprendre ce cours et à développer vos compétences. Pour le cours, nous allons donc commencer le cours en explorant où trouver l'inspiration pour les mouvements d'animation et le storyboard est essentiel de comprendre comment recueillir des idées , car cela jette les bases de notre processus de création. Je vais vous aider à établir des directives efficaces et à planifier votre animation en utilisant la hiérarchie. Nous veillons à ce que vous ne vous sentiez pas dépassé par les complexités d'un projet avancé Ensuite, nous aborderons les éléments essentiels du graphe de vitesse avec quelques exemples pour vous familiariser avec les concepts avant de passer à des mouvements plus complexes Cette base vous permettra de manipuler efficacement la vitesse et le timing, un aspect essentiel de la création d'animations captivantes Le cœur de ce cours est notre projet d'animation avancé. Voici un aperçu de ce que nous aborderons dans le cours. Nous expliquerons comment définir les actions clés qui motivent votre animation, comment créer de la profondeur grâce à l'animation d' arrière-plan, comment ajouter de la complexité grâce à l'interaction entre les éléments, comment styliser la scène pour améliorer l'impact visuel, clés pour rendre votre animation percutante et pleine d'énergie, comment intégrer des mouvements secondaires subtils, pour ajouter du réalisme et peaufiner les actions clés qui motivent votre animation, comment créer de la profondeur grâce à l'animation d' arrière-plan, comment ajouter de la complexité grâce à l'interaction entre les éléments, comment styliser la scène pour améliorer l'impact visuel, les clés pour rendre votre animation percutante et pleine d'énergie, comment intégrer des mouvements secondaires subtils, pour ajouter du réalisme et peaufiner vos scènes, comment créer des transitions fluides et efficaces, comment attirer intentionnellement l'attention de vos spectateurs et créer un impact visuel, comment utiliser des plug-ins gratuits et payants pour gagner du temps et améliorer l'efficacité de votre flux de travail. Comment aborder un projet d'envergure comme celui-ci et déterminer la priorité de travailler sur une chose à fois sans être trop dépassé. Nous aborderons également des sujets plus avancés tels que l'exploration fois de l'animation 3D complète et de l'animation 3D réelle dans After Effects afin d'élargir vos possibilités créatives. Comment concevoir des animations complexes et coordonner plusieurs éléments pour créer un récit visuel cohérent, comment appliquer la physique du monde réel pour créer mouvement réaliste qui trouve un écho auprès de vos spectateurs, comment améliorer la précision de votre animation en maîtrisant le Vous pouvez contrôler vos mouvements avec précision grâce multitude de raccourcis clavier et de techniques que les animateurs saisonniers utilisent quotidiennement pour améliorer leur efficacité et leur créativité Ce cours est votre guide ultime pour l'animation rapide, riche en informations précieuses et techniques conçues pour élever vos compétences au niveau professionnel Si vous êtes déterminé à utiliser le matériel et à terminer les tâches, je vous promets que vous obtiendrez des résultats incroyables. À la fin de ce cours, vous deviendrez un animateur plus confiant, prêt à aborder des projets sophistiqués qui mettent votre créativité au défi Ce cours contient tout ce à quoi j'aurais aimé avoir accès à mes débuts, à savoir un aperçu coulisses de l' animation rapide. Ce n'est pas un parcours facile, mais si vous êtes prêt à relever le défi et à évoluer en tant qu'animateur, je suis impatiente de vous voir en classe Ensemble, nous exploiterons votre potentiel et vous préparerons aux opportunités futures dans le monde dynamique du motion design. Commençons, et j'ai hâte de vous voir en classe. 2. Inspiration: Bienvenue dans la classe. Dans cette leçon, je veux parler de l'inspiration et des sources d'inspiration. Si vous avez du mal à trouver l'inspiration pour votre prochain projet, ne vous inquiétez pas. J' ai ce qu'il vous faut. Dans cette vidéo, je vais vous montrer comment accéder à certaines ressources gratuites pour trouver votre inspiration. Tout d'abord, parlons de Pinterest. Pinterest est une plateforme incroyable pour découvrir et sélectionner des idées visuelles. Voici comment vous pouvez l'utiliser efficacement pour le motion design. Commencez par saisir un mot-clé lié à votre projet, comme le motion design, l' animation, les cadres stylistiques ou la typographie cinétique Pinterest vous proposera de nombreux tableaux d'affichage et épingles présentant une variété de styles et de techniques. Ne vous contentez pas de faire défiler la page sans but, créez vos propres tableaux pour organiser vos résultats Vous pouvez créer des tableaux pour différents aspects de vos projets, tels que les combinaisons de couleurs, typographie ou les techniques d'animation Cela vous aidera à garder tout propre et accessible. Ensuite, examinons B Hands. Be Hands est une plateforme fantastique où les designers et artistes professionnels présentent leurs portfolios. C'est une mine d'or pour le travail de haute qualité et les idées innovantes. Recherchez des projets de motion design à l'aide mots clés spécifiques ou parcourez la section motion design. Behance vous permet de consulter répartition détaillée des projets, ce qui peut vous donner un aperçu du processus de création et des coulisses N'oubliez pas de suivre les créateurs dont le travail vous tient à cœur De cette façon, vous recevrez des mises à jour sur leurs derniers projets et resterez inspiré par l' évolution de leurs styles. En ce qui concerne le style spécifique que nous enseignons dans ce cours, l'animation géométrique rapide, nous devons mentionner que le travail d' Austin de Ra V. Austin est une source d'inspiration fantastique Ses animations sont non seulement visuellement époustouflantes, mais mettent également en valeur des techniques sophistiquées qui peuvent vraiment améliorer vos propres projets Regardez cette animation d'Austin. Le mouvement fluide et l'utilisation innovante des couleurs et des formes sont une excellente source d'inspiration. Remarquez comment il utilise le mouvement pour guider le regard du spectateur et créer une expérience visuelle dynamique. Décomposer de telles œuvres peut vous donner un aperçu des techniques d'animation efficaces, que vous pouvez adapter et intégrer à votre propre design. Notre projet dans ce cours est fortement inspiré par le travail d'Austin, et il propose des tonnes de contenu intéressant que vous pouvez consulter sur ses réseaux sociaux. Enfin, j'aimerais vous présenter notre propre communauté Motion Circles. Nous nous engageons à explorer et à partager les dernières techniques et inspirations d'animation par le biais de notre chaîne YouTube et du groupe Disco Si vous avez hâte de rester à la pointe de l'animation et de perfectionner vos compétences, rendez-vous sur de l'animation et de perfectionner vos compétences, motion circles.com. Notre vaste gamme de cours vous guidera, de débutant à expert en animation Avec plus de 50 000 étudiants formés, nos cours sont le moyen le plus rapide et le plus efficace de devenir un animateur professionnel Explorez également notre marché After Effects, où meilleurs motion designers proposent achat des fichiers de projet avancés, vous aidant ainsi à améliorer vos compétences et à apprendre auprès des meilleurs acteurs du secteur. Voilà, qu'il s'agisse de trouver l' inspiration visuelle par pincée, d' explorer Bhands pour un travail de haute qualité, explorer Bhands pour un travail de haute qualité participer à la communauté et aux ressources de Motion Circles ou de découvrir des exemples incroyables tels que le travail d'Austin chez Ces ressources vous aideront à trouver les inspirations dont vous avez besoin pour votre propre projet et à créer votre storyboard unique pour la prochaine animation Tout cela est une question d'inspiration. Je vous verrai dans la prochaine vidéo. 3. Planification de l'animation: Participez à cette leçon sur la planification des animations. Nous travaillerons avec notre storyboard de pré-conception, qui s'inspire des designs de Pinch et de l'animation créée par Austin a Ensemble, nous analyserons le storyboard pour identifier l'animation que nous pouvons mettre en œuvre et comment donner vie à nos idées. Pour créer des animations captivantes, nous les aborderons selon une hiérarchie claire. Cela nous aide à prioriser nos efforts et à nous assurer que chaque aspect de l'animation soutient la vision globale. La hiérarchie comprend l'action principale, la réaction, la stylisation et la transition Passons-les en revue un par un. Parlons d'abord de l'action principale. Notre priorité absolue est d'établir l'animation de l' objet principal de la scène. Par exemple, dans notre premier storyboard, le cercle central est le point focal Nous voulions entrer dans la scène d'un côté , puis tourner vers le centre avec énergie, écartant le carré au fur et à mesure qu'il se déplace. Après cette interaction dynamique, le cercle et le carré ont rebondi ensemble. Cette séquence définit l'action principale et attire l'attention du spectateur sur les éléments du premier plan, préparant ainsi le terrain pour le reste de l'animation Parfois, nous avons non seulement l'action de premier plan, mais également l'action d'arrière-plan Et pour cette première scène, nous aurons également une animation d'arrière-plan en grille pour faire passer l'action en arrière-plan au premier plan La hiérarchie suivante est celle de la réaction. Nous allons nous concentrer sur la manière dont les différents éléments de la scène interagissent les uns avec les autres. Les réactions sont cruciales car elles ajoutent du réalisme et de la profondeur à l'animation. Par exemple, lorsque le cercle pousse un carré, s'agit d'une réaction positionnelle Nous pouvons améliorer cela en incorporant également la réaction d'échelle, où le carré s'agrandit sous l'effet de l'impact, créant ainsi un indice visuel de force, et nous pourrions même explorer la réaction chromatique lorsque le carré change de couleur momentanément en réaction au mouvement En tenant compte de ces quatre aspects, savoir la position, l'échelle, la rotation et la couleur, nous pouvons créer une animation dynamique riche , attrayante et sophistiquée. Ensuite, c'est la stylisation. Une fois que notre action et notre réaction sont en place, nous pouvons passer à la stylisation C'est là que nous ajoutons la véritable touche qui rend notre animation visuellement saisissante. Dans ce projet, nous allons expérimenter des animations de couleur et d' étalonnage, en utilisant une palette de couleurs éclatantes pour attirer l'attention, parti de la répétition, comme la répétition d'éléments dans une scène pour créer une impression de rythme et améliorer l' impact de notre visuel. En incorporant une animation secondaire, telle que l'éclatement de ces cercles qui mettent l'accent sur mouvements, élèvera encore le effets globaux. Des techniques comme le squash et le stretch donneront plus de caractère à nos principaux éléments, sensation de vie et leur permettront de suivre leur personnalité. N'oubliez pas que la stylisation est une troisième priorité. Nous devons d' abord établir les actions et les réactions fondamentales les actions et les réactions fondamentales pour éviter de nous laisser submerger par la complexité du projet Et la dernière chose dans la hiérarchie, c'est la transition. Bien que les transitions constituent la quatrième priorité de la liste, devez toujours les garder à l'esprit lorsque vous animez Une transition bien conçue peut améliorer considérablement le flux entre les scènes. Que vous vous inspiriez d' une animation accrocheuse ou que vous fassiez simplement un match cut simple mais efficace. La planification de ces transitions est essentielle pour créer une expérience cohérente Dans ce projet, nous utiliserons principalement des allumettes. Il est donc important de réfléchir à la manière dont chaque scène est parfaitement liée. Prendre le temps de planifier ces transitions vous aidera à créer des projets finaux soignés. Cette leçon sert guide complet pour notre approche des projets d'animation complexes. En décomposant le processus en étapes claires, nous le rendons plus facile à comprendre et à exécuter. Au fur et à mesure que nous avançons, je vais vous montrer comment appliquer ces principes d'action, réaction, de stabilisation et de transition dans notre animation. Veiller à ce que vous vous sentiez en confiance et prêt à démarrer un projet d'animation aussi complexe. Passons à la vidéo suivante et donnons vie à nos idées. 4. Bases du Speed Graph: Passons en revue quatre exemples différents, et je vais vous montrer comment fonctionne le graphique de vitesse et comment nous allons l'utiliser pour obtenir le mouvement exact que nous voulons. Passons d'abord à cette composition rebondissante. Voici notre animation. Vous pouvez voir que nous avons cette balle qui rebondit sur cette plateforme puis tire dans l'autre sens Si nous allons dans l'éditeur de graphes et que nous affichons le graphique de l'animation de la balle, il s'agit en fait de la courbe rebondissante que nous avons En termes de graphique de vitesse, nous avons deux axes, l'axe x sera notre chronologie, puis l'axe y sera en fait la vitesse de l'objet ou des éléments. C'est donc un jeu de vitesse contre le temps. Si nous regardons le premier point ici et que nous l'avons sur ce point, il est indiqué zéro pixel par seconde. La vitesse est en fait nulle, lorsque le point est tout en bas, et plus le point est haut, plus la vitesse sera rapide. Dans ce cas, nous avons cette balle qui part de zéro et qui prend des photos assez rapidement, à une vitesse de près de 15 000 pixels par seconde, puis elle touche cette plateforme et elle rebondit de l'autre côté Donc, en gros, lorsque nous réalisons une animation rebondissante, on s'attend à ce qu' une courbe comme celle-ci soit symétrique, car l'énergie est toujours transportée lorsqu' elle rebondit sur En gros, la première étape consiste à augmenter la vitesse de la balle parce qu'elle descend, tombe du ciel ou que quelqu'un l' a lancée, c'est de prendre de la vitesse, puis une fois qu'elle touche la plateforme, l'énergie est transférée dans l' autre sens. Nous allons donc avoir une courbe de vitesse symétrique qui montre que vous partez dans l' autre sens et que vous perdez lentement de la vitesse au fur et à mesure que la balle remonte. La clé, c'est donc l'énergie. Lorsque nous pensons à l'animation ou au graphique de vitesse, nous devons conserver l' énergie lorsqu'elle rebondit Permettez-moi donc de vous montrer comment nous animons cette courbe de rebond ici. Permettez-moi de copier la plateforme et le ballon. Passons à la composition principale. Je vais faire une démonstration ici, puis je vais simplement supprimer toutes les images-clés Nous avons la plateforme ici, nous avons le ballon ici. Ajoutons une propriété de position à 0 seconde, puis avançons, peut-être dix images. La balle frappe cette plate-forme, puis elle passe à nouveau dix images, rebondit sur la plate-forme, sort de l'écran Si nous ne faisons aucun assouplissement, il s'agit en fait de l'animation. Mais ce n'est pas ce que nous voulons. Ce n'est pas naturel. Donc, ce que nous devons faire c'est recliquer sur Keyframe Assistant Easy Ease. Et il s'agit d'un assouplissement par défaut. Cependant, cela ne fonctionnera pas car cela n'a pas l'air naturel. Ce que nous devons faire, c'est cliquer sur ce bouton, appelé éditeur de graphes, puis cliquer sur le deuxième bouton ici, nous assurant de sélectionner le graphique d'édition B ici. Tout ce que nous faisons dans ce cours est basé sur le graphe vocal Nous n'utilisons donc le graphe vocal que pour animer tout le contenu de ce cours Et nous pouvons utiliser ce bouton ici pour ajuster le graphique à afficher. Si nous pensons à la physique, cette balle est soit lancée par quelqu'un, soit elle tombe simplement du ciel. La balle est donc censée prendre de la vitesse, et la vitesse devrait devenir de plus en plus rapide. Dans ce cas, nous allons simplement faire glisser cette poignée vers la droite pour qu'elle ait 100 % d'influence. Et ensuite, faisons glisser celui-ci, peut-être lui donner une influence de 15 %. Nous allons donc atteindre la vitesse maximale ici. Et souvenez-vous de ce que nous avons dit à propos de la courbe rebondissante, elle doit être symétrique Nous devons donc creuser cette poignée vers la gauche , puis la faire glisser jusqu'à 100 % d'influence, ramener à environ 15 %. Vous pouvez donc voir une courbe presque symétrique, ce qui signifie que l'énergie est reportée après le rebond. Donc, comme je l'ai dit, la clé ici est l'énergie, nous devons maintenir l'énergie lorsque l'objet rebondit Avec une courbe comme celle-ci, vous pouvez voir que l'énergie est maintenue, est transférée, qu'elle n'est pas perdue. Nous avons donc l'animation après avoir modifié la courbe, ça va être comme ça. C'est assez rapide. C'est assez rapide. Nous pouvons gagner plus de temps si nous le voulons. Mais vous comprenez que c'est essentiellement le type de courbe dont nous avons besoin dans une situation de rebondissement Nous avons besoin d'une courbe comme celle-ci. Presque symétrique pour maintenir l'énergie. Et avec notre exemple, j' anime également la position de la plateforme pour qu'elle interagisse avec la balle lorsqu'elle est frappée Nous allons faire de nombreuses animations rebondissantes pendant le parcours N'oubliez donc pas que cette courbe que nous utilisons pour le rebond aura des courbes presque symétriques pour garantir que l' énergie est constante Et c'est pour le premier exemple, un exemple de rebond. Passons à la deuxième composition. Et celui-ci, nous allons vous montrer comment nous procédons aux matches cuts. Nous utilisons donc Match Cut pour presque toutes nos transitions au sein du cours. Je veux donc vous montrer comment fonctionne Match Cut. Jetons un coup d'œil à cet exemple ici. Nous avons ce cercle, qui se trouve dans la première scène. Supposons que ce cercle soit la scène entière que nous avons dans la première scène, puis que la deuxième scène soit ce carré. Donc, pour les matchs coupés, en gros, nous avons un mouvement similaire entre les deux scènes, puis nous coupons juste entre ces deux scènes, et cela donne l'illusion que quelque chose ressemble presque à une magie qui opère. Si nous regardons la courbe ici, pour la première scène, à la fin de la première scène, nous faisons toujours une courbe d'assouplissement extrême, l'une d' entre elles consiste à découper des allumettes. Nous exerçons donc toujours une influence de 100 % sur le côté gauche, puis de 0 % sur le côté droit. Nous sommes donc confrontés à une courbe d' assouplissement extrême. Et puis pour la deuxième scène, si on regarde la position, on fait toujours une courbe d'assouplissement extrême de l'autre côté. Nous allons exercer une influence de 0 % sur la gauche , puis de 100 % sur la droite. Donc, en gros, c'est presque comme une courbe rebondissante que vous voyez tout à l'heure, mais nous poussons les choses à l'extrême, car si nous montrons les deux graphiques ensemble, devient un seul mouvement exact, une animation, cela devient un seul mouvement exact, une animation, quel que soit le nom que vous voulez, sorte que notre transition se fasse très facilement Parce qu'à ce stade, c'est censé être une transition ou une coupure entre deux objets. Cependant, nous avons la vitesse exacte, ou nous atteignons la vitesse maximale pour ce mouvement, puis nous transportons l'énergie tout au long de ce mouvement. Le mouvement est donc très fluide, mais nous nous situons entre deux coutures différentes. C'est donc d'un match cut dont je voudrais parler. Laissez-moi vous montrer comment nous procédons. Copions simplement les deux sèmes, passons à la composition principale Nous allons supprimer le dernier exemple que nous avions. Ensuite, nous allons également supprimer toutes celles-ci. Disons que nous avons deux objets ici. C'est une bonne chose. Ensuite, animons d'abord la propriété de position de ce cercle Nous allons faire descendre le cercle. Passons à 410 images, descendre le cercle. D'ici à ici. Ensuite, cette case sera également déplacée vers le bas. Square déménage ici. Je vais donc faire avancer le carré. Et puis c'est un point critique. Je vais couper le cercle ici. Donc, en gros, quand le cercle arrive ici, c'est ici que je vais commencer par mon carré, puis le carré va descendre ici. C'est donc l'animation que nous avons pour les matchs coupés. Si je n'y ajoute aucun assouplissement, c' est exactement ce qui se passe. Ils ont exactement le même mouvement, mais nous nous situons entre les deux. Et maintenant, ajoutons-y une courbe. Re-cliquez, assistant d'image HD, facile à utiliser, puis passons à la tape vocale. Ajustez le graphique pour l'afficher en fonction de la première scène, car elle est en train de sortir Nous avons donc besoin d'une courbe d' assouplissement extrême vers la droite. Poussez donc la poignée gauche à 100 %, puis poussez la poignée droite à 0 %. Ensuite, pour la deuxième scène, appuyez sur position. Nous devons également d' abord cliquer avec le bouton droit sur l'assistant aux images-touches, puis accéder à l'éditeur de graphes, appuyer sur la poignée gauche jusqu'à 0 % d'influence, puis la poignée droite a 100 % d'influence Et maintenant, si je montre les deux images-clés, les deux couches, vous pouvez voir que c'est la courbe que nous avons, et si je montre l'animation, le mouvement est super fluide et nous sommes en train de couper entre les deux C'est donc presque comme par magie. Le cercle est soudainement devenu un carré. Plus tard, nous pourrons également ajouter une propriété de rotation à ces deux formes, et nous allons obtenir cet exemple d'animation que nous avons montré ici. Donc, dans cet exemple, la chose la plus importante que vous devez retenir est que pour les matchs que nous effectuons tout au long du projet, l'un d'eux est la sortie. Quand c'est à la fin d'une scène, disons la scène 1, c'est la fin. Assurez-vous que nous effectuons un relâchement extrême vers la droite, en tirant à pleine vitesse. Et puis c'est le début de la scène suivante, qui est la scène deux ici. Nous allons procéder à un assouplissement extrême vers la gauche. Nous allons récupérer toute l'énergie, toute la vitesse de la scène précédente, car vous pouvez voir le graphique de vitesse ici, lorsqu'il arrive, à pleine vitesse et à pleine force. C'est donc de là que vient l'énergie. Cela vient de la scène précédente. C'est le plus important. Nous devons nous rappeler que l'énergie provient de la scène précédente. Et dans le troisième exemple, je vais vous montrer comment nous allons travailler avec graphique de vitesse pour une animation plus simple comme celle-ci. Nous avons un cercle qui va simplement parcourir ces deux anneaux. Cependant, cela va suivre la physique. Cela va accélérer et ralentir, ce qui augmente, s' accélère, il y en a un qui descend. Voyons donc comment nous allons procéder. Copions les trois couches sur notre composition principale. Et laissez-moi supprimer les images clés. Supprimez également l' effet d'écho sur le ballon. Je vais déplacer cette balle vers le haut de ce premier anneau. Et c'est le point de départ de mon bal ici. Essentiellement, je veux que cette balle se déplace le long du contour de cet anneau, comme s'il s'agissait de montagnes russes, donc elle accélère, l' une descend, puis ralentit, l'autre remonte C'est l'animation que nous voulons. Ajoutons une image-clé à zéro seconde en haut du premier anneau, puis avançons de 20 images Faisons glisser cette balle jusqu'au bas du deuxième anneau. Essentiellement, il suffit d'ajouter un changement de position ou une image-clé chaque fois qu'il y a un changement de vitesse Nous n'ajoutons donc que quatre images clés dans ce cas. Avançons à nouveau de 20 images. Je vais juste le déplacer vers le haut du deuxième anneau. C'est un autre endroit où il y a un changement de vitesse, puis on avance de 20 images supplémentaires. Déplacez celle-ci vers le bas, puis avancez de 20 images supplémentaires, déplacez cette balle ici en haut. Et cela complète notre boucle. Cependant, nous devons ajuster la trajectoire du mouvement de manière à ce qu'il s'agisse d'une trajectoire courbe plutôt que d'une trajectoire droite. Passons à la sélection de toutes les images-clés de position, puis à l'outil d'épingle Cliquez sur cet outil de conversion de vertex, et nous devons zoomer Convertissez ce point ici pour dessiner cette poignée afin que nous puissions presque donner à cette trajectoire de mouvement une courbe suivant ma bague d'origine ici. Je vais donc simplement faire glisser cette poignée pour m'assurer que notre trajectoire suit cet anneau que nous avons à l'arrière. Donc je vais juste sortir ce manche très gros. Ensuite, je vais faire glisser cette poignée vers l'extérieur pour m' assurer qu'elle suit presque la trajectoire du mouvement de cette manière. C'est une bonne chose. Ensuite, je vais faire glisser cette poignée ici. Faites à nouveau glisser cette poignée. Ajustez simplement cette trajectoire de mouvement pour vous assurer qu'elle est alignée avec mes anneaux situés à l'arrière , puis faites-la glisser vers l'extérieur. Il est donc très difficile de voir où se trouve cette poignée si vous ne sélectionnez pas la dernière image clé. Sélectionnez le dernier image-clé, puis vous pouvez faire glisser cette poignée vers l'extérieur, comme ceci. Déplacez-le un peu à l'intérieur. OK, cela complète notre trajectoire de mouvement, et vous pouvez voir que la trajectoire est totalement alignée avec mon cercle à l'arrière. Tout d'abord, sélectionnons tous les images-clés de la propriété position. Ensuite, nous pouvons Reli Keyframe Assistant, facile. Passons à l'éditeur de graphes Si je ne change pas le graphique de vitesse, voici à quoi il ressemble. Voici à quoi ressemblait l' assouplissement par défaut. Ce n'est pas naturel. Ce n'est pas l'animation que nous voulons. Revenons plutôt au graphique de vitesse, puis ajustons le graphique pour l'afficher. Réfléchissons à cette animation ici. Donc, lorsque la balle arrive en haut, elle doit être la plus lente car elle atteint le point le plus haut Et puis, quand il baisse, il devrait accélérer la prise de vitesse. Donc ce point ici serait le point le plus rapide que le ballon aura. Donc, en gros, ici, je vais faire glisser cette poignée complètement vers la droite pour lui donner peut-être 0 % d'influence. Ensuite, pour le premier point, ce sera le plus lent Je vais donc faire glisser cette poignée complètement vers la droite, pour lui donner 100 % d'influence Nous avons donc une courbe comme celle-ci. Il prend lentement de la vitesse, puis à ce stade, ce sera le plus rapide. Cependant, l'énergie était simplement rester, car une fois que la balle aura dépassé ce point, elle commencera lentement à perdre de l'énergie parce qu'elle gravit une très haute montagne ici ou qu'elle gravit un très haut toboggan ici, jusqu'au sommet. Donc, en gros, à partir de maintenant, je dois déplacer ma poignée vers la gauche, puis déplacer cette poignée vers la gauche pour former une courbe comme celle-ci. Pour atteindre le point le plus haut, ce sera une courbe plate qui perdra beaucoup d'énergie. Et puis pareil, je vais changer cette courbe de ce côté, puis changer la courbe de ce côté. Nous allons donc avoir une courbe comme celle-ci où trois points seront plats Lorsque la balle atteindra le haut des montagnes russes, puis un point en bas, elle se déplacera le plus rapidement, c'est-à-dire à pleine vitesse Voyons à quoi ça ressemble maintenant. Et vous pouvez voir que c'est beaucoup plus fluide. C'est vraiment intéressant. C'est tout à fait naturel maintenant car vous pouvez voir la balle prendre la vitesse descendre puis perdre lentement de la vitesse en remontant. C'est essentiellement ce dont nous avons besoin avec le graphique de vitesse, nous sommes capables de réaliser cette animation naturelle, et c'est aussi le mouvement exact que nous voulons. Nous pouvons également ajouter un effet d'écho au graphique de vitesse, et ce sera le dernier que nous aurons. C'est intéressant Et c'est tout pour cet exemple. 5. Speed Graph avancé: Jetons un coup d'œil à cet exemple forcé. Il s'agit d'une animation complexe qui sera animée à l'aide du graphique de vitesse Nous avons une balle dans la scène, et cette balle se déplacera le long cette trajectoire comme des montagnes russes Il accélérera en descente et ralentira en montant. Prévisualisons-le pour le moment. Vous pouvez voir qu'il suit la physique et qu'il voyage comme des montagnes russes Voyons comment nous pouvons animer celui-ci à partir de zéro. Copions ces deux couches. Placez-les dans la composition principale, supprimez toutes les images clés Désactivez les effets d'écho pour le moment. Nous aurons besoin de cette balle pour suivre ce chemin. Pour ce faire, entrons dans cette couche de chemin, passons au contenu, à la forme, puis à la propriété du chemin. Cliquez sur le chronomètre et sur une image-clé sur le chemin. Ensuite, nous pouvons copier cette image-clé, coller sur la propriété de position de la couche de balle Vous pouvez maintenant voir que cette trajectoire de mouvement est appliquée à notre couche de billes. Il suffit de déplacer légèrement le chemin sur le côté pour l'aligner sur ma couche de chemin. Si je prévisualise, voici à quoi ressemble l'animation par défaut, un peu dingue et cela n'a aucun sens. Cela va également dans la mauvaise direction. Je veux que le ballon se déplace de gauche à droite. Sélectionnons donc toutes les images-clés dans la propriété position. Clic droit, assistant d'images, images clés inversées dans le temps. Maintenant, le sens de déplacement de ma balle sera inversé et elle se dirigera vers la droite. Ensuite, sélectionnons toutes les images-clés. Une chose à noter ici est que lorsque nous dessinons une trajectoire de mouvement, il est très important de dessiner sur le point d'ancrage chaque fois qu' il y a un changement de vitesse pendant la trajectoire de mouvement. Cela signifie que nous dessinons uniquement le point d'ancrage ou le point de sommet en haut et en bas de chaque boucle Parce que c'est là que le changement de vitesse va se produire. Ainsi, une fois l'image-clé appliquée, nous pouvons utiliser le graphique de vitesse pour contrôler le changement de vitesse en haut et en bas de chaque boucle Ensuite, une fois toutes les images-clés sélectionnées, cliquez, désactivez Rove Across Time Par défaut, il crée ces images clés itinérantes lorsque je colle la trajectoire de mouvement Cependant, l'animation ne fonctionne pas, nous devons donc les rétablir en images-clés normales ici Ensuite, nous pouvons simplement accéder à Easy Ease pour toutes les images-clés. Accédez à l'éditeur de graphiques, et voici le graphique de vitesse que nous avons actuellement. Il s'agit d'un graphique de vitesse par défaut. Si je prévisualise, l'animation n'a aucun sens non plus. Alors, commençons par sélectionner toutes les images-clés. Laissons cette animation plus lente dans l'ensemble. Maintenez donc la touche option enfoncée pour faire glisser la dernière image-clé afin d'espacer uniformément ces images-clés et de porter ce délai à 4 secondes Nous ajoutons donc plus de temps à cette animation. Il faudra maintenant 4 secondes pour que l'animation complète soit terminée. C'est une bonne chose. Analysons ensuite cette animation à l'aide de notre graphique de vitesse. Nous pouvons réaliser cette animation en deux étapes. La première étape consiste à appliquer le graphique de vitesse adapté à chaque boucle. Lorsque la balle est en haut, elle doit avoir une vitesse très lente. Et puis, une fois qu'il aura glissé en descente, il commencera simplement à accélérer Le deuxième point va donc prendre de la vitesse. Ensuite, il recommencera à monter pour perdre de la vitesse, puis il glissera vers le bas pour accélérer à nouveau. Ainsi, notre objet voyagera comme montagnes russes en accélérant et en ralentissant constamment Vérifions-nous d'abord que nous sommes dans le graphique de vitesse ici. Ajustons la courbe. Premier point : faites glisser la poignée vers la droite pour obtenir 100 % d'influence. La courbe est donc plate au début avec une vitesse très lente. Et puis le deuxième point fait glisser la poignée vers la droite. Ce sera donc la vitesse la plus rapide ici. Ensuite, la balle ralentira, alors faites glisser cette poignée vers la gauche et aplatissez le troisième point. Comme c'est un point haut avec une vitesse lente. Nous allons donc continuer à alterner les graphiques entre haute vitesse et basse vitesse. Ici, ce sera assez rapide, alors faites glisser les deux poignées vers le centre pour créer un pic ici, puis cela ralentira au point suivant, donc ramenez la courbe à plat ici, puis elle accélérera à nouveau. Je vais encore une fois ralentir. Vitesse rapide ici avec le pic, puis vitesse lente ici avec une courbe plate. Même chose pour le reste des points. Voyons ce qui se passe une fois la courbe ajustée. Vous pouvez voir que la balle accélère et ralentit lorsqu'elle fait le tour de chaque boucle, avons indiqué dans la trajectoire de mouvement C'est un excellent premier pas. Cependant, le problème est que ces boucles sont connectées et que nous ne traitons pas chaque boucle individuellement. Nous devons les traiter ensemble comme une seule grande trajectoire de mouvement. Comme si tu étais sur des montagnes russes. Ainsi, lorsque la balle ralentit au deuxième point, elle ne perdra pas toute sa vitesse. La vitesse ne deviendra pas nulle. Il aura toujours beaucoup de vitesse. Nous devons donc remonter le deuxième point pour lui donner plus de vitesse, puis le rapprocher du premier point, car il faudra très peu de temps cette balle pour gravir la petite colline. Marquez ensuite le troisième point avec la vitesse la plus élevée, mais pas aussi élevée que le premier pic ici. La vitesse sera la plus rapide dès la première descente, puis l'énergie perdra lentement au fur et à mesure que nous gravirons la colline ici et là Voyons donc ce qu'il advient de notre animation avec cet ajustement du graphique de vitesse. J'ai un problème avec ce point ici. Je ne veux pas que ce point perde toute sa vitesse , car il devient presque nul sur le graphique. Je dois donc vous donner un peu de vitesse manuellement. Recliquons sur ce point, passons à la vélocité des images-clés, modifions-la à 200 pixels par seconde pour les images entrantes et sortantes Donc, à ce stade, vous pouvez le voir légèrement soulevé et il prend un peu de vitesse à ce stade. Je trouve que la boucle latérale droite est superbe. Allumons l'écho si c'est le cas et voyons à quoi il ressemble. Je pense qu'ici, la vitesse est trop rapide. Permettez-moi donc de réduire l'influence sur le manche pour ralentir cette partie de la vitesse, et jetons un coup d'œil. Je pense que cela fonctionne. Cela ressemble beaucoup à des montagnes russes maintenant sur ce côté droit Comparons cette animation sur les boucles du côté droit aux boucles du côté gauche. Et vous pouvez voir que le côté gauche ne suit pas la physique et que les changements de vitesse sont omniprésents, mais nous allons corriger cela maintenant. Passons d'abord au deuxième point le plus élevé. Cliquez à nouveau, la vélocité des images-touches passe à 100, donc cela ne s'arrêtera pas là lorsque la balle passe Et puis, à ce stade, il ne perdra pas toute son énergie. Nous devons donc relever ce point qu'il continue à prendre de la vitesse. Essayez également de rapprocher ce point de l'image-clé qui le précède car la distance à parcourir par la balle est très courte Cela devrait se faire très rapidement, et nous allons nous rapprocher de l' image-clé Ensuite, nous nous rapprocherons également du point suivant, donc j'aurai le plus petit pic de vitesse dont nous avons besoin ici à un point bas. Ensuite, nous ne voulons pas que la vitesse soit nulle, alors passez à nouveau à la vélocité des images-clés à 200 pixels par seconde Et dans la dernière section, il faudra d'abord accélérer puis ralentir pour gravir cette dernière grande colline Je trouve que la courbe est belle. Prévisualisons l' ensemble de l'animation. Ça a l'air vraiment fluide. Je crois que ça me plaît. Il existe un excellent contraste entre lente et la vitesse rapide dans les différentes boucles, et cela suit la physique. Il voyage comme des montagnes russes. Voilà, vous l'avez. Voici comment vous allez utiliser le graphique de vitesse pour animer une animation de trajectoire de mouvement complexe 6. Graphique de vitesse: Dans ces deux leçons précédentes, nous avons abordé différents scénarios dans lesquels des graphiques de vitesse sont utilisés. Dans ce cours, je m'occupe de votre premier devoir. N'oubliez pas que la pratique rend parfait. Comprendre le concept n' est qu'un début. C'est grâce à la pratique que ces compétences deviendront seconde nature et vous aideront à améliorer vos capacités. Pour votre mission, j'aimerais que vous suiviez les exemples tirés de nos récentes leçons sur les graphiques de vitesse. Commencez par une animation simple dans laquelle un petit cercle se déplace le long de deux anneaux, comme dans le troisième exemple, puis créez une animation plus complexe comportant une trajectoire de mouvement complexe inspirée du quatrième exemple que je vous ai montré N'hésitez pas à utiliser la trajectoire de mouvement pour la créer dans la leçon. Ou vous pouvez créer le vôtre. Vous pourriez même avoir envie de créer vos propres montagnes russes. L'essentiel est de faire en sorte que l'animation soit naturelle avec un contraste clair entre les mouvements lents et rapides. Les montagnes russes devraient accélérer lors de la descente et ralentir lors de la montée, juste pendant que nous nous entraînons en classe J'ai hâte de voir ce que tu trouveras. Une fois que vous aurez compris le fonctionnement du graphe de vitesse, vous serez bien préparé pour les prochaines leçons de ce cours. Avant de vous plonger dans le contenu principal, assurez-vous de bien comprendre ces exemples. Nous nous concentrerons exclusivement sur l'animation à l'aide de graphes de vitesse Il est donc essentiel de bien comprendre leur fonctionnement pour suivre les leçons à venir. Si vous rencontrez des difficultés avec les graphiques de vitesse, ne vous inquiétez pas. Nous proposons également un cours complet sur le graphique de vitesse et le graphique de valeurs, ainsi que sur l'éditeur de graphiques qui permet de mieux comprendre. N'hésitez pas à consulter d'abord ce cours de base et à revenir à ce cours avancé une fois que vous serez à l'aise avec les bases C'est tout pour cette leçon. Je vous verrai dans la prochaine vidéo. 7. Animer la première action: Allons-y. Commençons maintenant par l'animation. Voici notre storyboard. Nous pouvons partir de la première scène ici, comme vous pouvez le voir, nous avons déjà établi la première scène. Et comme nous en avons déjà parlé, nous avons mentionné qu'il y aura de l'action dans chaque scène. Et pour ce qui est de cette première scène, l'action serait que la balle frapperait simplement le centre de la case et rebondissait peut-être d'une manière ou d'une autre dans la scène Je veux que cette balle tire depuis le coin gauche , puis qu'elle remonte et rebondisse peut-être un peu, qu' elle remonte et qu'elle redescende elle remonte et qu'elle redescende Ce sera donc le mouvement de la balle dans cette scène comme l'action de l'animation au premier plan Ensuite, pour ce qui est de la réaction, je veux que cette case soit déclenchée par le coup de balle, puis qu'elle suive la balle, elle parcourt la scène pour créer une animation pleine d'énergie. Plus tard, nous parlerons de la silisation de la première scène, qui comportera le dégradé de couleurs, la répétition, l' animation secondaire et un peu de squash et d'étirement sur le ballon Commençons donc par l'animation. Je vais utiliser le plugin Overload. Passons à la surcharge des extensions Windows. Ce sera le moyen le plus simple de transférer calques de forme entre Illustrator et After Effect. Tout d'abord, je dois créer un projet After Effects. Passons à After Effects. Créons une nouvelle composition appelée Main Comp, produisant 1920 x 108030 images par seconde. Durée, nous pouvons lui donner environ 15 secondes. Cela devrait suffire. Cliquez sur Ce sera mon domaine de travail. Et puis le plugin que je vais utiliser s' appelle Ease Copy. C'est très important car parfois nous n'allons pas réanimer quelque chose que nous avons déjà Nous allons simplement copier la valeur d' assouplissement avec ce plugin. Et puis, pour les outils de mouvement, vous pouvez également explorer par vous-même, mais la plupart du temps, je les utilise simplement pour repositionner le point d'ancrage Retournez à Illustrator. Enfonçons ce cercle dans le projet After Effects. Il suffit d'appuyer sur ce premier bouton ici, et nous avons maintenant un cercle. Oh, désolée, la composition que nous avons créée doit être verticale, donc elle sera de 1080 en 1920. Cliquez sur OK ? Et maintenant, nous avons une taille verticale. Revenons à Illustrator. Cliquons sur le carré déjà pivoté. Transférez celui-ci dans After Effects, puis revenez en arrière, cliquez sur celui-ci, enfoncez le carré dans After Effects. Ensuite, la dernière chose que nous allons faire est la grille, mais la grille est déjà conçue dans Illustrator. Je sais à quoi cela ressemble et ce que cela devrait être Nous allons donc recréer la grille dans After Effects car nous devons animer ces lignes En ce qui concerne les éléments de la première scène, c'est tout ce dont nous avons besoin. Nous n'avons besoin que de trois éléments. Retournez à After Effects. Nous pouvons renommer ces éléments, appelés celui-ci. Ballon. Et puis, pour ces deux carrés, cela n'a pas vraiment copié ma valeur de note. Je veux cacher celui-ci. OK. La valeur de notation ne fait en fait pas partie de la valeur carrée qu'elle a conçue Il s'agit donc en fait de deux choses distinctes. Dans ce cas, je vais simplement recréer ce carré dans After Effects pour vous faciliter Donc, pour ce faire, nous n'avons même plus besoin de ces deux carrés, mais vous savez quoi, laissez-moi simplement appuyer sur l'outil rectangle, puis dessiner un rectangle, maintenez enfoncé. Option et commande pour en faire un carré parfait, et ce sera mon carré au centre. Passons à une ligne au centre, puis vérifions-nous que le point d'ancrage se trouve bien au centre du carré. Maintenez simplement la touche Commande enfoncée et double-cliquez sur cet outil panoramique. Cela va repositionner le point d'ancrage au centre du carré Appelons cela un carré un, puis dupliquons le carré un. Je peux peut-être changer l'échelle comme ça, juste pour l'agrandir un peu, puis je peux masquer le carré deux, supprimer ces deux carrés, puis pour le premier, nous n'allons pas le styliser pour le Je vais donc simplement ajouter un fond de couleur au carré. Peut-être le changer en vert comme celui-ci. Ensuite, pour le coup, faisons deux points, changeons la couleur du trait pour qu'il soit peut-être blanc, et déplaçons la balle sur le dessus. Donc, la balle est devant le carré, changez le vert en vert plus foncé comme ceci. OK, ça a l'air bien. Ce sera donc notre configuration initiale. Plus tard, une fois l'animation ajoutée, nous allons la styliser dans la vidéo suivante Mais pour cette vidéo, nous allons animer cette première scène Tout d'abord, je veux animer la balle qui entre. Allons donc appuyer sur P sur le clavier pour la position. Appuyez sur le chronomètre, ajoutez une image-clé, avancez de cinq Utilisez la flèche droite, un, deux, trois, quatre, cinq, pour cinq images. Ensuite, ajoutez une image-clé ici. Revenez à 0 seconde, déplacez la balle vers l' extérieur du cadre. La balle va juste tirer du coin inférieur gauche vers le centre de mon écran. Et puis, une fois que la balle touche le carré, je veux que le carré et la balle voyagent ensemble. Donc, en gros, seules ces deux images clés seront utilisées dans ce cas. Et en termes de réaction, j'ai besoin que ces deux images voyagent ensemble Je dois donc passer à la couche, créer un nouvel objet nul, appeler celui-ci un contrôle, un, puis associer ces deux couches au contrôle. Maintenant, appuyez sur P sur le clavier pour afficher la propriété position de l'objet nul du contrôleur. Une fois que la balle aura touché le centre de cette case, je vais tout tirer, à la fois sur la balle et sur le carré vers la droite. Il fait donc un chronomètre à une image-clé, puis avance, peut-être trois images, une, deux, Je veux que cette action soit vraiment rapide. Alors maintenant, vous pouvez voir qu'un parent n'est pas la bonne chose. Je dois aussi être le parent du carré un, puis cachons le carré deux pour le moment. Optez pour trois images, une, deux, trois. Déplaçons maintenant l'objet nul vers la droite pour que la balle et le carré se déplacent ensemble. Et voici une configuration de base de ma première animation. Ensuite, je vais peut-être avancer dix images supplémentaires pour que ces deux objets rebondissent à nouveau, puis passer à dix autres images Fais rebondir celui-ci, puis passons à 15 images Pour que tout se passe mal. Et maintenant, vous pouvez voir qu'ils suivent un chemin que j'ai dessiné avec mes objets nuls. Allons donc sélectionner toutes les images-clés. Cliquez sur R. Keyframe Assistant, facile à utiliser. Nous allons devoir ajouter un peu d' assouplissement à ces animations. Sélectionnons les deux images-clés du ballon. Accédez à l'éditeur de graphes. Je veux que cette balle sorte dedans. Donc, ça va être assez rapide. Passons au graphique de vitesse, ajustons le graphique pour le visualiser. Donc, quand le ballon arrive, je voulais frapper le carré à toute vitesse. Donc, une fois qu'elle touche le carré, je veux que la balle soit à pleine vitesse. Faisons donc glisser le manche vers la droite. Et c'est là que la balle touche le carré. Cela va atteindre environ 10 000 pixels par seconde en termes de vitesse. Et puis, quand ça arrivera, je veux juste avoir une courbe d'assouplissement comme celle-ci. Ce sera donc ma balle qui arrivera à zéro pixel par seconde, jusqu'à 10 000 pixels par seconde ici. C'est le mouvement de mon objet, prévisualisons-le. Vous pouvez déjà voir que ma balle est forcée et touche le carré. Cependant, comme vous devez ajuster les courbes de ces images-clés, passons à l'éditeur de graphes Pour ce qui est des courbes sur celui-ci. Vous pouvez donc voir qu'une fois que la balle touche le carré, le carré sera affecté par toute la force de la balle. Donc, dans ce cas, une fois, un coup atteindra sa pleine vitesse. Ma poignée va donc être tournée vers la gauche, puis cette courbe va monter à toute vitesse, puis je vais simplement me détendre pour passer à une deuxième position. Une fois qu'il aura rebondi ici, je vais juste lui donner peut-être 75 % d'influence sur le côté droit Et puis ici, c' est là que la balle rebondit en quelque sorte dans le coin gauche du cadre Je vais juste lui donner une légère courbe de rebond ici comme ça Ça va récupérer de l'énergie. La balle entre donc en douceur, perd presque toute son énergie, perd presque toute son énergie, puis elle rebondit en quelque sorte pour récupérer de l'énergie Ensuite, il passe au sommet, où il va perdre beaucoup de vitesse, rendant la courbe vraiment plate. Ensuite, il va tomber librement du haut, former une courbe descendante comme celle-ci , avec une force maximale sortant du bas de l'écran. Voici donc ma courbe en ce qui concerne cette motion. Voyons à quoi cela ressemble une fois les courbes ajustées. Et comme vous pouvez le constater, dernier point, nous ne faisons pas sortir ces deux objets de l' écran car nous allons faire correspondre la première scène à la deuxième scène. Nous n'avons donc pas besoin de supprimer ces deux éléments, car nous allons découper ici ou même avant, l'avant-dernière image. Donc, en termes d'animation, je pense que c'est ce que nous voulons. Je trouve que ça a l'air plutôt cool. Et maintenant, il nous suffit d'ajuster quelques éléments supplémentaires, comme la rotation du carré, puis nous pouvons également ajouter le carré deux. Revenons à la chronologie principale. Tout d'abord, je voudrais ajouter une certaine rotation à mon carré, une fois qu'il est touché par le cercle. Disons R sur le clavier pour augmenter la rotation, puis je vais ajouter une image-clé ici une fois que j'aurai Et puis une fois que nous aurons ces deux éléments ici, je voudrais les faire tourner peut-être au carré d'un angle de 45 degrés. Et une fois que je serais revenue au coin de la vie, j'ai voulu revenir à une position normale zéro, peut-être dépasser un peu Et puis une fois qu'il a atteint le haut, j'ai eu envie de le faire pivoter à nouveau, peut-être dans ce but, puis de lui donner une rotation comme celle-ci, et dans le menu déroulant, je veux juste continuer à tourner cette façon et de le faire descendre comme ça. Passons donc à rel, Keyframe Assistant, Easy Ease, à l'éditeur de graphes qui est de ces courbes, Pour ce qui est de ces courbes, je veux que cette rotation corresponde essentiellement au mouvement que j'ai déjà, n'est-ce pas ? Donc, en gros, examinons cette chronologie ici. Une fois que cette balle touche le carré, je veux que le carré tourne dans cette direction. Peut-être qu'ici, ce sera le point le plus élevé de ma courbe. Je veux que le carré tourne le plus possible à ce stade, lorsqu'il est touché par la balle jusqu'à l'une des extrémités de ma trajectoire de mouvement. Donc ça va se retourner ici. Et puis une fois rentré, tout peut être aussi doux que ça. Et je fais simplement glisser toutes les poignées chaque côté, puis je forme un graphique comme celui-ci pour que la rotation soit vraiment fluide Je trouve que ça a l'air bien. Je ne sais pas pourquoi ce carré n' était pas parfait. Il me suffit donc d'entrer dans la propriété du chemin du rectangle, de lier celle-ci et assurer que nous avons exactement la même largeur et la même hauteur. Donc, dans ce cas, faisons 350 par 350. Et maintenant, vous pouvez voir que c'est en fait un carré parfait. Il en sera de même pour le carré numéro deux. Allons changer à 23 h 50 par 350. Il ne nous reste plus qu'à ajouter une propriété de rotation sur le carré numéro deux. R sur le clavier, puis nous devons activer le carré numéro deux. Je veux que le carré apparaisse peut-être autour de ce point une fois qu'ils auront atteint le coin inférieur gauche. Je vais découper cette couche ici, puis m'assurer d'appuyer sur puis m'assurer d'appuyer un chronomètre sur la propriété de rotation Une fois qu'il sera arrivé, je voulais déjà faire une petite rotation. Ensuite, celui-ci va pivoter dans l'autre sens , puis peut-être simplement descendre comme ça. Essayons, puis je vais sélectionner les trois images clés sur la propriété de rotation de M carré 1 , puis sélectionner les trois images clés. Accélérez l'assouplissement. Voyons à quoi ça ressemble. Tournons ce deuxième carré dans l'autre sens. Il tourne donc de la même manière que M carré 1. Il va y avoir moins 100 ici. Je suis ici. Voyons à quoi ça ressemble. Oui, je pense que cela convient parfaitement à partie action et réaction de ma première scène. 8. Animation d'arrière-plan en grille: Maintenant, dans cette vidéo, nous allons travailler sur une autre action de la première scène, celle des arrière-plans. Et il suffit d'animer l'animation du grain dans le Revenons à mes After Effects, puis ajoutons une couche solide. Passez à la couche de nouveau solide. Appelez cela une grille. Nous pouvons réellement faire de celui-ci une couleur blanche. C'est très bien Et puis mettons la grille au bas de la composition. Passons aux effets, à la préfabrication et à la recherche d'effets spéciaux Utilisons celui-ci pour générer une grille. Et maintenant, vous pouvez voir que nous avons généré une grille. Cependant, nous devons animer celui-ci. Donc, en gros, nous devons ancrer la grille à une position, puis animer la largeur et hauteur de cette grille pour obtenir une grille animée Et pour ce faire, allons à l'ancre, puis sélectionnons l'ancre, placons-la dans le coin inférieur droit de ma composition. Et maintenant, oublions les curseurs de largeur et de hauteur. Tout à coup, vous pouvez voir toute cette petite grille ici. Nous pouvons simplement modifier tous ces paramètres et nous assurer d'avoir plus ou moins de lignes. C'est donc ce dont nous avons besoin. Ajoutez une image-clé sur la largeur et la hauteur, puis cliquez sur le clavier pour afficher les images-clés sur la chronologie Tout d'abord, nous devons animer la largeur, et je ne veux pas que la scène comporte une grille au début Je veux donc la faire glisser jusqu'en haut, peut-être très, très grande Faisons-le glisser jusqu'à peut-être 2 500. Et puis pour les sommets, pareil, je veux le faire glisser jusqu'à 2000. Tout d'un coup, tu ne vois rien dans mon cadre. Laissez-moi donc avancer de dix images, puis je voudrais modifier la largeur de la grille pour soit peut-être d'environ 300 afin que nous ayons quelques grilles, puis passons à dix autres images. Modifions-le en 400. Et puis passons à dix autres images, changeons à nouveau celle-ci en 250. Donc, ça va juste entrer et rebondir entre deux chiffres. Il en va de même pour ma taille. Je voudrais aller ici, changer celui-ci en 300, puis peut-être venir ici pour celui-ci, je veux en faire un peu plus, peut-être 650. Et puis le dernier, c'est là que mon réseau va s'installer, alors changez-le à 250. Allons tout sélectionner, puis cliquez sur Keyframe Assistant, Easy Ease. Et pour ce qui est du graphique, je voulais intervenir avec force. Je vais donc faire glisser cette courbe complètement vers la gauche jusqu' à une courbe d'assouplissement extrême vers la gauche, en entrant avec une certaine force, puis elle pourrait simplement rester ici avec un peu d'assouplissement comme celui-ci. Ensuite, pour celui-ci, je vais juste faire glisser les deux extrémités vers le centre. Comme ça. Voyons à quoi ça ressemble maintenant. Ensuite, nous devons déplacer toutes les images-clés de ma taille vers l'avant pour utiliser la première image-clé afin de l'aligner sur la deuxième image-clé de la Ensuite, je pourrais peut-être faire traîner celui-ci un peu plus loin. Voyons à quoi ça ressemble. Si je ralentis la couche de grille, c'est l'animation. En gros, nous rebondissons simplement entre ces grilles pour leur donner l'énergie qui ressemble à la première action, la balle et l'action carrée de la première scène Maintenant, nous associons cette énergie à ma deuxième action, qui est une action en arrière-plan. Ça a l'air plutôt cool. Allumons tout. Voyons à quoi ça ressemble. C'est presque aligné. Je peux mieux l'aligner si je le souhaite. Peut-être qu'il suffit de mieux aligner ces images-clés pour qu'elles se produisent en même temps. Je pense que mieux aligner ces images-clés nous donnera un meilleur résultat Puisque nous avons déjà la grille, je vais simplement continuer et peut-être créer le dégradé pour la grille afin que nous n'ayons pas à la recréer dans la prochaine vidéo Passons maintenant au rectangle pour double-cliquer pour ajouter une couche de forme, la même taille que ma composition, puis déplaçons-la vers le bas. Ici, il ne nous reste plus qu' à supprimer le trait de cette couche, et je veux changer la sensation dégradé radio et changer la couleur du dégradé. Ici, je veux que ce soit blanc, et ensuite, changeons-le en jaune. Ensuite, nous pouvons le changer en vert comme ceci. Et le dernier, changeons-le en bleu. Cliquez sur Nous devons maintenant le faire glisser pour nous assurer qu'il s' éloigne de la couleur souhaitée. Revenons à mon fichier Illustrator , puis vérifions-nous que nous sélectionnons la bonne palette de couleurs. Donc, le vert sera de cette couleur ici. Et puis pour le bleu, essayons cette couleur ici. O. Oui, quelque chose comme ça. Ce seront donc mes palettes de couleurs. Déplaçons la couleur au-dessus de la couche de grille. Passons aux effets, précessons et recherchons les effets de tapis définis, et veillons à sélectionner la grille de la sixième couche comme tapis et à la remplacer par des effets et des masques Maintenant, vous pouvez voir que la grille prend la couleur de ma couche de forme. Je peux appeler cela une couche de couleur quadrillée. Et maintenant, la grille reprend la mienne et la couleur de cette couche. Et vous pouvez voir que ma grille a maintenant la couleur que je veux. Cela a l'air plutôt cool une fois que nous avons une lueur profonde , que je peux ajouter dès maintenant pour voir les effets. Allons ajouter une couche de réglage. Déplacez-le jusqu'en haut, appelez-le Deep Glow. Ensuite, nous pouvons ajouter une lueur profonde pour voir les effets pour le moment. Ça va être plutôt cool. Nous pouvons diminuer un peu le rayon. Je n'ai pas encore commencé par la stylisation de nos deux premières couches Nous n'avons que le fond animé et stylisé. Mais c'est tout, à quoi ça ressemble maintenant. Il y a un petit pépin ici. Je devrais peut-être éloigner un peu plus cette ancre, afin qu'elle ne soit pas visible au début. Voilà, c'est notre deuxième action, celle de l' arrière-plan de la première scène. 9. Stylisation de la scène 1: Dans cette vidéo, travaillons sur la synchronisation de ma première scène pour terminer. Si nous revenons au fichier Illustrator, notre storyboard, nous avons déjà travaillé sur le premier plan et l' arrière-plan de l'action Nous avons travaillé sur la réaction, qui consiste à déplacer le carré avec des changements de position et de rotation de l'échelle. Nous n'avons pas encore travaillé sur la couleur, mais c'est ce que nous allons faire dans cette vidéo. Nous allons travailler sur la stylisation de l'animation colorimétrique par étalonnage des couleurs, et nous n'aurons aucune réputation dans Nous avons déjà un double du carré. C'est donc la partie réputation. Et puis l'animation secondaire, nous n'en avons pas. Nous allons faire du squash et nous étirer sur le cercle central pour nous donner plus d'énergie, et c'est tout. C'est tout ce que nous allons faire dans cette vidéo. Travaillons d'abord sur le calibrage des changements de couleur de mon carré Revenons à After Effects. Tout d'abord, je voudrais passer à la case départ pour ce qui est du classement des couleurs Je dois cliquer sur ce remplissage, le changer en dégradé radio. Cliquez sur, et maintenant nous avons un dégradé de remplissage sous mon carré. Permettez-moi de faire glisser ce curseur ici. Et ce n'est pas exactement ce que je voulais. Je vais donc modifier le dégradé ici en termes de dégradés pour la couleur jaune, je veux que ce soit quelque chose comme ça, puis pour le vert Ici, la dernière, je veux qu'elle soit d'un vert plus foncé ou peut-être même d'un noir à la fin. Il suffit de supprimer celui-ci. La couleur passe donc d' un jaune très clair au jaune, puis à une couleur verte ici et à une couleur noire foncée. Ce sera donc ma couleur pour mon cercle d'origine. Laissez-moi éteindre le globe profond pour le moment. J'ai l'impression que la couleur n' est pas très éclatante. Donc, ce que nous pouvons faire dans ce cas, c'est me laisser zoomer. Voyons si nous pouvons rendre cette couleur plus éclatante. OK, c'est ma couleur pour le premier carré, et le trait sera juste un trait à deux points. C'est une bonne chose. Laisse-moi appuyer sur le chronomètre pour trouver la couleur. Ce sera la couleur d'origine de mon carré au début. Et une fois que j'ai été percuté par le cercle qui arrivait, à ce stade, ici. Je souhaite changer cette couleur dégradée en une couleur entièrement orange comme celle-ci, en réaction à la hauteur de la balle. Ensuite, avançons de nouveau de quelques images. Une fois arrivé ici, peut-être sur le point de repartir sur la gauche. Je souhaite modifier à nouveau le dégradé. Dans ce cas, je vais modifier le remplissage de gradation à ce stade pour qu'il soit d'opacité nulle Supprimez celui-ci. Supprimez celui-ci. Changez la couleur comme ceci. Et je souhaite également modifier le point d'ancrage pour qu'il soit sur la gauche. C'est donc presque comme s'il y avait une lumière qui dirigeait mon cercle vers le bas. Oui, je pense que ça marche. Sélectionnons l'assistant à trois images-touches, passons à Easy E et vérifions-nous que nous sommes dans le graphique de vitesse Je ne veux pas de transition entre ces deux couleurs. Donc, ici, je veux que ce point soit un cadre clé complet. Désolé, je veux que le premier point soit l'ensemble de l'image clé. Il n'y a donc pas de transition entre le premier et le second. Il apparaîtra juste en jaune une fois touché. Ensuite, je veux que celui-ci fasse une courbe extrême vers la droite. Il passe donc rapidement à cette lumière orange ou jaune vers la gauche pour diriger mon carré vers la gauche de ma composition. Et voyons à quoi ça ressemble. Oui, je pense que la réaction est bonne. Nous avons une réaction de la couleur du carré, et nous avons également fait la réaction de rotation dans la vidéo précédente. Je trouve que ça a l'air plutôt cool. Mais je voudrais peut-être faire apparaître encore plus le vert, car en ce moment, je pense que je suis perdre toute la couleur verte ici. Mettons celui-ci en haut. Ça a l'air bien. C'est ma taille à partir de mon premier carré. Pour ce qui est du deuxième carré, passons au mien. Par ici. Je suppose que tout ce que je voulais faire, c'était lui donner un dégradé, une légère lueur vert foncé, choisir le dégradé radio, cliquer sur OK, et c'est comme ça. Et je dois aussi m'assurer que mon deuxième carré se trouve sous le premier carré, afin qu'il ne couvre rien. Et pour ce qui est de l'étalonnage des couleurs, je veux juste que ces deux couleurs aient une opacité de 0 % Et alors je devrais peut-être en faire un dégradé linéaire au lieu d'un dégradé radial. Il suffit d'avoir une légère lueur verte sur le bord. Ça va avoir l'air plutôt cool. Oui, je crois que j'aime bien ça. Je veux juste le rendre un peu plus sombre. Choisissez celui-ci, faites-le glisser vers le bas. Vous pouvez voir qu'une lueur verte traverse le bord d'un côté du bord, cela donne de la texture ou du style. Ça a l'air plutôt cool. Ça me plaît. Enregistrez le projet. Allumons Deep Globe et voyons à quoi il ressemble. Diminuez l'exposition du globe profond, peut-être à 0,3 ou 0,5, cela pourrait fonctionner. Voyons maintenant l'animation. J'ai toujours l'impression d' exposer trop. C'est 2.3 pour le moment. Oui, je pense que 0.2 fonctionne pour le moment. Faisons 0,2. Ce vert devient trop clair. Comme ça. OK, ça marche. Laisse-moi éteindre la lueur profonde. Et la dernière chose que nous allons ajouter est l'effet d'écho sur ma couche circulaire, ce qui nous permet d'obtenir des étirements de courge sur le cercle Allons ajouter un effet d'écho. Sur la couche de balle. Ensuite, pour le temps d'écho , changez-le en négatif 0,001 Et pour ce qui est du nombre, changeons-le en 15 opérateurs, changeons-le en un opérateur composite à l'arrière. Voyons à quoi ça ressemble en ce moment. Cela va nous donner 15 copies de ma couche de balle en écho. Cela ressemble donc à un frottis ou à une courge et à un étirement. Voyons à quoi ça ressemble maintenant. Cela peut fonctionner à un endroit et pas à l'autre. Le problème est donc que nous devons ajouter des images clés pour nous assurer que va bien avec l'ensemble de la scène. Je pense que cela fonctionne bien dans la première scène ici. Ajoutons un cadre clé sur l'heure écologique, puis passons ici. Nous devons peut-être le changer en 0,002. Pour augmenter le temps de réaction. Nous avons donc aussi des taches ici. Ou au lieu d'utiliser 0,001, nous pouvons essayer d'utiliser 0,002 U sur le clavier. Et puis supprimons celui-ci. OK. Cela ne fonctionne pas parce que si je mets 0,002, il y a un décalage entre ces balles ici parce qu'elles arrivent trop vite J'ai donc besoin d'un temps de réaction plus rapide ici car le ballon se déplace trop vite. Et ici, une fois que tout s'est un peu calmé, la vitesse ralentit pour que nous puissions lui donner un peu plus de temps, puis nous allons montrer ces 15 copies ici Ça a l'air plutôt cool. Prévisualisons ceci. Nous allons surtout le couper à partir d'ici pour entrer en ligne de compte. Enregistrez le projet. quoi ressemble la première scène. 10. Animer l'action principale: Dans cette vidéo, passons à notre deuxième scène, qui est celle-ci. Dans la dernière scène, nous avons cette balle qui descend du haut et qui tire vers le bas. Et dans la deuxième scène, nous allons faire un match cut en fonction de la balle qui tombe. Nous allons faire monter cette petite balle. Et puis ça monte, nous allons avoir ces colonnes ou ces cylindres, quel que soit le nom que vous leur donnez, pour pousser la balle vers le haut, la remettre en marche. Et puis, presque comme pour une touche de piano, je veux que cette balle sorte vers le haut puis redescende pour appuyer sur l'une des touches du milieu. La touche va descendre, puis toutes les autres touches à côté vont descendre. Encore une fois, cela va déclencher le cercle, et ce sera notre deuxième scène d'animation. Pour animer la deuxième scène, nous devons d'abord intégrer tous ces éléments dans After Effects Utilisons à nouveau la surcharge. Faisons d'abord ce cercle, puis poussons-le jusqu'à After Effects. Ensuite, nous allons appuyer sur cette touche ici. Ensuite, nous allons utiliser cette couleur de fond. C'est une bonne chose. Il suffit de le déplacer vers le bas, pour qu'il soit à l'arrière. Ensuite, nous allons appuyer sur deux de ces petits rectangles Comme celui-ci, et il y en a un. Ajoutez tout cela à After Effects. Et nous n'avons pas encore besoin de repousser les limites. Animons d'abord tout cela. Ou je peux appuyer sur l'un d'entre eux et voir si nous allons l' utiliser plus tard. Nous pouvons plutôt recréer le cercle à l' intérieur d'After Effects Je pense que cela pourrait être plus facile. Tu sais quoi, allons-y. Recréons le cercle dans After Effects. Maintenant que tous les éléments sont prêts, revenons à After Effects. Comme nous avons déjà animé la première scène, nous allons tout couper ici. Déplaçons tout ici , puis changeons la couleur de l'étiquette en jaune, pour que vous sachiez que ce sera la deuxième scène sur laquelle nous travaillerons. Dans la première scène, tout serait comme une seule couleur. Faisons en sorte que ce soit une couleur bleue comme celle-ci. Et puis ici, je vais juste couper toutes ces couches. Nous allons donc faire entrer cette balle comme ça à partir d'ici, ce sera ma balle. P sur le clavier. Nous allons d' abord animer la propriété de position de cette balle Déplaçons la balle jusqu'en haut, car elle doit être la première couche de ma deuxième scène. Sur une image-clé. C'est parti pour dix images. Faisons monter le ballon jusqu'au bout comme ça. Ensuite, nous allons faire 12 autres images, une, deux, 12 images. Je veux que le ballon soit tiré vers le bas pour appuyer sur l'une des touches. Il va donc s'abattre quelque part par ici. Pas au milieu, peut-être comme dans cette zone. Il va appuyer sur l'une des touches, puis il va rebondir à nouveau. Cependant, cette fois, il ne rebondira pas aussi haut car c'est la première fois que nous partons de là bas Nous n'avions donc besoin que cinq images, une, deux, trois, quatre, cinq pour que ce mouvement se produise, car la distance est plus courte, et nous allons simplement le déplacer complètement vers le haut par ici. Et une fois qu'elle remonte, je veux que la balle redescende, vous savez, peut-être qu'elle redescende encore dix images pour qu'elle sorte de la scène et déclenche peut-être la troisième scène. Voici donc l'action de mon mouvement de balle dans la deuxième scène. Si je sélectionne toutes les images-clés, cliquez avec le bouton droit sur l'assistant d' images-clés , simplifiez la procédure et passons à l'éditeur de graphiques Je peux désactiver le temps de rendu pour le moment car ce seront des animations très simples dont nous n' aurons pas vraiment besoin pour afficher le temps de rendu. Ajustez le graphique pour l'afficher. Pour ce qui est du graphique de vitesse, tout d' abord, il provient de la première scène. Je veux donc que le ballon entre à pleine vitesse, c'est-à-dire que nous voulons que le manche soit complètement tourné vers la gauche, pour nous donner toute la vitesse. Et une fois qu'ils auront atteint le sommet, perdront de l'énergie. La courbe va donc rester plate. De part et d'autre, il va perdre beaucoup d'énergie. Cependant, je voudrais donner une certaine courbe de rebond ici, car une fois que vous sur les touches dans cette zone, cette position, je veux qu'elle soit presque plate également afin que nous puissions nous y accrocher lorsqu'il appuie sur toutes les touches Et puis les dernières parties, quand la scène sort de la scène, j'ai voulu tourner pour que ce soit presque comme une chute libre, donc la vitesse augmente constamment. Nous avons donc une augmentation de vitesse jusqu'à la vitesse maximale à la fin, puis nous allons passer à la troisième scène. C'est donc l'idée qui sous-tend mes courbes pour le ballon. Voyons à quoi cela ressemble pour le moment. Permettez-moi de réduire la plage d' aperçu pour que nous ne prévisualisions que la deuxième scène Je pense que je pourrais avoir besoin de tout déplacer d'une image de plus. Donc, cette balle descend là-bas, puis notre balle remonte pour que le match cut corresponde mieux. Une fois que nous aurons ajouté l'effet acl, je pense que cela correspondra mieux. Mais c'est à ça que ça ressemble maintenant. Je pense que le hang n'est pas vraiment efficace. J'ai besoin de quelques cadres supplémentaires, je crois, ici pour lui donner plus de temps lorsqu'il pousse. Donc, ici, je vais juste lui donner peut-être deux cadres supplémentaires avec lesquels travailler. Ensuite, revenons à l'éditeur de graphes. Nous avons maintenant deux cadres supplémentaires avec lesquels travailler. Je veux que le accrochage soit plus évident ou plus visible. Je veux donc que cette courbe ne soit pas au milieu. Je veux qu'il soit incliné vers la droite, pour qu'il y ait plus de place vers la gauche Je vais donc biaiser celui-ci un peu plus vers la droite comme ça Tout ce que nous allons faire, c'est lui donner plus de temps à ce point critique. Et puis ça va rebondir. J'ai l'impression que je peux le pousser un peu plus haut. Oh. Et puis il va tomber en chute libre. Oui, je pense que ça a l'air mieux. Pour ce qui est de l' animation de notre balle, je pense que cela fonctionne. Maintenant que nous avons l' animation du ballon dans la deuxième scène. Travaillons ici sur les actions de ces colonnes, ou je pourrais les appeler touches de piano. Parce que j'imagine que ce sont les touches du piano, puis nous avons une balle qui tape juste sur une touche, et les autres touches ont un effet d' entraînement qui se répand des deux côtés, puis les autres touches sont en quelque sorte enfoncées également Voyons lequel est celui du milieu. Nous avons la couleur. Nous avons la colonne du milieu, puis nous avons les trois de droite, écrivons deux, en écrivons une. J'en ai laissé un ou deux. a laissé trois. OK, ce sont toutes mes chroniques. Donc, pour ce qui est de l'animation, allons animer la propriété d'échelle de ces colonnes Tout d'abord, passons à la colonne du milieu. Comme sur le clavier pour la propriété scale. Tout d'abord, nous devons nous assurer que le point d'ancrage se trouve au bas de ma colonne. Passez donc aux outils de mouvement. Appuyez sur ce point d'ancrage inférieur ici pour que nous ayons le point d'ancrage ici. Ensuite, dissocions la propriété d'échelle. Ajoutons un cadre clé sur la balance. Au début, je veux juste que l'échelle Y soit nulle, non ? Donc ça n'affiche rien. Et puis une fois que la balle sera arrivée, je veux que ce chiffre augmente peut-être jusqu'à 10 %. Ensuite, une fois que le cercle descend pour appuyer sur la touche, je veux que cette colonne s'aligne parfaitement avec mon cercle pour que ce soit la touche qui a été enfoncée. Et puis une fois que le cercle sera remonté, je vais juste agrandir comme ça, jusqu'au bout Nous allons donc simplement réduire la taille une fois que le cercle sera descendu. Quelque chose comme ça. Nous alignons donc nos images clés mon image clé de position de la balle Sélectionnons toutes les images clés de ma position de la balle, copiez-les facilement, puis collez-les sur la propriété d'échelle de ma colonne centrale. Voyons à quoi cela ressemble une fois que nous avons collé l'assouplissement. Oui, je trouve que ça a l'air plutôt bien. J'aime son apparence. Donc, la prochaine chose que nous allons faire est ce gros bloc de couleur en arrière-plan. Nous allons donc faire la même chose, S sur le clavier, dissocier la propriété, puis nous assurer que le point d'ancrage se trouve en bas au milieu du bloc. Et puis, dans ce cas, puisque nous ne faisons qu' animer l'échelle, nous pouvons réellement copier ces images-clés de propriétés d' échelle Je peux le voir, puis le coller sur mon bloc central. Voyons à quoi ça ressemble maintenant. Je pense que cela fonctionne. La seule chose que je n'ai pas aimée, c'est bloquer la colonne du milieu à la fin qui montre ce bord que je n'aime pas. Mais si je le déplace simplement plus haut comme ça, je pense que ça pourrait marcher. Ouais Je pense que ça devrait aller. Essayons donc ça. Ensuite, nous allons faire la même chose pour toutes ces colonnes. Passons à tout. Sélectionnez tout comme sur le clavier et liez ces propriétés d'échelle. Et sélectionnez tout, assurez-vous qu'ils ont tous le point d'ancrage au bas de la couche. Nous allons copier la commande d' échelle des images-clés C, puis la coller sur toutes ces différentes colonnes, commande V. Et nous avons maintenant une animation comme celle-ci C'est assez simple et direct. Nous n'avons pas réalisé beaucoup d'animations complexes jusqu'à présent. Donc, une autre chose une fois cette animation terminée, c'est que nous devons échelonner l'image-clé afin que toutes ces colonnes n'apparaissent pas en même temps Et c'est assez facile à faire, alors je vais réfléchir à celui qui arrivera en premier. Dans ce cas, je veux que ma colonne de dégradé apparaisse en premier. Ce sera la dernière en bas, puis je veux que ma colonne du milieu arrive peut-être en deuxième position, avec un délai d'une image. Ou tu sais quoi ? Permettez-moi de retarder une seule image pour ce bloc central. Voyons à quoi ça ressemble. Oui, j'aime bien ça. Et puis une fois que nous avons retardé une image, le bloc du milieu, nous pouvons réellement retarder celle de gauche. Et puis retardons la bonne. Et puis retardons à nouveau la gauche de deux d'une image. Chacune est retardée d'une image. Et celui-ci va être ici. Celui-ci va être ici. Une fois que la balle remonte, puis toutes ces colonnes remontent, à ce stade, je veux vraiment que cette colonne remonte complètement pour lui donner un peu plus de caractère aléatoire. Donc, ces trois de droite et ces trois de gauche, je veux qu'ils remontent jusqu'au sommet pour tout couvrir, puis qu'ils soient abattus. Et les deux gauches et les deux droites, quand le ballon tombe, je voulais vraiment descendre jusqu'au bout. Juste pour nous donner un peu plus de variété. Avec nos images-clés copier-coller, n'est-ce pas ? Nous avons donc tout fait du copier-coller, mais à la fin, je ne veux pas que ça se ressemble trop. Nous ajustons donc quelques images-clés pour les rendre un peu plus aléatoires Celui-ci peut descendre, et celui-ci peut descendre. Et puis une fois que le ballon sera sorti, je vais couper, pour que personne ne voie les deux dernières images. C'est un peu compliqué, mais ça va. Parce que quand la balle arrivera, par exemple, ici, je passerai immédiatement à la scène suivante. Et c'est à peu près là que ça va être réduit. Voyons l'animation pour le moment. Oui, je trouve ça cool pour la partie action de ma deuxième scène. 11. Stylisation de la scène 2: Très bien, dans cette vidéo, nous allons travailler sur une réaction à ma deuxième scène et une certaine stylisation de ma deuxième ce qui est de la réaction, nous avons déjà l' animation principale en cours, c'est-à-dire la balle qui tape juste sur cette touche de piano, et tout cela se répercute en quelque sorte La réaction serait de vouloir changer la couleur de ces colonnes une fois qu'elles sont enfoncées. Donc, toutes ces colonnes deviendront bleues au lieu de rester noires lorsqu'elles seront poussées, puis une fois que la balle sera remontée, toutes les couleurs bleues disparaîtront. Ce serait donc la réaction de la couleur une fois qu'elle aurait été poussée. Ensuite, nous pouvons également animer une animation secondaire, ces petits anneaux circulaires qui éclatent lorsque le cercle entre en contact avec mes colonnes Et pour l'animation secondaire, il peut également s'agir d'une répétition, car une fois que la balle a appuyé sur cette touche centrale, nous allons créer l'animation secondaire, qui est une rafale de cercles, mais en même temps, tous ces cercles éclateront également sur les autres colonnes. Ce seront donc les effets de répétition de ma deuxième scène. Et puis la dernière chose que nous allons ajouter, c'est courge et l'étirer sur le cercle principal, comme au début. C'est donc tout ce que nous allons faire. Dans cette vidéo, commençons. Retournez à Aftereffects. Maintenant, commençons. Tout d'abord, je pense que nous pouvons animer cette colonne numéro deux de droite pour lui donner couleur une fois qu'elle est poussée par le cercle central Allons cliquer sur ce menu déroulant , puis ajouter une couleur de remplissage pour le calibrage Modifions le remplissage de notation comme suit. Et puis, par ici, fais-le plus sombre. Ensuite, nous devons changer le point étoile et les points finaux. Remettons l' exposition du point final à zéro, puis poussons le point final vers le bas, de sorte que le bas de la colonne reste noir, puis le haut reste bleu. Pour le bleu, je voulais aussi lui donner un bleu plus foncé. Peut-être comme cette couleur bleue ici. OK. Et puis une fois que nous avons le remplissage en dégradé, laissez-moi copier le remplissage en dégradé. Appliquons-le à toutes ces colonnes. OK, c'est bon. Ensuite, il ne nous reste plus qu' à animer l'opacité du remplissage migrant Supposons donc que si le B de la balle touche ce cercle, toutes ces colonnes deviendront bleues à cause de l'opacité d'une image-clé, puis le feront passer opacité d'une image-clé, à 0 % Dans peut-être un, deux ou trois cadres, il redeviendra bleu, puis dans les quatre images suivantes, il redeviendra zéro. Faisons un clic rouge rapide, assistant aux images-clés, c'est facile. Essayons une courbe comme celle-ci. Et si on lui laissait plus de temps ? Permettez-moi de faire glisser cette image-clé pour lui donner plus de temps. Donc ça va être bleu comme ça. Et laissez-moi copier toutes ces images-clés d'opacité. Je vais le mettre dans la première colonne de gauche, le C sur le clavier pour afficher le cadre clé. Ensuite, nous allons le mettre sur le bon numéro deux, lui accordant un délai d'image. Ensuite, nous allons enfiler celui-ci. À gauche numéro deux, donnez-lui un délai d'image, puis je vais le mettre au numéro trois à droite, un délai d'image, puis je vais le mettre au numéro trois à gauche. Retard d'une image. Voyons à quoi ça ressemble maintenant. Oui, ça change de couleur comme ça. Je trouve que ça a l'air plutôt bien. Une fois que j'ai appuyé sur la touche du milieu , tout deviendra bleu. Et j'ai l'impression que celui-ci n' est pas assez bas. Alors peut-être qu'il en restait trois, les côtés ici. Je devrais peut-être donner un petit coup de pouce. Et puis les trois bonnes positions sont là. Pousse-le comme ça. Oui, ça a l'air mieux. Et maintenant, nous avons un changement de couleur en réaction à ma deuxième scène. La prochaine chose que je veux faire, c'est la bague qui apparaît, un cercle éclate une fois qu'ils ont appuyé sur la clé métallique, non ? Sauvegardons donc les projets, puis sans que tout soit cliqué, créons un cercle Assurez-vous que le point d'ancrage est bien au centre Alignons également le cercle en plein centre. Pour le cercle, je ne veux pas le remplir, il suffit de supprimer le remplissage, puis de remplacer le trait par un trait dégradé. La couleur peut changer cela en un dégradé de couleur bleu comme celui-ci. Ensuite, nous devons animer la taille de ce truc ici. Supposons que si nous avons un 40, au début, je veux qu'il soit zéro, puis que j'avance de dix images et le change en 300. Ensuite, nous devons également animer la largeur du trait. Donc, si nous passons à la notation du trait puis à la largeur du trait, assurez-vous d'appuyer sur un chronomètre ici Je veux que la largeur soit d'environ 20 points au début, puis à la fin, elle pourrait simplement revenir à zéro, donc elle disparaisse Et puis animons également la rotation de mon cercle. Donc, si je déteste déplacer R pour afficher la propriété de rotation. Nous avons la rotation ici. Faisons peut-être une rotation de 180 degrés. Je dois donc m'assurer que mon point d'ancrage est bien au centre du cercle. Laissez-moi couper la couche ici. Tout d'abord, recliquons sur Keyframe Assistant, oui, c' est facile. Ajustons les courbes. Volez une courbe d'assouplissement extrême vers la gauche, qu'elle s'atténue un peu à la fin, presque comme une rafale comme celle-ci. Donc, si je le ralentis, voici à quoi cela ressemble. Et une fois que nous aurons ce cercle pour appuyer sur cette touche de piano ici, nous allons positionner le cercle ici même. Une fois qu'il pousse, il apparaît, et si je le fais en sorte que cela se produise plus rapidement ? Alors permettez-moi d' agrandir un peu la taille du cercle , puis de le déplacer ici. Une fois qu'il aura poussé, il apparaîtra comme ça, puis laissez-moi dupliquer le cercle , le réduire, le positionner ici En haut de chaque colonne. Si je joue l'animation, elle sera peut-être trop rapide. Alors laisse-moi te taper sur le clavier , puis déplacer un peu plus ces images-touches vers l'extérieur Permettez-moi de changer la courbe, déplacer vers l'arrière, puis de lui donner de la vitesse. Ce n'est donc pas si rapide. Maintenant, j'ai juste besoin d'échelonner ces points d'ancrage pour qu'ils n' apparaissent pas tous en même temps Pour ce gros, je peux le rendre encore plus grand. Ensuite, je peux aussi animer un peu la position. Donc P sur le clavier et Shift. Je voudrais animer un peu la position de manière à ce qu'elle corresponde au cercle dans lequel on anime pour qu'elle remonte un peu comme ça Utilisez une courbe comme celle-ci. Pour correspondre à la position de ce cercle. Oui, je pense que ça a l'air mieux. Ensuite, il suffit d'échelonner légèrement le cercle, peut-être d'une image l'un de l'autre Ils n'arrivent donc pas en même temps. Voyons l'animation pour le moment. Tu as compris l'idée. Nous pouvons le peaufiner un peu, mais nous allons passer à autre chose pour le moment. La dernière chose que nous allons faire est d'ajouter l'effet d'écho sur le cercle, qui est notre couche sphérique, en descendant ici, choisir l'effet d'écho, ou nous pouvons simplement copier l'image-clé que nous avions dans la première scène Passons au bal, puis copiez-vous sur le clavier. Permettez-moi de copier ces effets et ces images clés. Et mettons-le sur notre balle dans la deuxième scène. Je voulais juste partir du premier cadre, le coller. Pour le nombre d'échos, essayons 15 à nouveau. OK, je viens de me rendre compte que nous avons fait quelque chose de mal ici. Vous pouvez le voir maintenant, puisque nous avons animé le changement d'opacité, disons que vous utilisez le clavier pour la case, c' est-à-dire cette colonne ici Puisque nous avons animé l' opacité sur le calque principal, cela fait également disparaître mon contour Vous pouvez donc voir que cela fait apparaître notre couleur bleue, mais une fois que la couleur bleue disparaît, le contour disparaît également Donc, au lieu d'animer l'opacité à l'extérieur dans le calque principal, nous devons supprimer cette opacité, puis simplement retourner à l'intérieur, passer au contenu, passer au remplissage en dégradé, et sous le remplissage en dégradé, nous devons ajouter l'image-clé sur l' Il suffit de le coller de manière à ce que, dans ce cas, si nous devions animer l' opacité sous le fichier de dégradé, nous ayons toujours ce changement de couleur bleue Cependant, mon contour restera là une fois que la couleur bleue aura disparu. Nous devons donc maintenant faire la même chose pour toutes ces autres colonnes. Vous devez couper toutes ces images-clés d' opacité et vous assurer de rétablir cette opacité principale à 100 %, puis passer au remplissage en dégradé de contenu Cliquez sur l'opacité en dessous , puis reinsérez les images clés Faisons la même chose, en passant les images clés, puis en passant aux colonnes de gauche. Je vais couper ces images-clés, puis rétablir l' opacité à 100 %, passer au remplissage en dégradé Et collez les images-clés d'opacité. Voyons maintenant l'animation des deux premières scènes. 12. Créer une transition fluide: Dans cette vidéo, poursuivons notre animation. Nous pouvons maintenant nous référer à notre fichier Illustrator. Ce sera notre troisième scène. Cependant, je voulais faire une transition différente dans ce cas, car pour le moment, vous pouvez voir de ce cadre à celui-ci. Cela ne vous a pas vraiment montré comment cela allait se passer entre ces deux scènes. Je veux donc proposer quelque chose d' intéressant, d'avoir un peu d'énergie pour pimenter l'animation. Parfois, on nous donne un storyboard ne montre pas toutes les transitions nécessaires entre chaque scène Cela dépend de notre créativité , de nos références ou de l'idée que nous pouvons avoir pour relier toutes ces scènes entre elles. Et nous pouvons aller en ligne pour rechercher des références ou de bonnes vidéos pour de bonnes transitions. C'est donc de là que viendra notre inspiration . Dans ce cas, je vais faire quelque chose d'intéressant et faire preuve de patience. Commençons par cette scène située entre la deuxième et la troisième scène, puis nous allons définir la troisième scène de cette vidéo. Tout d'abord, envoyons tous ces éléments à After Effects. Faisons le cercle ici, poussons-le sur Aftereffects Faisons la même chose pour tous ceux-là. Nous avons donc tous ces éléments qui déjà été repoussés à After Effects, et c'est tout ce dont nous avons besoin. Retournez à After Effects. Nous allons faire avancer toutes ces couches. C'est donc ici que je vais aller ou peut-être ici, c'est exactement dans ce cadre que je vais découper la deuxième couche. Je vais donc aligner ma troisième scène sur cet indicateur de chronologie. Réorganisons la commande. Et pour le ballon, appelons-le encore une fois. Et pour la troisième scène, essayons de lui donner une couleur différente, peut-être une couleur lavande ou rose. N'oubliez pas que nous avons changé la couleur de l'étiquette pour la deuxième scène. Je devrais donc les changer toutes en jaune car elles appartiennent à la deuxième scène ici. Maintenant, vous pouvez voir où sont clairement étiquetés. La première scène est étiquetée en bleu. La deuxième scène est en jaune, puis la troisième scène est en pêche. Ou faisons quelque chose de facile à voir. Faisons une couleur orange ici. Oui, c'est facile à voir. Animons d'abord le cercle et les blocs Je veux également qu'il y ait un match cut entre ces deux scènes. Et je veux aussi que ces différents cercles et blocs soient projetés en l'air comme si quelqu'un les lançait en l'air, puis ils tomberaient librement en position. C'est donc un peu l' idée que j'ai pour le moment. Voyons comment nous animons ce cercle et peut-être aussi un carré Renommons celui-ci en carré 1. Le carré deux. Carré trois. OK. Nous avons trois éléments différents ici. Et je veux aussi couper toutes ces couches. n'y a donc rien derrière cela qui puisse me distraire. Je vais avancer ces images de plus. Donc c'est en train de couper ici. Et vous voyez que le cercle est en train de descendre. Dans ce match cut, j'ai besoin que ma balle remonte par le bas. Presque similaire à la transition de la première scène vers la deuxième scène. C'est ce que nous allons faire. Passons au cercle ici. A comme poste. Ajoutons un cadre clé, déplaçons-le complètement vers le bas. Oui, essayons ça d' ici à l'extérieur, puis passons à 12 images. Déplaçons-le complètement vers le haut, comme si quelqu'un lançait la balle dans la scène. Et puis avancez encore peut-être huit images. Il va atterrir ou tomber librement en position. Ce sera donc la position finale, et c'est mon animation. Passons à l'éditeur de graphiques, assurons-nous de cliquer avec le bouton droit de la souris sur Keyframe Assistant, simplifier facilement ces images-clés Et comme nous faisons une animation de lancer, ce sera une courbe comme celle-ci vers l'extrémité gauche, puis nous allons rester en l'air au milieu, puis faire glisser cette courbe complètement vers la droite. Il va prêter ou se mettre en position. Les deux extrémités vont donc être assez extrêmes. Je peux peut-être le réduire à 85 au bout droit, qu'il ne claque pas si fort lorsqu'il entre au milieu de la scène ici. Voyons maintenant l'animation. J'ai besoin des deux scènes pour mieux faire le lien. Lorsque la scène passe la troisième scène pour la première image, je pense que j'ai déjà besoin de la balle à l'intérieur de la scène. Donc, pour ce qui est de la position, il faudrait que je déplace le ballon un peu vers le haut, peut-être par ici. Oui, je pense que c'est mieux pour cacher l'arnaque. Ensuite, nous avons un lancer comme ça et il tombe en position. Quelque chose comme ça, mais je voudrais déplacer cette position un peu vers le bas parce que je veux avoir un autre carré qui passe au-dessus du cercle autour de cette zone ici, puis un autre carré ici. Essayons donc ça. Cachons le carré deux, le carré bleu, et travaillons uniquement avec ces carrés verts ici. Revenons à mon image-clé. Sélectionnez les deux couches, carré un et carré trois, P sur le clavier pour les positionner sur une image-clé. Je veux en quelque sorte établir la scène parce que pour le moment, puisque nous copions ces éléments du storyboard, cet angle du carré est en fait un angle en mouvement Je voulais donc rester statique quand cela arrive, c' est-à-dire que je voulais niveler ces deux carrés, peut-être horizontalement, pour que nous devions faire pivoter ces deux couches de 90 degrés. Tout d'abord, faisons également pivoter ces deux carrés. Appuyez sur Shift R pour effectuer la rotation. Faisons une température négative de 45 degrés. Les deux cases, et ce sera la position finale lorsqu'elles se mettront en place. Cependant, je voulais être repoussée au début. Donc, en gros, pour la position, disons le carré 1 pour la position. Ce sera la position finale, puis je veux qu'elle soit ajoutée ici. Et puis la première image partira de cette position ici. Il va donc être jeté vers le haut puis atterrir en position. Cependant, je veux m'assurer qu' il n'y a pas de changement de position ex post. La position ex devrait donc rester de 540 à tous les niveaux. Et puis pour celui-ci, je vais faire la même chose, mettre une image-clé ici Cependant, je dois le réduire. Je dois donc également ajuster la taille. Faisons une image-clé sur la balance sur les deux échelles, je dirais, puis réduisons celle-ci un peu, peut-être très petite au début Être jeté ici et garder la taille petite. Ce sera donc mon animation. Je veux également changer l'échelle de ma balle pour la rendre un peu plus grande au début. Les trois formes ont donc un meilleur ratio, je dirais. La balle sera donc aussi grosse au début, puis le premier carré va également rétrécir celui-ci, le rendre un peu plus petit, puis il va se mettre en position. Tout le monde va zoomer ou dézoomer. Les deux carrés vont changer de taille, puis le cercle va également changer de taille. Nous n'avons donc fait qu' animer ensemble l'échelle de position pour les trois éléments différents afin qu'ils soient synchronisés lorsqu'ils arrivent Essayons de copier l'assouplissement sur la propriété de position de la balle parce que je l'ai déjà fait, copiez-le puis collez-le sur la propriété de position des cases un et deux. Et pour la propriété d'échelle, il suffit de cliquer avec le bouton droit de la souris sur Easy Ease et ensuite peut-être que nous pourrons simplement faire un assouplissement comme celui-ci. Je pense que cela fonctionne comme un assouplissement de 85 %. Permettez-moi également de copier l'assouplissement dans ces images clés. Je n'ai pas besoin de ce cadre clé. Voyons donc l'animation. Oui, c'est un peu ce que je veux. Et pour ce qui est de la position, je voudrais aussi déplacer celui-ci un peu vers le bas , puis peut-être le déplacer encore plus bas. Essayons de le déplacer vers le bas. Il y a donc un petit chevauchement entre les éléments. Cela pourrait être plus beau avec un peu de chevauchement. Avec l'échelle et la position, je souhaite également ajouter une certaine rotation à mes éléments. Extrayons donc la propriété de rotation. Donc, par exemple, appuyez sur Shift R, puis animons un peu de rotation pour donner des mouvements plus intéressants En termes de rotation, quand ils arrivent pour la première fois, parce que je sais qu'ils vont rester comme cette rotation à la fin, afin que nous puissions animer en arrière La balle n'a pas besoin de tourner car vous ne pouvez pas vraiment la voir même si elle tourne. Cependant, pour le carré, c'est actuellement moins 45. Essayons peut-être un angle de 90 degrés. Donc, moins 45, je dirais, plus 90. Donc, celui-ci, nous allons le changer en 45 et le changer en 45 ici également. Et puis quand ça arrivera, nous allons juste faire 180 plus 45, donc 225. Passons à 225 au début. Le carré tourne en quelque sorte. Voyons l'animation. Nous n'y avons ajouté aucun assouplissement. Nous devons donc ajouter un peu d'assouplissement. Passons à la case départ. Cliquez avec le bouton droit sur Keyframe Assistant, facile à utiliser. Allumons l'éditeur de graphes, et je dois également afficher le graphique de position. Trouvons la position. Allons l'agrandir un peu. Ce que nous voulons faire, c'est lorsque le carré atteindra le sommet. Tu sais quoi ? Je pense que nous devons reculer légèrement ces deux images-clés pour que tout se passe bien, je pense que c'est ce que je veux faire Donc, en gros, je veux avoir cette rotation comme ça. Et puis quand tout sera réglé, je vais passer à la case deux et ensuite la découper ici Faisons en sorte que ce soit 170 %. OK, c'est plus logique maintenant. Ensuite, nous allons également animer le carré deux dans l'autre sens Appuyons donc sur R sur le clavier, ajoutons une rotation. Ce sera final, et nous avons fait 90 degrés. Donc, ici, nous allons mettre moins 90. Le carré bleu va donc pivoter dans une direction différente de celle du carré vert. Revenons ensuite aux courbes de rotation du carré 1. Je dois m'assurer que lorsque ce carré atteint peut-être le haut, je veux qu'il tourne à partir de là. Donc, en gros, je vais suivre ma courbe. Point du haut jusqu'au point le plus élevé de ma trajectoire de déplacement sur le carré. Je veux donc que le carré pivote le plus possible lorsqu' il atteint le haut, puis qu'il se place plus facilement lorsqu'il prend sa position finale C'est donc en quelque sorte la courbe que je veux. Je vais faire correspondre ce point le plus haut au point le plus haut de mon carré. Peut-être qu'ici, je pense que c'est trop tard. Il devrait être au premier plan ici. Et puis, quand il le prêtera, il s' animera très rapidement. La rotation va s' animer très rapidement. Ouais. C'est donc la courbe que je veux. Ensuite, je vais appliquer cette copie de courbe à mon carré trois. Appliquez l'assouplissement, puis copiez les deux dernières images-clés et copiez l'assouplissement dans ma case deux Et voyons l'animation maintenant. Je devrais peut-être laisser tomber ce cercle encore plus bas. J'ai juste l'impression que la position est un peu bizarre entre celles-ci, donc je vais l'agrandir, je suppose. Je pense que j'aime bien cette transition. Vous pouvez sentir la force et l'énergie. Oui, on va le laisser comme ça. C'est donc l'action de ma troisième scène. 13. Stylisation de la scène 3: Dans cette vidéo, nous allons travailler sur la réaction et la somnolence de ma troisième scène Nous avons déjà terminé l'action de la troisième scène dans la vidéo précédente. Il est donc temps d'ajouter une autre variation de mes couleurs ou de mes dégradés de couleurs, animation secondaire ou un peu de squash and stretch. Voyons donc ce que nous pouvons faire pour la troisième scène. Passons à After Effects. C'est notre animation pour le moment. La première chose à laquelle je pense, c'est si nous nous référons à mon fichier Illustrator ici. Nous pouvons en fait ajouter une certaine réaction pour le contexte. C'est donc quelque chose qui manque dans cette scène. Nous avons déjà l' action de l'arrière-plan, comme l'animation des grades dans la première scène. Nous pouvons également ajouter : vous pouvez appeler cela action ou une réaction en arrière-plan dans ce cas. Voyons ce que nous pouvons faire. Je voudrais peut-être ajouter une couche de fond supplémentaire dans cette couleur bleue. Donc, en gros, dupliquons ce carré deux. Et ensuite, déposez-le ici. Maintenant, ça s'appelle le carré quatre, non ? J'ai donc voulu supprimer toutes les images-clés que nous avons, puis les faire avancer, les agrandir Dissociez la propriété d'échelle, par exemple, allongez-la, comme ça ici Essayons ensuite d' animer la propriété d'échelle. Appuyons sur l'image-clé de la balance. Quand il arrivera pour la première fois, essayons peut-être 136 sous forme de carré, puis avançons de 12 images, une ou deux, agrandissons celui-ci, presque comme une impulsion que nous essayons de créer en arrière-plan. Vous pouvez avoir l'impression qu'il y a une pulsation en arrière-plan qui va en quelque sorte avec l'animation au premier plan pour ajouter une couche de mouvement supplémentaire Faisons à nouveau dix images, puis rendons-le vraiment très fin à nouveau. Et puis repartons pour dix images. Moi, cela remonte à cette version plus grande. Et la dernière, peut-être encore une fois, optez pour dix images, remplissez tout l'espace nécessaire pour remplir l'hébergement, et c'est ce que nous allons faire. Pour ce qui est de l'assouplissement, revenons sur Assistant. Easy Ease, allez dans l'éditeur de graphes. Assurez-vous qu'à l'intérieur du graphique de vitesse, adaptons le graphique à afficher. Je vais tracer cette courbe ici. Pour lui donner un maximum d'apaisement, ici au milieu. Et puis pour celui-ci, souvenez-vous que lorsque tout se met en place, nous avons un assouplissement très extrême vers la gauche, tout comme la propriété de rotation que nous avions Et puis celui-ci, je pense que nous allons encore une fois faire un assouplissement extrême vers la gauche. Je pense que nous pouvons supprimer la dernière image-clé. Nous pouvons simplement utiliser l' avant-dernière image-clé pour remplir complètement la couleur bleue, afin qu'elle occupe tout l'espace, et voici l'animation Ensuite, ce que je veux faire, c'est ajouter une ligne supplémentaire qui part du haut pour en faire une animation secondaire. Et presque comme s'il s'agissait d'une brochette qui traverse toute la forme pour la mettre en place C'est donc très facile à faire. Passons simplement au pénol et dessinons une ligne comme celle-ci Faisons de la ligne dix points et transformons la couleur en blanc. Nous pouvons simplement faire une couleur blanche unie dans ce cas. Et assurez-vous que cette ligne ici , je l'appelle ligne, assurez-vous qu'elle est centrée au centre de la composition. Je veux donc apparaître ici. Ajoutons un effet de trajectoire de découpage, puis ajoutons une image-clé au début et à la fin Remplacez la fin par zéro, avancez de dix images, modifiez le début et la fin à 100 %, puis cliquez à nouveau, passez à l'assistant Keyframe, Easy East Déplaçons la courbe pour faire glisser les deux extrémités vers le milieu afin d'obtenir un relâchement extrême au centre, puis déplaçons les deux images-clés situées à l'extrémité vers l'avant Nous avons donc presque une animation de dessin. C'est donc ce que nous avons. Nous avons une ligne qui trace du haut vers le bas , puis qui traverse toutes les formes pour les mettre en place. Et la prochaine chose que je veux ajouter, c'est que je veux changer la couleur de ces formes ici. ce qui est de la couleur, comme celle-ci, je veux que ces deux carrés apparaissent en noir plutôt qu'en vert, puis ils peuvent devenir verts une fois que la brochette traversé ces formes et les a ensuite mises en place, cela changera la couleur de ce carré Donc, en gros, le carré sera là. Passons au remplissage des dégradés du groupe, puis modifions-les Il s'agit d'ajouter une image-clé ici. Au début, je vais supprimer le blanc et le jaune pour n'utiliser que le vert et le noir foncé. Quelque chose comme ça. Ensuite, passons également à la vitesse de l'image-clé pour faciliter le passage de sc à la vélocité de l'image clé, il suffit de la changer à 66,66 C'est un assouplissement général qui va vous donner une certaine énergie. Ça a l'air bien, puis je vais copier l'image clé, passer à la case trois. Passons au remplissage du dégradé , puis ajoutons-le ici. Voyons si nous pouvons changer cette couleur bleue en vert au début. Donc, pour le quatrième carré, entrons dans le remplissage du dégradé, puis ajoutons un cadre clé. Ici, et au début, je voulais être le dégradé vert que nous avons au lieu du bleu. Voyons si cela va fonctionner. Je vais changer le jaune ici et assurer qu'il n'y en a pas beaucoup. Je veux qu'il soit plus vert. Je vais le déplacer ici comme ça. Ensuite, pour rendre ce troisième carré moins visible, je dois peut-être le remplacer un noir pur au lieu d'un noir vert. En gros, nous ne faisons qu' animer un peu les changements de couleur, car nous avons déjà l'action de la troisième scène, nous voulons simplement ajouter quelque chose de plus pour rendre la scène plus intéressante. Et maintenant, nous changeons essentiellement ce fond de couleur bleue en couleur verte. Il va donc s'animer entre les deux couleurs. Cependant, je ne veux pas une transition entre les deux parce que c'est un peu délavé. Je dois donc passer à la case quatre et m' assurer m' assurer d' avoir une transition très rapide entre les deux couleurs. Peut-être qu'il suffit de faire une courbe d'assouplissement très extrême au milieu pour que nous ayons une transition très rapide comme celle-ci. Tout d'un coup, le vert devient bleu. Je pense que cela fonctionne. Le vert devient bleu. Et au début, deux carrés noirs venaient remplacer le carré noir. J'espère que nous pourrons utiliser l' effet de trait pour rendre la bordure plus visible. Oui, vous pouvez le voir, une fois qu' il est grand, il est très visible, mais une fois qu'il est plus petit, ce n'est plus aussi visible, mais ce sera un indice de style. Nous allons donc faire la même chose pour le carré deux pour ajouter un trait dégradé. Permettez-moi de copier le trait du dégradé, puis de le placer sur le carré 1, carré 2, comme ceci. Chaque carré aura donc un trait dégradé légèrement plus profond que ma couleur. Et la dernière chose que nous voulons faire , c'est que je ne veux pas faire la transition entre ce noir et ce vert dégradé. Je vais donc faire la même chose, peut-être simplement copier l'allégement de ma copie de la case quatre, puis la coller sur l'animation de remplissage en dégradé pour que le changement soit vraiment rapide. Ou bien, il suffit de re-cliquer sur la vélocité des images-clés, de la changer au lieu de 66, de la changer en 88 ou 88. Essayons 88. 88 va vous donner une courbe comme celle-ci. Je vais juste le faire glisser jusqu'au bout, peut-être 100 % d'influence des deux côtés. Copiez cette influence à 100 % des deux côtés, puis collez-la sur mon cadre clé carré d'une couleur, comme celui-ci, pour l'assouplir. Non, ça ne marche pas. Cela ne fonctionne pas pour le copier-coller, je dois donc effectuer les réglages manuellement, il suffit de faire glisser le pointeur pour atténuer à 100 % l'influence des deux côtés. La courbe ressemble donc à ceci. Ensuite, nous allons avoir un changement de couleur très rapide. Ce n'est pas si visible. Et vous pouvez voir l' énergie que nous avons maintenant. Ça a l'air super cool. Nous avons quelques changements de couleur. Nous avons une animation secondaire de la ligne qui passe. Nous avons obtenu quelques rotations. Nous avons un arrière-plan qui réagit à l' animation au premier plan. C'est donc tout ce que nous voulons ajouter en termes de stabilisation dans la troisième scène. Voyons l' animation que nous avons maintenant. 14. Temps de formation: Maintenant, discutons de votre devoir de classe principal. Jusqu'à présent, nous avons exploré la manière d'animer à l'aide graphes de vitesse et de travailler sur les scènes initiales de notre projet J'espère que vous trouvez cela agréable et que vous habituez à ce style d' animation géométrique rapide style d' animation géométrique rapide Pour votre projet d'envergure, vous avez le choix entre deux options . La première option est de suivre ma démonstration et de la terminer en trois scènes à partir de l'exemple que nous animons en classe Le devoir final devrait durer environ 6 secondes. Bien que vous n'ayez pas besoin de terminer les neuf scènes, je vous encourage à en aborder d' autres si vous vous sentez à l'aise. N'oubliez pas que chacun apprend à son propre rythme. Concentrez-vous donc sur l'animation d' au moins trois scènes de notre storyboard qui vous tiennent à cœur. Cela vous aidera à renforcer votre confiance et à comprendre ce style d'animation. La deuxième option est que si vous êtes prêt à relever un défi plus important, je vous ai fourni un tout nouveau storyboard, celui que j'ai créé pour la couverture de la section Vous pouvez choisir d'animer quelque chose de similaire à l' animation de couverture de ma section ou de vous en inspirer pour développer votre propre animation unique N'hésitez pas à explorer des plateformes comme pinches, B hands ou Ravi pour d' autres idées. J'ai hâte de voir ce que tu peux créer. Une fois que vous aurez terminé vos devoirs, n'oubliez pas de les télécharger pour les partager avec moi et vos camarades de classe ou au sein de notre communauté Discord J'ai hâte de voir ton animation. C'est tout ce que j'ai pour le moment en ce qui concerne les missions. Nous allons continuer avec l' animation dans la prochaine vidéo. 15. Animation 3D fausse: C'est bon. Dans cette vidéo, poursuivons notre animation. Nous allons animer la quatrième scène qui ressemble à ceci Et pour ce qui est de la transition entre la troisième et la force, vous pouvez simplement regarder la troisième scène comme une vue du dessus d'une pyramide ou comme un tas de blocs. C'est en fait la vue de dessus, puis nous allons tourner la caméra dans ce cas, pour montrer la vue latérale de mes escaliers ou comme ma pyramide, afin que vous puissiez voir tous ces escaliers monter , afin que nous puissions afficher un volume qui aura l'air super cool et rendra votre projet intéressant. Nous allons donc faire une animation amusante pour le quatrième volet. Revenons à After Effects. Tout d'abord, permettez-moi de faire une capture d'écran de cette couche, car j'ai besoin de la position de ces escaliers pour m' assurer que nous allons faire la même position que le storyboard Je vais juste ajouter cette capture d'écran à mon projet. Ensuite, nous allons utiliser cette capture d'écran pour positionner nos carrés. Je veux voir où s'arrête l'animation. C'est donc là que tout se met en place. Et une fois qu'il sera en place, créons un objet nul afin de pouvoir contrôler la taille de mes blocs J'ai oublié de couper cette ligne. Comme nous n'avons que des images-clés ici, je vais juste couper cette ligne très rapidement Puis revenez à l'objet nul. Nous allons appeler cela une manette. Pour le zéro, associons la balle, le carré un, deux, trois, quatre. Partage tout ça à mon zéro. Maintenant, je peux modifier l'échelle pour m'assurer que nous pouvons modifier l'échelle. Donc, avant de tout transformer, je voudrais lui donner une petite animation à l' échelle afin qu' elle ne soit pas trop statique lorsque nous tournons, nous lui donnons une couche tampon d'animation. Remettons-le donc à 100 %. C'est ici que ça s' arrête. Je veux commencer la mise à l'échelle avant la fin de la rotation. Peut-être par ici. Ensuite, nous pouvons peut-être lui donner une, deux, trois ou trois images d'anticipation, l' agrandir, puis opter pour dix images, le réduire. Ce sera l'animation proprement dite. De plus, même si nous le réduisons, je ne veux pas que mon carré carré soit totalement intégré à la scène, donc je veux tout de même qu'il soit éliminé de la scène Essayons de faire en sorte que ce carré quatre soit encore un peu plus grand. De sorte que même si nous réduisons tout, cela peut tout de même simplement saigner en dehors de la scène Je dois le rendre encore plus grand. Encore un peu plus grand. Ici. Fais-le juste plus grand comme ça Donc, lorsque nous réduisons la taille, mon bloc de couleur bleu est toujours à l'extérieur. Nous ne montrons que ces petits blocs de plus en plus petits. R cliquez sur Keyframe Assistant, facile et facile. Passons à l'éditeur de graphes. Changeons la courbe. Il suffit de faire glisser les deux côtés vers le centre pour l'assouplir comme celui-ci. Oh. OK, ça marche. Et maintenant, nous allons retourner les carrés sur le côté. Pour cela, nous devons animer la propriété path de ces carrés Et pour faire demi-tour, nous avons en fait besoin de deux blocs différents. Je vais te montrer ce que je veux dire. Passons à la case départ, et vous verrez que le premier groupe est en fait ce carré vert. Et ce dont nous avons besoin, c'est d'un autre groupe, dupliquons celui-ci. G D. Nous allons avoir un groupe deux, déplacez-le vers le bas. Ensuite, pour le groupe deux, pour le remplissage des notes, entrons dans le vif du sujet Changeons la couleur en noir total, noir pur. Change tout en noir. Si je cache le premier groupe, vous pouvez voir qu'il y a une couche noire là-bas. C'est donc derrière ma case départ. Et nous avons besoin d'une couche noire située derrière tous ces carrés afin de créer de la profondeur lorsque nous les tournons latéralement. Passons donc à la case départ. commande D duplique le groupe deux, puis passons au remplissage en dégradé. Je n'ai pas besoin de l'animation en couleur. J'ai juste besoin de transformer le fond dégradé en noir pur. Ça va prendre du retard sur ma case départ. Et puis le score deux fois trois, pareil. Il suffit de dupliquer puis d'entrer. Remplissage en dégradé, assurez-vous que nous pouvons supprimer les images-clés , puis changer la couleur en noir Si je passe au premier groupe, vous pouvez voir qu'il y a une couleur noire là-bas. Ça devrait aller. Ensuite, nous devons animer la propriété de trajectoire de ces couches Pour animer la propriété path, je veux tout d'abord m'assurer de sélectionner le carré 123 puis de rechercher le chemin Je veux trouver un endroit où je voudrais commencer à faire demi-tour , peut-être avant que le contrôleur ne termine l'animation Je vais définir une image clé sur toutes les propriétés de trajectoire des trois couches. C'est bien. Et puis allons-y, peut-être 15 images. Parce que le tournage prend du temps. Et maintenant, nous avons besoin de notre couche de référence. Déplaçons ma couche de référence à l'intérieur de l'objet, puis laissez-moi l'agrandir, passer à la transparence, l'alléger. Une autre chose est que je peux peut-être tracer quelques contours. Donc, si j'appuie sur la commande R, je peux faire glisser certaines directives pour les aligner sur l'épaisseur ou la position réelles de ma couche afin de savoir où je dois aligner ces blocs ou ces cases. Disons donc si nous les alignons ici comme ça. OK, je peux désactiver ma couche de référence. Ensuite, laissez-moi sélectionner le F trois, retourner sur le chemin. Nous devons donc ajuster l'animation du tracé pour l' aligner sur ces directives. Donc, pour ce vert, je vais juste sélectionner les deux, puis déplacer vers le bas comme ceci. Et puis pour celui-ci, c'est en fait derrière le vert. Si je cache le vert, vous pouvez le voir ici, donc je vais déplacer le vert foncé ici. Et puis si j'active les deux, voici l'animation que vous pouvez voir. Est en train de tourner. OK, c'est exactement ce que je veux. Faisons de même pour le chemin bleu. Je vais le mettre ici. C'est sympa. Et puis cachons le premier groupe. Passons au groupe deux. Je vais juste l'agrandir et changer le noir ici Ensuite, revenons au premier groupe. Si je vois l'animation, vous pouvez voir qu'elle tourne réellement comme ça. Ça a l'air plutôt cool. Et puis le dernier, le vert. Je vais changer la couche comme ceci pour l' aligner sur mon guide, puis masquons la première couche, poussons la couche noire vers le bas. Et c'est mon vert. Et puis le dernier est en fait le carré quatre. Je dois encore ajouter une image-clé sur la propriété path du carré quatre Et pour celui-ci, je vais juste l'ajuster comme ça. Celui-ci n'a pas de couche noire car l'arrière-plan est déjà noir. Nous allons donc simplement le traiter comme la dernière couche que nous allons avoir. OK. C'est donc une animation tournante. Ensuite, il ne nous reste plus qu' à assouplir les courbes. Sélectionnez deux images-clés. R cliquez sur Keyframe Assistant. Easy Ease, allez dans l'éditeur de graphes. Je voulais voir si nous pouvions faire un assouplissement extrême vers la gauche. Cependant, il suffit de laisser un peu d'espace, par exemple 20 % d'influence sur la poignée gauche, puis 100 % sur la poignée droite. Si je copie l'assouplissement puis que je le colle sur toutes ces images-clés, voyons maintenant l'animation Oui, je trouve ça plutôt cool. Donc ça tourne comme ça. 16. Éléments principaux et subsidiaires: D'accord, nous en avons fini avec le tournage des trois caméras D. Ensuite, nous allons changer la position de cette balle et assurer qu'elle va également avec la caméra en position 3D. heure actuelle, vous pouvez voir que cela se chevauche en quelque sorte avec mon premier pas ici, la première case ici Pour ce faire, masquons d'abord toutes ces couches de guidage, masquons d'abord toutes ces couches de guidage car nous n'en avons plus besoin. Passons ensuite à la couche de balle. Ce sera ma balle, et je vais la dupliquer avec la commande D. Appuyer sur le clavier pour afficher l'image clé. Je veux voir où cette balle doit aller. Je veux que ce nouveau ballon vienne d'ici. Supprimons donc toutes les propriétés de position, puis déplaçons cette balle vers le bas. Peut-être qu'il suffit de le couper ici, puis de le déplacer complètement vers le bas à l'extérieur du cadre. Appuyez sur P sur le clavier dans un cadre de la touche de position. À partir de là, laissez-moi avancer peut-être autour de six images, une, deux, trois, quatre, cinq, six, et je veux que cette balle aille tout droit vers le haut pour se chevaucher ici pour couvrir le cercle central. Ainsi, une fois le cercle central recouvert, je peux réellement désactiver cette couche. Cette balle originale disparaîtra une fois que cette nouvelle balle la recouvrira. Ensuite, permettez-moi de passer à 12 autres images. Je vais animer ce bal ici. Cette balle va donc tirer du bas de l'écran jusqu' à quelque part là-haut. Ensuite, elle restera accrochée ici, puis nous allons faire tomber cette balle pour la frapper au-dessus de cette première boîte. Optez donc pour 12 images supplémentaires. Lâchez cette balle pour la frapper ici. Et ce sera notre nouvelle animation de bal. Jetons un coup d'œil à l'éditeur de graphes, allons dans Easy East. Ajustez le graphique pour l'afficher. Je veux que le truc arrive avec un peu d'énergie. Il va donc s'assouplir lorsqu' il atteindra la partie centrale. Cela va prendre beaucoup d'ampleur comme ça. Ensuite, la dynamique devrait se poursuivre. Et je veux que le ballon soit suspendu lorsqu'il est au sommet ou au point le plus haut. C'est donc là que la balle sera la plus haute, là où la courbe doit être plate. Il perd presque toute son énergie. Nous allons faire glisser les poignées vers la gauche et vers la droite pour aplatir cette courbe Elle perd donc beaucoup de vitesse en haut. Ensuite, nous allons continuer à rebondir sur cette courbe. Comme ça, il va rebondir sur cette boîte puis remonter. Mais nous allons animer la prochaine moitié des images-clés un peu plus tard Pour l'instant, je veux juste m'arrêter ici. Voyons à quoi ressemble l' animation. Donc, si je prévisualise à partir d'ici, c'est la transition que je souhaite. Je veux que cette nouvelle balle prenne balle centrale au centre. Et puis presque comme une traînée. Nous utilisons donc cette balle pour faire glisser la caméra ou pour faire tourner toute la scène vers le haut . Cela me semble plutôt bon. Et revenons à mon fichier Illustrator. Je veux ajouter le cercle. Si vous regardez l'illustrateur, nous avons également cette horloge assez grosse qui tourne. Et je veux que cette horloge apparaisse peut-être une fois que le cercle aura atteint le point le plus haut. Alors laissez-moi insérer celui-ci dans After Effects. Nous avons ce cercle ici. Il suffit d'appeler ça un cercle. Et puis mettons S sur le clavier, réduisons-en un. Repositionnons le cercle. Permettez-moi de passer à une ligne pour m'assurer qu'elle se trouve au centre de ma composition à la verticale. Et puis une fois que la balle arrive ici, je veux animer la taille du cercle pour qu'elle apparaisse Je vais donc changer l'échelle à zéro, passer à 410 images et l'agrandir comme ça. Et je souhaite également animer la largeur du trait. Passons donc à l'intérieur du cercle. trait de notation du groupe de contenus aura une largeur de trait Donc, en termes de largeur de trait, la fin pourrait être ces dix points. Au début, je veux qu'il soit plus épais, peut-être 40. Donc, c'est presque comme si quelque chose se produisait en rafale. Si je suis désolée, je change la mauvaise chose. Si nous faisons une largeur de trait de 40 points au début, nous aurons un Trcal plus épais une fois entré. Je veux qu'il soit vraiment épais, 150 points ou quelque chose comme ça parce qu'il est trop petit C'est vraiment difficile de voir si j'atteindrai les 40 ans. Et puis allons-y, cliquez. Vous encadrez l'assistance. Je vais faire une rafale. Donc, au début, il devrait y avoir un mouvement rapide, pour qu'il éclate, puis il devrait lentement se mettre en position Je pense que c'est trop rapide. Peut-être que je dois encore éloigner les images-clés. Et si je déplace un peu ce cercle vers l'avant pour mieux l'aligner avec le cercle, on arrive au point le plus haut. Je veux donc que ce cercle aille ici, puis tout éclatera. De plus, je ne veux pas qu'il soit sur le devant de ma boîte, alors je dois pousser ce cercle en éclats. Ça a l'air bien, en bas, de façon à ce que ce soit derrière le carré . Vous êtes au clavier. Maintenant que je pense que la largeur du trait de fin est trop fine, je vais la modifier pour qu'elle soit un peu plus épaisse, peut-être 30 %. Je pense que cela fonctionne. Donc, au début, faisons-en 300. Oui, je pense que ça marche mieux. 17. Synchroniser une action complexe: T. Continuons notre animation. Passons à la couche contrôleur et activons la propriété scale. Je veux tout réduire pendant que l' appareil photo tourne. Donc, en gros, une fois que cette caméra commence à tourner, appuyons sur une image-clé sur la propriété scale, puis avançons de dix images Ensuite, nous pouvons tout réduire un peu pour pouvoir montrer trois cases ici. Et puis le dernier va s' étendre en dehors de mon clic, passer à la vélocité des images-clés Tapons la valeur, 66 66. D'accord. Voyons ensuite à quoi ressemble l'animation. Ouais De cette façon, nous pouvons avoir une vue complète de nos boîtes de nos trois D ici. Ensuite, ce que nous devons faire, c'est intégrer les autres éléments d'Illustrator. Transférons cet anneau dans After Effects, puis alignons-le sur mon cercle principal comme ceci. Appelez cela un cercle extérieur et abaissez-le pour le rapprocher de mon cercle éclatant. Je veux aussi que ce soit le parent de l' éclatement du cercle. Ensuite, je peux déplacer cette couche ou la couper ici. C'est une bonne chose. Ensuite, vous pouvez ajouter ces deux petits éléments plus tard. Et ces petites lignes ici, nous allons le faire dans After Effect. Nous n'avons donc rien d'autre à ajouter pour le moment. Revenons en arrière pour poursuivre notre animation. OK, donc ensuite, nous devons animer cette balle qui frappe les cases puis rebondir. Il va glisser à l' intérieur de ce cercle, le contourner puis aller vers le haut, retomber vers le bas, puis rebondir à nouveau Ce sera donc notre animation. Allons te taper sur le clavier pour le ballon. Et ensuite, ce que nous devons faire maintenant, c'est ajouter un autre objet nul. Appelez cela un contrôleur de balance. Revenons ensuite à la composition. Assurez-vous que cet objet nul se trouve au bas de la couche, puis je souhaite associer ce contrôleur d'origine à mon contrôleur d'échelle. Donc, si j'appuie sur S sur le clavier, puis que je lie la propriété d'échelle, je peux modifier l'échelle de ces quatre cases ensemble comme ceci. De cette façon, nous pouvons presque animer le squash et nous étirer une fois que la balle touche les cases C'est donc ce que nous voulons faire. Avancons peut-être dix images, et nous allons faire tomber cette balle pour frapper les cases. Cependant, nous allons le réduire encore plus parce que je veux également réduire les cases. Une fois que nous aurons déposé cette balle plus bas, passons à la propriété de l'échelle et appuyons également sur P sur le clavier. Animons ici la propriété position. Je pense que cela pourrait mieux fonctionner au lieu d'utiliser la balance. Déplaçons-le vers le bas comme ça. D'accord. Et puis ça va le pousser vers le bas. Cela va également faire glisser les naissances de mon cercle vers le bas. Je dois donc aller dans la couche Circle Burst, appuyer sur P sur la propriété position et faire glisser celle-ci pour l'aligner sur mon objet principal ici. Voici donc la motion que nous avons. Passons à l'éditeur de courbes pour connaître la position de la couche de billes. Nous avons besoin d'une courbe de chute libre ici. Donc, pour ce qui est de la courbe de chute libre, elle va continuer à prendre de la vitesse jusqu'à la fin. Il va donc y avoir une courbe extrême sur la droite comme celle-ci. Continuez à tomber en chute libre. Et laissez-moi copier l'influence des deux images-clés et la coller sur le contrôleur de balance, mon cercle éclatera Et maintenant, les trois auront la même animation. Ça va descendre comme ça. C'est une bonne chose. Ensuite, avançons de dix images ou peut-être de huit images. Nous allons faire rebondir cette balle comme ça. Ensuite, une fois que nous avons fait rebondir cette balle, nous allons d'abord déplacer le cercle vers le haut pour que ma balle soit toujours dans le cercle, glisser le long du cercle en suivant ce contour Et passons également au contrôleur de balance. Une fois que tout sera remonté. Je souhaite ajouter une propriété d' échelle ici. Laisse-moi avancer comme ça. C'est une bonne chose. Ensuite, que la balle glisse le long du cercle. Passons à trois images clés, une, deux, trois. Déplacez la position de la balle ici, puis avancez de trois autres cadres. Déplacez la position vers le bas ici. Avancez de trois autres images. Déplacez-le ici. Encore trois images, déplacez-la vers le haut, puis faisons huit autres images, redescendons vers le bas, puis faisons cinq autres images pour rebondir au centre Ce sera donc ma trajectoire de mouvement générale. Cependant, je dois lui donner un chemin incurvé. Passons donc à l'outil d'épingle, à l'outil de conversion de sommets, appliquons-le sur ce sommet pour en faire une courbe, juste pour nous assurer que ma courbe suit le contour du cercle, comme ceci du cercle, comme Cela va se produire assez rapidement, nous pouvons donc le faire grossièrement. Et si je veux déplacer la position du cercle, je peux simplement appuyer sur V sur le clavier et déplacer ces positions également pour mieux les positionner afin qu'il glisse dans ce cercle intérieur ici. C'est une bonne chose. Et la prochaine chose que nous devons faire est d' ajuster les courbes. Analysons donc celui-ci. heure actuelle, cette balle rebondit, nous avons donc une courbe de rebond, et une fois qu'elle aura touché, elle aura également une courbe de rebond sur le côté droit La courbe de droite doit donc ressembler à celle de gauche pour former une courbe de rebond presque symétrique L'énergie est donc constante. Ensuite, nous allons le faire rebondir jusqu'ici. Donc, en gros, une fois qu' il aura atteint le sommet, il perdra beaucoup d'énergie. Et puis, une fois que la balle tombe, elle glisse et prend de l'énergie. À ce stade, c'est là que la balle devrait avoir le plus d'énergie. Donc, pour que ce point soit le plus rapide possible, nous devons déplacer ces petits points jusqu'en haut. Et pour ce faire, si je ne déplace qu'un point ici, les poignées gauche et droite seront cassées. Je dois donc sélectionner deux points ici, puis m' assurer de cliquer dessus pour convertir en Auto Basie Dans ce cas, je peux déplacer à la fois les poignées gauche et droite, puis simplement me déplacer jusqu'en haut. Comme ça. C'est une bonne chose. Ensuite, je vais également convertir ces points en Auto Basie Revenons à la chronologie. Je dois également m'assurer que les images-clés gauche et droite de cette image-clé ici seront converties en un clic droit en une image-clé itinérante dans le temps Donc, en gros, cela signifie qu' il sera lié à l'image-clé avant et après, puis qu'il égalisera notre valeur Si nous revenons à l' éditeur de courbes, le graphique de vitesse, vous pouvez le constater, notre courbe devient beaucoup plus fluide maintenant Il se repositionne essentiellement automatiquement pour former une courbe lisse Nous avons maintenant une belle courbe que nous pouvons utiliser pour notre trajectoire de mouvement. Et ici, au point le plus élevé, il va perdre beaucoup de vitesse, c'est une bonne chose, puis nous allons faire une courbe de chute libre récupérer de l'énergie, pour que ça aille plus vite. Et puis, une fois qu' il aura rebondi, ce sera une courbe extrême vers la droite Nous allons passer à la scène suivante à la fin. C'est là que se déroulera notre animation. Voyons à quoi ça ressemble. Et nous devons aller ici, copier ces deux images-clés, les assouplir, puis les coller sur le cercle rafale pour que mon cercle suive cette boule ici Jetons un coup d'œil. Oui, ça a l'air bien. Ensuite, je peux simplement ajouter l' effet école à ma deuxième balle. C'est un effet d'écho. Faisons 0,002, puis faisons 15 copies. Et maintenant, voyons à quoi cela ressemble. Oui, je trouve que ça a l'air bien. Et en ce moment, vous pouvez voir que le problème, c'est que notre balle passe devant les box. Nous devons donc couper cette couche de balle. Une fois qu'elle aura rebondi, nous allons la couper à partir d'ici, puis nous assurer que la balle trois passe sous la case quatre afin qu'elle passe derrière toutes ces cases plutôt que devant Ensuite, nous allons continuer à animer ce contrôleur d'échelle Nous pouvons copier ces deux images-clés, l'assouplir sur l'échelle du contrôleur de balance, puis nous allons simplement faire descendre le contrôleur de balance comme ceci Donc ça va rester comme ça à la fin. Quelque chose comme ça. Ajustons la courbe ici. Nous allons simplement faire une courbe d'assouplissement au milieu comme celle-ci. Les boîtes sont donc en train de s'éloigner. Et puis, à la fin, j'ai besoin que la boîte remonte à nouveau pour faire une allumette à la fin. Il va donc y avoir une courbe d' assouplissement extrême vers la droite, comme ça, tout le chemin vers la droite. Et ce sera un match nul à la fin. OK, ça marche. Et puis la dernière chose, c'est que ce cercle dont nous devons nous occuper doit animer l' éclatement du cercle Je peux réduire un peu cette rafale comme ça. Et puis je pense qu'une fois qu'il aura atteint la première case, c'est là que je vais présenter mon outburst. Je vais juste faire 0-107. Donc, le début sera zéro. Et puis je veux aussi faire une animation à largeur de trait. La largeur finale du trait sera la suivante. Frappez peut-être deux points, puis le début serait de marquer 100 points. Et puis recliquons, ajustons facilement l'image clé. Assurez-vous que cela s' atténue, comme ça. Ensuite, nous pouvons aussi le couper peut-être ici et le déplacer. Nous obtenons donc une animation comme celle-ci. D'accord. J'ai besoin que mon bâton soit assez épais au début. Alors faisons-le. presque comme un rebond, puis ça déclenche la réaction de mon entourage Voici donc notre animation pour ici, le cercle extérieur. Je vais juste aligner cette position du cercle avec la balle ici, puis je vais également déplacer ce cercle vers le haut. Pour introduire cette allumette, coupez à la fin. Nous allons donc faire une courbe d'assouplissement extrême vers la droite. OK, c'est bon. Nous avons donc obtenu une courbe d'allumette à la fin de la rafale circulaire, le contrôleur d'échelle, ainsi que la balle deux. Voyons donc l'animation. Le seul problème, c'est que le contrôleur d' échelle ici réduit trop, je pense. Je peux le déplacer un peu vers le haut. Ensuite, je voudrais aussi réagir encore quelques fois lorsque la balle touche la première case. Donc, en gros, je veux que ces boîtes se rétrécissent dans une taille et une largeur similaires. Passons aux cases 1 et 4 , puis cherchons la propriété du chemin. Ajoutons un cadre clé sur la propriété du chemin une fois que le cercle touche la case. Ensuite, laissez-moi zoomer, et je vais modifier la largeur de ces cases pour qu'elle corresponde à celle de la première case. D'accord. Et ensuite, passons à la case trois. Faisons ensuite le carré quatre. Je vois l'animation ici. Je veux que ce résultat final soit un peu plus élevé. OK, je pense que ça marche. C'est tout pour cette vidéo. Nous allons terminer la scène dans la prochaine vidéo. 18. Terminer la scène 4: Très bien, bon retour. Terminons la scène de cette vidéo. C'est probablement la scène la plus difficile de tout le projet. Merci donc de votre patience. Nous allons terminer la scène dans cette vidéo. Revenons à Illustrator et intégrons quelques éléments dans After Effects. Nous avons ces petits éléments qui fonctionnent 24 heures sur 24. Laissez-moi les sélectionner toutes. Je peux les regrouper puis les insérer dans After Effects. Cela génère un tas de couches. Précomposons toutes ces couches. Appelez ces épingles à horloge unique. Et puis entrons dans cette composition. La composition elle-même n' est pas assez grande, il va donc falloir augmenter la largeur pour faire apparaître toutes ces petites épingles. Déplaçons cette composition de couches juste au-dessus de notre couche de naissance circulaire. C'est une bonne chose. Ensuite, nous pouvons réduire la taille de cette composition. Déplacez-le pour qu'il soit correctement positionné dans notre horloge. Je pense que cela fonctionne. Et maintenant, il ne nous reste plus qu'à trouver un endroit où nous pouvons faire pivoter celui-ci. Et nous devons également associer cette couche à notre cercle éclaté pour qu'elle voyage avec elle. Je pense que nous allons commencer à faire pivoter le. Appuyons sur R sur le clavier, commençons à faire pivoter. Jusqu'à la fin, il suffit peut-être de lui donner une rotation. C'est peut-être trop. OK, c'est peut-être trop. Permettez-moi de continuer et peut-être de les cacher comme dans la moitié inférieure, puis nous ne garderons que tout ce qui se trouve dans la moitié supérieure. Donc, à la fin, je veux que tout soit à zéro degré pour que nous puissions voir ces épingles en haut et je dis ici une image-clé Et puis revenons au début, je veux que ce soit peut-être quelque part par ici. Laissez-moi le faire un peu plus grand 110. Alors laissez-moi passer à Keyframe Assistant. Facilité facile. Passons à un assouplissement extrême, comme si nous nous relâchions pour adopter une telle position. Et si nous n'avions qu'une seule épingle ? Parce que j'ai l'impression que c'est encore trop. Permettez-moi de tout supprimer. Il suffit d'en avoir un. Au début. Nous allons le maintenir à zéro au début. Déplacez-le un peu vers le bas. Nous avons donc cette épingle ici. Il va apparaître avec mon cercle extérieur. Ça va se couper comme ça. Ensuite, il va commencer à tourner. Ajoutez une image-clé ici. Ensuite, une fois que la balle aura de nouveau touché le cercle, j'ajouterai un autre cadre clé. Il va en avoir un pour rotation. Passons à l'éditeur de graphes. Cliquez avec le bouton droit sur Keyframe Assistant, par exemple. Permettez-moi de modifier le graphique Peut-être quelque chose comme ça. Il tourne donc en quelque sorte avec mon cercle principal ici. OK, je pense que ça a l'air bien. Ensuite, laissez-moi entrer dans l'épingle de mon horloge. Permettez-moi d'en citer deux autres comme ça. Nous n'en gardons que trois. Et si on en allumait quelques autres en bas ? Alors voyons voir. OK, je pense que ça a l'air bien. Il me suffit donc de le réduire un peu , puis de le repositionner C'est donc en plein centre de mon cercle. Ensuite, permettez-moi d'ajouter un changement d'opacité à partir de 0 %. G 410 images à 100 %. Peut-être quelque chose comme ça. Il suffit de voir combien de ces épingles vous souhaitez activer, et c'est tout pour ces pièces. La prochaine chose que nous devons faire est d'ajouter toutes ces petites lignes pointillées dans mon horloge Je vais donc dupliquer cette couche de cercle extérieur. U sur le clavier. Je n'ai pas besoin de toutes ces images-clés. M étant plus petit, il se trouve à l'intérieur de cette couche circulaire éclatée, puis je dois entrer dans mon trait , puis ajouter une ligne pointillée Zoomons sur le tiret. Permettez-moi de cliquer à nouveau sur ce signe plus et j'ai besoin d'un espace. La largeur du trait doit être agrandie. Peut-être que nous allons faire 100 points, amincir le tiret puis augmenter l'écart. Cela ressemble donc à ce que nous avons maintenant. Passons à S pour la taille et faisons-le éclater attaché à ce cercle comme ceci, puis nous pouvons le déplacer vers le bas derrière le cercle en rafale. Réduisons également le with un peu plus petit. Changez-le en 50 Oui, je pense que cela fonctionne. Ensuite, nous devons animer avec un chemin de découpage, en ajoutant un chemin de découpage, puis si je passe à la valeur finale, elle s'animera à partir d'ici Je dois donc le décaler pour qu'il soit en haut Je veux le compenser pour repartir du haut, c'est bien. Ensuite, je vais ajouter une image-clé au début et à la fin. Donc, si la fin est à zéro au début, ce sera le début lorsque ma balle sera sur le point de se coucher le long du cercle. Ensuite, la fin serait la balle en haut, et c'est là que le but sera de 100 %. Ensuite, nous allons passer à Reli, Keyframe Assistant, Easy Essaie de correspondre à l'animation de mon ballon. Comme si cette balle menait toutes ces lignes comme ça. Ensuite, je vais juste changer ce trait par un trait plus grand encore un peu plus grand. Est-ce que cela fonctionne ? Je peux aussi atténuer l'opacité Je préfère 50 % au lieu de 100 %. Oui, je pense que ça marche. Et c'est l'animation de notre horloge. Peut-être que je ne veux pas qu'il soit attaché à mon cercle éclatant, alors je vais simplement passer à la taille, réduire, comme ça. OK, ça pourrait paraître mieux. R. Et puis réduisons à nouveau l' opacité jusqu'à 35 % OK, ça a l'air mieux. Et voici notre animation complète dans cette scène. Et la dernière chose que nous voulons faire est d'ajouter une autre couche de mouvement avec des objets nuls. Et celui-ci, on pourrait l'appeler Master Control. Et nous pouvons être parents de tout ce qui ne contient pas d'objet nul avec cette couche de contrôle principale. Choisissez donc tout ce qui n'a pas de parents. Boule, trois cercles. Tout d'abord, je vais m'occuper de tout cela sous le contrôle de mon maître. Je vais augmenter la position et l'échelle. Je voulais donc commencer par là, quand l'appareil photo est sur le point de baisser et de tourner, je vais toucher une balance pour une image-clé Et puis une fois que tout sera comme ça, je vais tout agrandir, comme ça. Et puis avant qu' il ne soit coupé à la fin, je vais tout réduire peut-être à 115, puis celui-ci à 100 %. Donc, si nous faisons un reclic, Keyframe Assistant, c'est tout. Nous allons ajuster la courbe. La première sera de se déplacer vers la droite comme ça. Et puis celle du milieu, celle-ci, puis la dernière seront extrêmement assouplies vers la droite avant la fin de la dernière manche du match. Ce point est peut-être trop important. Je vais en faire 125, et ici, je ne sais pas. Gardons-le 115. Voyons à quoi cela ressemble maintenant avec un petit changement d'échelle de position. Je vais le pousser vers le haut. Et puis celui-ci, je vais m'en tenir à 15. C'est trop gros, il est déjà à l'extérieur, donc je vais le changer à 100 %. Essayons de déplacer la position parce que je veux en quelque sorte que le cercle soit au centre. À l'heure actuelle, le cercle se déplace trop vers le haut. J'ai donc envie de tout déplacer vers le bas. Quelque chose comme ça. Essayons ce changement de position s'il fonctionne. Je vais juste changer la courbe comme ça vers le centre, puis la dernière serait celle extrême droite pour une allumette. Je trouve que c'est plus beau parce que je veux juste que ce cercle soit le plus souvent au centre. Et jetons un coup d'œil à notre animation réalisée jusqu'à présent. C'est tout pour la scène. C'est une très longue scène, et vous pouvez faire une pause si vous le souhaitez, mais dans la vidéo suivante, nous allons continuer avec l'animation. 19. Établir l'action principale: C'est bon. Dans cette vidéo, continuons à animer la scène suivante, qui sera la scène 5 Permettez-moi de revenir à mon fichier Illustrator. Ce sera notre scène 5. Ajoutons ces éléments dans After Effects. Laisse-moi déplacer cette balle. Ensuite, je vais déplacer les deux cercles. Permettez-moi de déplacer ces éléments ici. Et puis j'ai besoin de cette ligne ici. J'ai également besoin de cette ligne ici. Vous pouvez voir que cela se chevauche avec ma scène précédente Je dois donc faire avancer celle-ci un peu qu'elle ne se chevauche pas Je vais couper cette scène ici , puis passer à la scène suivante. Pour la nouvelle scène, sélectionnons toutes les couches, changez-les en une couleur d' étiquette différente. Passons au vert. Et comme vous pouvez voir que cette ligne n'est pas continue, nous devons utiliser un outil d'épingle pour faire glisser ce point jusqu'en haut Nous avons donc cette ligne. C'est traverser le cercle qui s'étend jusqu'au fou. Durée de la scène ici. Maintenant, il ne nous manque plus que la grille, mais nous allons la créer dans After Effects. Donc ça devrait aller pour le moment. Ce sont tous les éléments dont nous avons besoin pour la scène. Je dois trouver cette couche de balle, l' appeler balle, puis la déplacer complètement vers le haut. Je peux modifier pour créer cette couche de globe profond en haut ici. Nous ne l'utilisons pas pour le moment, donc je peux le cacher. Tout d'abord, je veux animer la propriété de position de cette balle ici H P sur le clavier à une propriété de position à zéro, ou au début, je veux qu'il augmente, donc il restera enfoncé au début, puis nous allons peut-être faire trois images, une, deux, trois, déplacer vers le haut assez rapidement, puis il faudra encore huit images pour installer en position centrale ici Ensuite, une fois que tout sera réglé, nous aurons cette ligne dans le coin gauche, coin inférieur gauche allant jusqu'à traverser cette balle ici Et puis une fois que tout sera un peu calmé, nous aurons une autre ligne pour tirer cette balle vers le bas. Nous allons donc avoir peut-être encore quatre cadres, un, deux, trois, quatre, juste pour que cette balle se déplace légèrement vers le bas, huit cadres de plus. Pour être poussé par cette ligne en appuyant vers le bas, puis nous allons faire encore quelques images, reculez en arrière Ce sera donc l'animation linéaire. Faisons une opération facile et passons à l'éditeur de graphes. Nous pouvons ajuster légèrement la courbe. Nous allons faire un assouplissement extrême à gauche parce que c'est le début des matchs coupés, puis nous allons tourner cette partie ici vers la gauche. Et pour le milieu, nous allons faire un assouplissement au centre et en dernière position, nous allons faire un assouplissement extrême vers la droite parce que c'est un match cut à l'extérieur. Voyons si cela fonctionne. Déplaçons cette courbe ici. J'ai besoin de ce point pour avoir la vitesse la plus rapide ici. Il va donc être poussé vers le bas par cette ligne. Nous déplaçons donc cette position centrale vers le haut, puis nous pouvons faire glisser cette poignée vers l'arrière. Donc, ici, ce point a une vitesse plus élevée. Il est poussé par cette ligne. R. Et puis ça va augmenter à la fin. Je pense donc que l'animation fonctionne à peu près. J'ai juste besoin de le chronométrer avec mon animation linéaire. Trouvons la limite ici. Ce sera donc ma première ligne. Ensuite, il suffit d' ajouter un effet de découpage. Ensuite, nous pouvons animer la position finale. Faisons zéro au début. Et puis faisons peut-être que 12 images deviennent 100 %. Allons-y et assouplissons le cadre clé. Passons à l'éditeur de graphes. Je souhaite modifier le graphique. Faisons une influence au début, peut-être 40 %, puis faisons un assouplissement plus important à la fin, peut-être 95 %. Ou faisons-le à 100 %. Ici, faisons-en 3 100 %. Voyons comment cela fonctionne. Je dois associer cette ligne au cercle. Passons donc à première ligne, puis associons-la à la couche de balle. Quand le ballon arrive, je veux que cette ligne sorte pour traverser ce cercle ici. Je pense que cela fonctionne. Et puis je dois aussi associer cette autre gamme. Appelons cela une ligne deux. Permettez-moi également de relier cette ligne au cercle. Et ajoutons également le défaut de la trajectoire de découpe. Copiez simplement le tracé de découpage, collez-le et appuyez sur le clavier. Nous allons déjà avoir l'image-clé. Je pense que dans l'ensemble , cela fonctionne déjà. Je veux donc que cette autre ligne entre alors que le cercle est poussé vers le bas. Lorsque la ligne traverse un cercle comme celui-ci, le cercle est poussé vers le bas, puis il recule Cela fonctionne. Je pense que le seul ajustement nous avons besoin est de rendre cette ligne plus visible ici. En ce moment, c'est vraiment difficile à voir. Permettez-moi donc de changer cela pour une autre couleur bleu plus foncé. C'est plus facile à voir, puis nous pouvons étendre cette ligne pour qu'elle continue à sortir du cadre. Tout en étant poussé vers le bas. Ouais. Allons ajouter l' effet d'écho à la couche de balle. Et puis on passe à 2.002, puis echo, on fait 15 copies Je pense que nous devons lier ces deux scènes. Je vais reculer chaque image d'une image. H. Le problème vient peut-être de la position de départ de ma balle dans le 15. Nous devons donc déplacer ce cercle davantage vers le haut, afin qu'il commence d'ici afin qu'il commence d'ici au lieu de partir du bas. Tout avance ici, c'est bien, puis le cercle se forme comme ça. Alors laissez-moi tout reculer pour une image de plus, puis nous pourrons couper une image. Ainsi, lorsqu'elle entre, balle bouge déjà au lieu de commencer à bouger. Et comme il y a un certain chevauchement, je dois couper mes couches précédentes. Écoutez, toutes ces couches de ma scène quatre, je dois découper une image de plus par rapport à la scène précédente. Oui, je pense que la connexion est meilleure maintenant. Et pour le ballon, nous devons régler l'opérateur d' écho au maximum. Nous montrons donc toujours la couleur d'origine de mon cercle dans la cinquième scène. C'est une bonne chose. Et maintenant, il ne nous reste plus qu'à animer l'animation du diplôme en arrière-plan Revenons à ma première scène ici. Allons copier ma couche d' animation graduée, qui est la toute première couche de ce projet. Copiez ça. Ensuite, collons-le ici, remontons-le complètement en arrière. Changez la couleur de l'étiquette en vert, puis appuyez sur le clavier pour afficher l'image-clé. Nous n'avons pas besoin d' autant d'images-clés. Je vais juste supprimer les deux images clés du milieu. Et puis laissez-moi faire glisser ces images-clés comme ceci. Je n'aurai que deux images-clés de chaque côté. Permettez-moi également de mieux m'aligner sur mon animation sur le ballon. Je vais juste prendre la largeur, je vais terminer l'animation en largeur à partir d'ici, puis je vais commencer l'animation en hauteur, puis ça va s'arrêter. C'est ici Voyons à quoi cela ressemble. Je pense que cela fonctionne. Passons à l'éditeur de graphes. Il a déjà une courbe d'assouplissement assez extrême. Je peux le faire glisser un peu plus loin pour le ralentir davantage à la fin. Oui, je pense que ça marche plutôt bien. C'est ce que nous avons fait sur scène. En gros, nous avons les deux lignes animées avec le cercle au centre, puis nous avons l'animation de la grille d' arrière-plan Et dans la vidéo suivante, nous allons travailler sur l'animation secondaire. 20. Réaction et animation: Cette première scène est donc très courte. Nous ne voulons pas y consacrer autant de temps. Terminons rapidement l'animation secondaire de la scène afin de pouvoir terminer cette scène. heure actuelle, nous avons déjà l'action principale , à savoir le ballon, les lignes et les arrière-plans. Et faisons une animation sur ces cercles ici. Nous avons le premier cercle ici. Encerclez deux. Permettez-moi de les déplacer complètement vers le haut. Ensuite, pour le premier cercle, examinons la propriété de l' échelle. Faisons simplement un changement d'échelle. Cela peut commencer à zéro, puis lorsqu'elle touche le cercle, lorsque la ligne touche un cercle, elle provoque une rafale ici, puis elle passe à 100 %. De zéro au début à 100 %. Et peut-être qu'il peut dépasser 120 après trois images supplémentaires, pour revenir à 100 % Nous avons donc maintenant 021 20, deux à 100 %. C'est une facilité facile. Je vais changer le graphique comme ça. Un assouplissement général. Peut-être 122 gros. C'est 110. Voyons cette animation circulaire seule. Déplaçons cette image-clé ici. Nous devons faire en sorte que cela soit doux. Ensuite, nous pouvons couper la couche tant qu'elle est encore petite. Donc, quand il arrive pour la première fois, c'est déjà énorme. Essayons ça. Voyons comment cela fonctionne avec mon animation ici. Oui, je pense que ça marche. Ensuite, laissez-moi copier les trois images clés jusqu'au deuxième cercle. Pour le deuxième cercle, nous allons également découper la couche ici. Ensuite, laissez-moi positionner le cercle deux tandis que la deuxième ligne touche mon cercle. Nous allons faire éclater le Circle Two . Quelque chose comme ça. Cependant, je pense toujours que l' animation est trop rapide Permettez-moi juste d'essayer d'atténuer ces images clés. Donnez-lui plus de temps. Oui, je pense que ça a l'air mieux. De plus, nous devons placer la balle centrale dans les deux cercles. Juste avant qu'il ne bouge. Je vais donc placer ces deux cercles sur ma balle centrale. Et c'est l'animation. Atténuons la transparence de la grille. Je pense que c'est un peu trop lourd. Peut-être le changer à 50 % de transparence. Il suffit de décolorer un peu l'arrière-plan. Oui, je trouve ça sympa. Ensuite, nous pouvons animer ces deux petits éléments ici. Faisons simplement une animation de position. Nous allons avoir une couche dix parent à couche neuf, puis une couche neuf parent à couche huit. Ensuite, pour la couche huit, nous allons faire un changement de position. Au début, je veux qu'il soit juste sur le côté gauche à l'extérieur du cadre. Et puis il arrivera avec ces lignes de quadrillage ici lorsque la grille se mettra en place Je voulais en quelque sorte le déplacer vers cette position ici. Ensuite, nous pouvons réellement copier l'assouplissement de mon réseau. Permettez-moi de revenir à ma grille, puis de montrer l'image clé. Copions l'assouplissement. Collez-le sur ma couche 8. Il va entrer dans ma grille. Je souhaite également faire quelques animations de rotation sur ces trois couches différentes. Laissez-moi zoomer. Propriété de rotation supplémentaire. Faisons une rotation de 90 degrés sur la première et la dernière couche. Et puis au milieu, je veux faire une rotation négative de 90. Ils tournent donc différemment. Et pour l'assouplissement, copions également l'assouplissement depuis ma propriété de position, collons-le sur toutes les propriétés de rotation. Jetons un coup d'œil. Faisons passer toute la rotation à 180 pouces au lieu de 90, et voici à quoi cela ressemble. C'est subtil, mais vous pouvez voir qu'il y a une rotation lorsqu'il arrive. Je pense que c'est suffisant. C'est bien pour le moment, et faisons de même pour les trois couches. Je vais m'occuper des enfants de sept à six ans, puis des six à cinq ans. Modifions uniquement la propriété de position. Au début, il sera en haut , puis il descendra jusqu' en bas. Ensuite, en termes de rotation, je vais simplement copier la rotation de ces images clés, puis la coller sur trois couches. Comme ça. Et maintenant, nous avons une autre série d' animations secondaires ici. Cependant, ces éléments seront placés de l'autre côté de la grille Je vais donc les chronométrer avec l'autre côté de grille pour les aligner sur ces deux images clés. Permettez-moi de déplacer la position de la couche ici. Ce n'est donc pas dans la même colonne que mes couches ici. Je pense que cela fonctionne. C'est une courte animation, nous pouvons donc la couper rapidement. Voilà. Voici notre animation de la scène 5. Si on joue à tout. Nous allons couper cette couche ici, alors jouons à tout depuis le début. Même en ce moment, vous pouvez voir qu'il se connecte à la première image, presque comme une boucle continue. Cependant, la position du ballon est un peu différente, mais vous voyez l'idée. Nous allons continuer à animer dans la prochaine vidéo. 21. Animation avec la physique simple: T. Très bien. Dans cette vidéo, poursuivons notre animation. Permettez-moi de revenir à notre storyboard. Ce sera la prochaine scène que nous allons animer. Permettez-moi d'abord d'intégrer ces éléments dans After Effects. Nous pouvons d'abord faire cette barre centrale ici. Essayons de le faire. Ensuite, nous pouvons y déposer cette balle. C'est une bonne chose. Ensuite, nous pouvons sélectionner la grille. Cela va créer un tas de couches, mais sélectionnons toutes les couches de la grille, puis précomposons Appelez cela un « Grid Top ». C'est une bonne chose. Ensuite, nous pouvons faire une grille en bas ici. C'est une bonne chose. Ensuite, nous allons couper cette couche ou tout faire avancer. Cela ne recoupe donc pas ma scène précédente. Je vais couper toutes les couches de la scène précédente. Et puis dans cette nouvelle scène, je vais changer la couleur de l'étiquette pour peut-être une couleur pêche. C'est donc différent de la scène précédente ici. C'est une bonne chose. Et ce seront tous les éléments dont nous aurons besoin pour cette scène. Je vais renommer celui-ci en Circle. Renommez celui-ci en barre. Donc, pour le moment, cette grille est exactement de la même taille que ma composition. Je vais passer à l'échelle, le changer à 125, l'agrandir un peu. C'est une bonne chose pour le moment. Ensuite, je vais passer un peu du bas vers le haut. Si je les cache, je vais juste essayer de fixer ces grilles au centre de ma composition, afin que les deux lignes s'alignent en quelque sorte comme ça C'est une bonne chose. Ensuite, passons à l'animation. Tout d'abord, nous pouvons animer cette barre centrale ici. Faisons un changement d'échelle, dissocions la propriété. Ajoutons une image clé, M zéro au début. Et puis avancez de huit images. Essayons de dépasser 150 images, puis d' avancer de cinq images, une, deux, trois, 45 Remettez-le à 100 %. Nous avons donc une animation maintenant. Passons à Easy es a key frame. Passons à un assouplissement extrême vers la gauche car cette scène provient de la scène précédente et nous allons faire un match cut. L'énergie est donc déjà là, provenant de la dernière scène que nous avons. Ensuite, pour la deuxième partie, nous allons simplement faire un autre assouplissement extrême de l'autre côté. Et ce sera notre courbe. Essayons l'animation. Ça a l'air bien. Déplaçons le cercle et la barre au-dessus de la couche de grille. Ça a l'air bien. Faisons ensuite un changement d'échelle et de position du cercle. Pour l'échelle, faisons simplement une échelle de zéro à 100 %. C'est une bonne chose. Ensuite, nous pouvons copier l'assouplissement sur ces deux images-clés, placer sur le cercle Et puis pour la position, il suffit de cliquer directement sur une dimension séparée. Nous allons uniquement faire la position y. Au début, je veux que le cercle soit vraiment bas, peut-être comme ici. Ensuite, il va apparaître ici, puis il va redescendre au centre de mon écran, et ce sera l'animation. Il va monter puis redescendre. Permettez-moi de copier l'assouplissement sur ces images clés. Collez-le dedans. Jetons un coup d'œil à l'animation. Ça a l'air plutôt cool. Nous avons donc cette boule qui remonte de la scène précédente, et elle va devenir ce nouveau cercle dans ma scène six, puis elle part vers le haut et vers le bas. C'est une bonne chose. Ensuite, nous allons animer la ligne de la grille ici Pour la ligne de grille, je veux en quelque sorte qu'elle se déplace avec la barre jaune que nous avons lorsque la barre jaune augmente la taille. Nous allons avoir la barre jaune pour repousser la ligne de la grille vers l'extérieur. Donc, si nous voulons le faire, laissez-moi simplement faire une animation de position pour la grille. Le P sur le clavier. Et puis ajoutons simplement une image-clé ici. Au début, ça va être comme ça. Et puis à cette seconde, je vais déplacer celui-ci vers le bas. Ici pour aligner le haut de la grille avec ma barre jaune, puis je vais également déplacer le haut pour l'aligner ici. Ensuite, une fois que la barre jaune sera entrée, je vais simplement tout remettre dans entrée, je vais simplement tout remettre sa position d'origine comme ceci. Il suffit de copier la première image clé. Ensuite, nous pouvons simplement faire le même assouplissement, copier l'assouplissement, le coller sur ces images clés. Jetons un coup d'œil. Vous pouvez maintenant voir la barre d'échelle pousse ma grille vers l'extérieur lorsqu'elle augmente. C'est la réaction de l'animation. En gros. Nous avons l'action, qui est l'animation principale, mon cercle et la barre jaune du milieu ici, puis la réaction serait la grille poussée par la barre jaune lorsqu'elle s'agrandit. C'est une bonne chose. Essayons ensuite d'ajouter un objet nul. Appelez cela une échelle de grille. Ensuite, nous allons associer les grilles du haut et du bas à la balance. C'est une bonne chose. Il était au clavier. Nous allons également modifier l'échelle du réseau. Supposons donc qu'au début, si l'échelle est d'environ 85, nous aurons une grille plus petite. Et puis quand tout apparaît, je veux que la taille de la grille augmente également Essayons donc, environ 110 %. Ensuite, il va revenir à 100 %. C'est donc une autre couche d'animation supplémentaire. Essayons de copier à nouveau l'assouplissement. Nous utilisons donc les mêmes informations d' assouplissement pour toutes ces images-clés Collez-le dedans, et jetons-y un coup d'œil. Vous pouvez voir qu'il y a un changement d' échelle de la grille. Et le problème, c'est que cette grille montre une ligne pour le bas, donc je dois déplacer légèrement la position pour passer à nouveau derrière ma barre jaune. Ce haut aussi, il suffit de le cacher derrière la barre jaune. Et vous pouvez voir que c'est plus spectaculaire parce que nous ajoutons un changement d'échelle à la grille lorsque l'animation se produit. Ça a l'air bien. Et ensuite, continuons. Après ce déplacement, je vais créer un autre objet nul. Appelons cela une rotation. Mets-le sur le dessus. Et pour la rotation, associons tout à cette rotation nulle ici. Tout ce qui n'a pas de parent. Nous allons donc ne faire que les trois couches car les deux autres ont déjà un parent. Ensuite, nous allons effectuer un changement de rotation une fois que tout sera en place, sur le clavier. Sco 48 cadres. Et puis rechangeons la rotation pour faire une anticipation. Cela va être une anticipation. Et puis, après l'anticipation, vous pouvez voir le bord de ma couche jaune, une barre jaune, donc je dois l'allonger, donc ça saigne de mon écran ici. Et puis sc quatre, peut-être 12 images. Permettez-moi de changer la rotation dans l'autre sens. Nous allons donc faire une rotation de 490 degrés. Tout va aller droit de haut en bas. C'est une bonne chose. C'est donc mon animation de rotation. Allons assouplir l'image clé, cliquez avec le bouton droit de la souris. Facilité et facilité. Ensuite, nous allons ajuster légèrement la courbe. Faisons peut-être 5 % au début, puis faisons peut-être 94 à 95 %. Ici, ce sera une anticipation, le fait de se déplacer dans la direction opposée puis de tourner dans l'autre sens. Et pour celui-ci, exerçons influence d'un pourcentage ou de 5 %, et dans l'autre cas, nous allons avoir une influence totale de 100 %. Donc ça va être comme ça. Nous allons atteindre la vitesse maximale à ce stade. C'est donc mon animation de rotation contrôlée par ce zéro. Et je veux aussi que le cercle interagisse avec cette rotation, n'est-ce pas ? Donc, pour le cercle ou pour la balle, je veux vraiment que cette balle se déplace vers la gauche. Alors laissez-moi appuyer sur une image-clé sur la position, puis elle se déplacera vers le bas à cause de quelques dépassements, puis mon espace sera incliné, donc cette balle va d'abord glisser vers Et puis, lorsqu'il pivote, il se déplace complètement vers le bas. Par ici. Quelque chose comme ça. Cependant, vous pouvez voir si j' active mon indicateur de chronologie, je veux que mon arc reste très haut lorsque la rotation atteint ce point ici Je dois donc déplacer cette image-clé jusqu'ici. Et puis ajustons ma courbe, assistant Keyframe, en toute simplicité. Je veux juste m'assurer que ma courbe a du sens. Nous allons donc procéder à un assouplissement comme celui-ci. Essayons un assouplissement similaire à ma courbe de rotation comme celui-ci. Et puis ça va rester autour de ce point. Ensuite, nous allons suivre une courbe descendante, qui va prendre de la vitesse tout au long du trajet. Il y aura 0 % d'influence à la dernière image clé, puis nous allons faire ici, probablement 90 % d'influence. Ou faisons-en 80. Essayons une influence à 80 % ici. Voyons à quoi cela ressemble. Oui, je pense que c'est logique. Nous avons donc cette balle qui glisse vers la gauche, puis lorsque la rotation se produit, la balle va toujours vers la gauche. Et puis une fois que tout aura pivoté de 90 degrés, la balle fera une animation en chute libre ici Et maintenant, la seule chose que je veux faire , c'est que lorsque la rotation se produit, nous voulons également ajouter un petit changement d' échelle à la grille. Essayons donc de refaire cette couche à l'échelle de la grille. Ajoutons un cadre clé ici, rien ne changera à ce stade. Ensuite, permettez-moi de dissocier la propriété d'ici. Cela va passer de 100 % à 150 à 150. Ensuite, nous allons faire une courbe. Mets-le vers la gauche comme ça. J'ai l'impression que ce n'est pas si évident, alors essayons 170. Le réseau va donc devenir très grand. 200. J'aime bien 200, je crois. Et pour le cercle ici, ajoutons un effet d'écho. Changez donc l'heure à 0,002, puis la copie sera de 15 copies Essayons au maximum. Regardons l'animation ici. OK, il y a un problème ici, donc je dois créer une image-clé pour interférer avec cette propriété ici En gros, permettez-moi de modifier le nombre d'échos ici. Nous n'en aurons que 15 exemplaires ici, puis il y aura un cadre avant. Nous allons le remplacer par zéro copie. C'est une bonne chose. Ensuite, ici, à une image clé avant cette image, nous allons en faire 15 copies. Nous avons donc toujours cette animation à cet éclairage, puis nous allons supprimer l'animation lorsqu' elle tourne. Et puis, quand il tombera, nous allons avoir à nouveau cet effet de maculage C'est une bonne chose. Ensuite, ajoutons un peu de stylisation au cercle Passons aux styles de couches. Ajoutons une ombre portée à l'ombre portée. Changeons l' opacité à peut-être 10 %. Ensuite, nous pouvons augmenter la descente, peut-être 20 pour la distance. Ensuite, nous pouvons augmenter la taille, essayez 30. Oui, vous pouvez voir qu'il y a une légère ombre qui fonctionne. Ensuite, nous pouvons ajouter une lueur intérieure. Et aussi. Transformons la couleur du globe en blanc, puis nous allons modifier un peu les paramètres. Il suffit donc d'ajouter un peu de lumière intérieure et d'ombre pour rendre le cercle plus évident dans la scène. Très bien, ce sera notre animation. C'est tout pour cette scène, nous allons travailler sur la scène suivante dans la prochaine vidéo. 22. Animation géométrie simple: Bienvenue sur cette vidéo. Continuons à animer la scène suivante. Tout d'abord, je souhaite remplacer la couleur de la scène précédente par la même couleur d'étiquette. Passons à la pêche, puis nous allons couper les couches ici. Donc, dans l'image suivante, nous allons présenter la scène suivante, qui est celle-ci. Permettez-moi d'intégrer tous ces éléments dans After Effects. Le cercle ici, puis nous allons avoir ce cercle central, puis nous allons avoir cette balle centrale ici. Faites tout avancer. Nous pouvons le garder dans la couleur bleue. C'est une bonne chose. Appelez celui-ci la première sonnerie, deuxième, le cercle du milieu. Et puis celui-ci est le ballon principal. C'est une bonne chose. Tout d'abord, concentrons-nous sur cette animation de balle. Je veux que cette balle tombe par le haut. Nous allons donc déplacer cette balle jusqu'en haut, appuyer sur une image-clé sur la position Optez pour cinq images, une, deux, trois, quatre, cinq, puis cette balle descendra jusqu'au bas du cercle. C'est parti pour cinq autres images. Ça va rebondir un peu. Et puis peut-être cinq autres images, une, deux, trois, quatre. Ou faisons quatre images qui vont retomber jusqu' au bord de ce cercle. Ensuite, nous allons faire l'animation similaire à que nous avons faite auparavant avec cette balle qui entre simplement dans le cercle et glisse à l'intérieur du cercle. Allons de l'avant. Peut-être 12 images. Nous allons donc faire monter cette balle jusqu'en haut, puis c'est parti pour 12 autres manches. Ça va se passer par ici. Et puis faisons cinq autres images, une, deux, trois, quatre, cinq. Nous allons remettre ce ballon au centre. Et puis rappelez-vous comment nous devons modifier ces points d'ancrage, accéder à l'outil de conversion des sommets, faire glisser ces courbes pour former un cercle Il suffit de modifier la trajectoire du mouvement. Il s'agit donc essentiellement de rentrer dans ce grand cercle ici, suivant cette trajectoire de mouvement. Je dois régler cette poignée d' un côté, donc je dois maintenir la touche Commande enfoncée , puis cliquer sur une poignée, afin de pouvoir ajuster une seule poignée une main pour casser la poignée ici, sorte que cette courbe vient du côté ici. C'est une bonne chose. Essayons ensuite d' entrer dans l'éditeur de graphes. Ajoutons un peu d'allègement à cette animation. Cela va prendre la forme d'une courbe descendante. Nous allons donc faire une chute libre très rapide à la fin, puis nous allons faire une courbe de rebond Ce sera donc presque symétrique à ma courbe descendante, et ce sera une courbe de rebond Et à partir de là, elle va retomber. Faisons à nouveau une courbe descendante, comme ceci. Et puis, ici, il y aura toute cette énergie. montant, puis en haut, ce sera le plus lent Donc, comme c'est le plus lent, nous allons simplement faire une courbe plate par ici Ce sera assez plat parce que c'est le point le plus lent, puis nous allons en faire un autre en suivant le glissement vers le bas du cercle jusqu'ici, puis nous allons refaire un autre rebond Presque symétrique. La courbe de rebond est donc symétrique aux deux extrémités, et ce seront nos courbes pour cette animation. Jetons un coup d'œil. Je pense que je ne veux pas perdre complètement de vitesse au sommet. Je veux donc toujours un peu de vitesse au sommet. Pour ce faire, il se peut que je doive déplacer légèrement cette poignée vers le haut afin qu'elle ne perde pas toute l'énergie au point supérieur. Essayons ça. OK. Ça ne marche pas, laisse-moi le ramener à zéro. Ça ne marche toujours pas. J'ai juste besoin de ramener cette courbe à presque zéro, mais pas exactement à zéro. Fais-le vraiment plat comme ça. Je pense que cela fonctionne. OK, ça marche. Maintenant, si j'ai copié les effets d'écho sur le premier cercle de la scène précédente, nous pouvons mettre cette boule ici. Jetons un coup d'œil. Oui, je pense que ça marche. Maintenant que nous avons cette animation de balle, permettez-moi d' ajouter un objet nul. Ensuite, nous allons tout attribuer à cette valeur nulle. Changez la couleur de l'étiquette en bleu. Faisons uniquement un changement d'échelle pour le zéro. Au début, je voulais peut-être en faire un très gros 120. Et puis une fois que le cercle tombe, comme ça. Cela va déclencher un changement d'échelle, la réduire un peu , peut-être 75 %. Et puis une fois que le cercle aura atteint le point le plus haut, nous allons encore faire une autre échelle, 115, et à la fin, nous allons juste en faire 75 de plus, à la toute fin, tout va zoomer vers le centre, donc nous allons le faire comme un tout petit 35. Et ce sera mon image-clé pour l'objet nul. Let's go Easy Keyframe. Ensuite, ajustons un peu la courbe. Il suffit de tout régler au centre. Il va effectuer un zoom arrière puis un zoom avant. Juste tout au centre. Et le dernier sera un assouplissement extrême. Je suppose que nous allons faire un match cut à la fin. OK, donc puisque nous zoomons continuellement en arrière, dans cette partie, je pense que nous allons essayer d'ajouter une extrême facilité à l'avant-dernier point, à l' avant-dernière image-clé, puis nous allons laisser cette image-clé Essayons ça. Je pense que cela pourrait fonctionner. Nous allons voir comment cela fonctionne avec la scène suivante, mais pour l'instant je vais laisser les choses comme ça. Ensuite, nous allons couper à la fin. Il s'agit donc de l'objet nul contrôlant la propriété d'échelle. Ça a l'air bien. Ensuite, nous allons simplement faire une simple animation sur le. Je pense que ce que je veux, c'est d'abord changer la position du point d'ancrage vers le bas. Ensuite, faites la deuxième sonnerie vers le haut. Au début, je voulais que l'échelle soit assez grande, peut-être 400 % Ensuite, nous allons suivre le même élan que mon objet nul. Nous allons en faire 150, quand tout sera réduit, puis nous en ferons 400 de plus ici, puis nous reviendrons à 150. Quelque chose comme ça, puis nous allions simplement copier l'assouplissement de mon objet nul collé sur ces images-clés Disons, regardez. Oui, je pense que ça marche. Et la dernière chose à faire est d'animer ce dégradé lumineux à l'intérieur de mon cercle, afin qu'il se déplace avec ma balle pour lui donner plus d'élan Alors faisons-le. Tout d'abord, localisons où se trouve le cercle central, puis passons au remplissage en dégradé. Nous devons animer le point de départ et de fin du dégradé Dans un premier temps, nous allons avoir le jaune tout en haut, comme ça. Et puis, quand la balle touche le bas jaune descend, et le vert remonte légèrement pour remplir tout l'espace en haut. Comme ça. C'est une bonne chose. Et puis continuez par ici, rien ne change. Permettez-moi d'ajouter deux images-clés. Et puis, ici, jaune va se déplacer avec cette balle. Le vert restera tel quel pour le moment, puis une fois que la balle se déplacera vers le haut, le jaune devra la suivre et le vert devra être en bas. Cependant, je dois encore suivre cette balle ici. Donc, en gros, à ce stade, je vais simplement déplacer le jaune vers la tête du ballon, déplacer le vert ici. Et puis à ce stade, comme ça. Et puis, ici, ce sera comme ça. OK. C'est une bonne chose. Et ensuite, avancez. À ce stade, la balle frappe autour de cette base. Je vais déplacer le grain de l'autre côté. Cependant, je dois encore suivre cette balle. Donc, une fois que la balle aura bougé ici, je vais simplement suivre mon point de départ en pente avec la tête de la balle ici, puis m'assurer que mon green occupe tout l'espace. Comme ça. Et puis ça va être comme ça. Et à la toute dernière seconde, tout ira au centre. Donc, le vert va être comme ça. Et puis, à la toute fin, je veux que ce soit complètement jaune, comme ça. Jetons donc un coup d'œil à l'animation une fois que toutes les images-clés suivront la position de mon cercle avec la couleur de la grille Oui, je trouve ça plutôt cool. Voilà. C'est la fin de la scène ici. C'est l' animation complète que nous avons. Et dans la vidéo suivante, nous allons animer la scène suivante 23. Animation des yeux naturels: Nous reviendrons sur cette vidéo. Continuons avec notre animation. Il ne nous reste que deux scènes, donc nous y sommes presque. Supportez-moi. Découpons d'abord les couches de notre scène précédente pour qu'elles correspondent à la dernière image clé, puis nous allons passer à la scène suivante à partir de là. Revenons-en à Illustrator. C'est la scène que nous animons dans cette vidéo. Intégrons donc ces couches dans After Effects. Nous allons le faire de bas en haut. Faisons ce dégradé de couleur ici. Ce sera la couche d'arrière-plan dégradée. Ensuite, nous pouvons apporter le dégradé. Permettez-moi de regrouper toutes ces couches , appelons-les grille, puis nous pourrons apporter cette forme ici, appeler cela une forme deux. Faisons celui-ci. Ce sera la forme 1, puis nous pourrons introduire la forme en i dans After Effects. Ce sera la couche oculaire. Nous avons l'iris, puis nous avons une pupille. Et la dernière est une petite réflexion sur l'élève. C'est ce que nous appelons une réflexion. Ce sont toutes les couches dont nous avons besoin. OK, c'est bon. Ensuite, laissez-moi sélectionner toutes ces couches dans cette scène, puis changer la couleur de l'étiquette en une couleur différente. Peut-être un jaune. Faites tout avancer. C'est une bonne chose. Et si nous revenons à la scène précédente, jetons un coup d'œil à l'animation. Tout arrive au centre, et nous avons ce petit cercle qui arrive au centre pour atteindre ce grand cercle, puis tout se rétrécit et devient jaune Donc, pour ce qui est de la transition, je veux que ce cercle jaune devienne la pupille de mon œil dans la scène suivante. Donc, ce que je dois faire, c'est faire correspondre le mouvement de la scène précédente. Dans ce cas, il faut que la taille de la pupille soit réduite. Passons donc à l'échelle de la propriété. Frappons une image clé, avançons, huit images, peut-être. Ensuite, assurez-vous qu'au bout de huit images, ce sera 100 %. Et puis avant de pouvoir changer l'échelle à 150. Ça va être assez gros. Et permettez-moi de cliquer à nouveau, Keyframe Assistant, Easy Ease. Comme il s'agit d'une adaptation, nous allons donc avoir une courbe d'assouplissement extrême comme celle-ci vers la gauche. Et ce sera mon animation. C'est difficile à voir en ce moment. Permettez-moi de faire avancer toutes ces couches d'une image. Nous avons maintenant l'animation des élèves. Permettez-moi également de commencer par l' iris et le i. Je pense que pour le i, nous allons simplement utiliser la même animation que l'élève. La taille de l'IE va donc également diminuer. Nous pouvons simplement copier ces deux images-clés , puis les coller sur le i. Assurez-vous de déplacer et d'aligner ces deux images-clés ensemble Ensuite, pour l'iris, je vais faire une animation opposée. Au lieu de partir d'une taille plus grande, je voulais partir de zéro. Et pour l'assouplissement, nous allons faire le même assouplissement, il suffit de copier l'assouplissement, puis de le coller sur la propriété d'échelle de l'iris. Et puis nous avons cette réflexion. Permettez-moi de copier la propriété d' échelle de l'iris sur le reflet. C'est une bonne chose. Ensuite, permettez-moi également d'associer le reflet à l'élève. Mon reflet va toujours dans le sens de l'élève. Je pense que le reflet est peut-être un peu trop grand. Alors permettez-moi de réduire un peu la taille comme ça. C'est une bonne chose. Regardons maintenant l'animation. Je pense que c'est plutôt fluide. Et la prochaine chose que nous devons faire c'est qu'une fois que tout aura atterri, je veux que cet œil regarde vers la droite, puis regarde vers la gauche, puis revienne vers le centre. Alors d'abord, laissez-moi zoomer sur l'élève. Pour qu'il regarde vers la droite, laissez-moi avancer de dix images, H P sur le clavier pour la propriété position. Cela revient à ajouter une image-clé sur la position. Il va donc rester dans cette position après dix images. Nous allons demander à l' élève d'aller vers la droite, puis dix autres images ou peut-être 12 images, aller vers la gauche, puis de faire 15 autres images en revenant au centre. Passons à l' assistant Keyframe Easy Ease, puis nous allons apporter quelques modifications à cette animation électronique. Je veux que celui-ci soit plutôt fluide. Faisons donc une influence de 100 % sur la gauche , puis essayons d'influencer 25 % sur la droite. Voyons à quoi ressemble l'animation avec cette courbe ici. Celui-ci peut être un peu abaissé. Oui, je pense que ça pourrait marcher. Permettez-moi donc également d'animer les iris et de voir à quoi ils ressemblent ensemble. Passons à la propriété de position de l'iris. Appuyez sur le chronomètre ici à un cadre. Et puis pour le moment, je vais également déplacer l'iris vers la droite pour l'aligner sur ma pupille comme ça. Et puis la position finale serait le retour de l'iris au centre. Permettez-moi de copier l'assouplissement de la pupille , puis de le coller sur le bord. Jetons un coup d'œil. R : Oui, je pense que cela fonctionne. Une autre chose, c'est que je ne veux pas que la pupille et le risque sortent de mes yeux. J'ai donc besoin d'un effet mat défini. Mettons un effet de tapis fixe et veillons à sélectionner la couche i comme tapis afin que, quelle que soit la taille de cette couche en forme d' œil, si je la réduis simplement, vous puissiez voir ma pupille et mon iris se trouvent toujours à l'intérieur de ma couche oculaire. C'est donc l'effet set mat. Et comme mon élève bouge, je veux que celui-ci bouge également. Nous allons donc apporter quelques modifications aux compétences du e. Permettez-moi de dissocier les échelles X et y du i. Et puis, une fois que l' élève sera là, je veux vraiment que son œil plisse un peu pour être plus petit comme ça Il regarde là-bas, puis l'un d'eux passe de l'autre côté. Je veux qu'il revienne un peu plus gros. Ensuite, peut-être que nous pouvons faire un petit clignotement ici, simplement faire 0 % sur l'échelle y, puis avancer, trois autres images reviendront à leur position initiale Nous allons donc avoir comme ça ici. Et vous pouvez voir que mon reflet est laissé à l'extérieur. J'ai donc également besoin d'un tapis de sol sur le reflet. Assurez-vous qu'il utilise également l'œil comme masque. OK. Donc, mon œil se ferme ici, puis il revient au centre de tout, et mon œil peut être un peu plus petit ici. Je veux donc que le clignotement se produise un peu plus tard. Une fois que tout sera sur le point de se remettre en place. Je vais donc déplacer les trois images clés vers l'avant pendant quelques images. Comme ça. Je pense que cela fonctionne. Et au début, quand tout arrive, je veux que mon œil tourne un peu. Passons donc à la rotation R sur une image-clé, puis veillons à l'aligner sur mes images-clés de propriété d' échelle d'origine Donc celui-ci, je veux que cette rotation soit de 180 ou du genre «   Essayons de 180 degrés ». Permettez-moi de copier l'assouplissement. Collez-le sur la rotation. 180 c'est donc trop. Faisons 90 degrés. Je vais aussi le faire glisser un peu plus à l'extérieur. Vous pouvez donc voir qu'il y a un changement de rotation très subtil lorsqu'il apparaît pour la première fois. OK, je pense que ça marche. Oui, ça marche. C'est donc l'animation oculaire. 24. Éléments d'arrière-plan: Une fois que nous aurons cette action principale au centre, réalisons également une autre animation secondaire autour de la scène. Alors commençons par cette première forme. Pour ce qui est de l'échelle, liez la propriété ici. Et pour la première forme, je dois changer le point d'ancrage en bas ici, et nous pouvons simplement animer la propriété d'échelle, c'est une image-clé Ça va devenir 100 % ici au début, ça va être zéro pour l'échelle Y. Permettez-moi donc de copier l'assouplissement à partir de la propriété d'échelle du y, puis de coller également l'assouplissement. Une fois que je suis entré, je veux que la forme apparaisse comme ça. Je pense que cela devrait fonctionner. Permettez-moi de copier la commande C de ces deux images clés , puis pour la forme 2, je vais à nouveau changer le point d'ancrage vers le bas, lier la propriété d'échelle, coller les images clés. Et dans ce cas, au lieu d' animer l'échelle Y, je dois animer l'échelle X. Donc, au début, ce sera zéro sur le x, puis 100 % comme ça. Ça va aller à l'horizontale. Nous pouvons également déplacer cette image-clé plus loin. Oui, je pense que c'est bon. Il se peut que nous devions ajuster légèrement le dégradé une fois l'animation terminée. Ou on peut le faire tout de suite. Allons-y et jetons un coup d'œil à ce dégradé ici. Il s'agit d'un dégradé provenant du fichier Illustrator. Je veux donc juste m'assurer que nous capturons les dégradés. À partir du fichier Illustrator. Nous avons ici cette poignée qui se trouve en haut, puis nous devons faire glisser cette poignée du bas jusqu' au bas de la forme ici. Même chose pour celui-ci. Cliquez sur cet éditeur de notation, cliquez sur, et vous verrez qu'il y a une poignée ici Je vais placer la poignée supérieure d'un côté de la forme rectangulaire , puis l'autre poignée de l'autre côté ici. Faites-le simplement glisser vers le bas comme ceci. Il y a donc une petite variation entre les deux formes. Je crois que je préfère ça. Ça a l'air sympa. C'est une bonne chose. Ensuite, nous allons animer la grille ici. Nous allons changer le point d'ancrage vers le haut. Nous ne sommes pas au top. Mettons-le ici. Juste derrière l'œil, nous pouvons également faire une animation à grande échelle. 0 à 100 %. Pour le réseau, nous avons en fait dû réduire la taille. Donc, au lieu de partir de zéro, faisons à partir de 300. Puis revenons à 100 %. Donc, en termes d'assouplissement, nous pouvons toujours copier l'assouplissement de toutes les autres couches. Ce sera exactement le même assouplissement que celui-ci, un assouplissement extrême. Essayons ça. Nous pouvons en fait déplacer un peu plus cette image-clé. Il reste encore un peu de temps pour que la grille se mette en place pendant que le e est encore en train de s'animer. Oui, j'aime bien ça. Faisons également le dégradé. Toujours la propriété de l'échelle. Assurez-vous que les points d'ancrage se trouvent dans le coin supérieur de cette couleur d'étalonnage Et puis celui-ci va grossir. Passons donc de 30 % à 100 % comme ça. Copions l'assouplissement, collons-le sur la propriété scale. Ensuite, nous devons changer de couleur. Cliquez donc sur le remplissage, cliquez sur. Zoomez. Nous devons modifier la couleur ici. Ce sera donc un côté du dégradé, puis l'autre côté sera juste ici , comme ça. Donc, l'ensemble du dégradé s'étale en quelque sorte lorsqu'il entre ou apparaît , comme ça OK. Voyons l' animation pour le moment. Oui, je pense que ça marche. Une fois que nous aurons obtenu l'effet globe profond, cela sera beaucoup plus beau. Il y a juste une dernière chose que je voudrais ajouter, à savoir chose que je voudrais ajouter, à une couche nulle qui contrôle l'ensemble de l'animation oculaire, juste pour ajouter une couche de complexité supplémentaire. Ajoutons un, changeons la couleur de l' étiquette en jaune, appelons celui-ci « Je contrôle ». Ensuite, nous comparons l'iris et le ei à mes objets nuls. C'est une bonne chose. Et puis, au début, quand tout arrivera, S sur la propriété de l'échelle, je veux que ce I devienne un peu plus petit, peut-être 70 %. Et puis, quand ça a l'air, j'ai voulu revenir à environ 90 %. Au début, il sera de 150, puis il deviendra 70, puis il deviendra un peu plus gros une fois que vous aurez regardé. Et puis, lors de l'animation finale, je vais simplement zoomer en arrière, en diminuant pour passer à la scène suivante Nous allons donc avoir de 90 % d'échelle à peut-être 30 % d'échelle à la fin. Essayons donc ça. Clic droit, assistant keyframe, oui. Donc, pour ce qui est de l'assouplissement à l'arrivée , ce serait l'assouplissement extrême, puis je vais faire une courbe comme celle-ci. Et la finale serait un autre match nul, donc il serait extrêmement facile de se déplacer vers la droite. Voyons à quoi ça ressemble. Je trouve que ça saute trop, donc je dois déplacer cette première image clé vers l'extérieur pour lui donner plus de temps. Ainsi, quand elle arrive, elle est déjà assez petite Ce n'est pas si grand que ça. Ouais. Je pense que cela fonctionne. Et maintenant que mon œil devient de plus en plus petit à la fin, je souhaite également ajouter un autre objet pour contrôler mon arrière-plan. Donc, celui-ci serait le contrôle d'arrière-plan, puis changez-le à nouveau en jaune, placez-le juste en dessous de toutes les couches oculaires. Ensuite, nous comparerons la forme, le dégradé et la grille au contrôle d'arrière-plan. Juste pour correspondre à mon autre zéro, les deux dernières images-clés, c'est S sur le clavier Dans ce cas, nous allons tout agrandir, comme en zoomant comme ceci, puis nous allons copier l'assouplissement comme celui-ci ici Nous pouvons donc passer à la scène suivante. Et vous pouvez le voir maintenant, je dois placer ma grille et le dégradé au-dessus de ma forme ici. Ma grille est donc complète couvre le bord de la couche de forme sur le dessus. Voilà. C'est la seule animation dont nous avons besoin pour la scène. Et dans la vidéo suivante, commençons par l'animation de la scène finale, qui va être un peu complexe, mais vous allez apprendre beaucoup de choses de cette scène. Alors restez avec nous et je vous verrai dans la prochaine vidéo. 25. Animation de cube 3D: C'est bon. Dans cette vidéo, nous allons travailler sur la dernière scène. Jetons un coup d'œil à la dernière scène du storyboard. Essentiellement, nous allons d'abord animer ce cube , puis nous allons animer la grille plus tard Jetons un coup d'œil au cube. Créons ce cube dans After Effects. Permettez-moi d'abord de découper ces couches de la scène précédente, toutes les couches jaunes, puis les couper à la dernière image. Ensuite, nous devons dessiner un rectangle. Et à l'intérieur du rectangle, je dois changer la taille à 300 pixels par 300 pixels. Ensuite, je peux à nouveau verrouiller cette propriété de taille. Appelez ça une façade, et nous avons une façade du cube. Assurons-nous d'obtenir la bonne couleur de remplissage. Je veux ce jaune sur le bord gauche, puis je veux que ce vert soit juste en diagonale. Ce sera un côté de mon cube. C'est bien. Maintenant, assurez-vous que le point d'ancrage se trouve au centre du cube, puis je m'assure également que le cube est juste au centre de la composition. Permettez-moi de faire le tour de cette couche en trois D. Ensuite, nous devons accéder à cette vue ici, remplacer par deux vues afin d'avoir deux vues dans le panneau d'aperçu. Ensuite, pour le côté droit, nous allons changer cette vue pour une vue de dessus. Et vous pouvez voir cette vue de dessus, nous avons une fine couche de ce cube frontal. Et maintenant, il ne nous reste plus qu'à dupliquer ce cube frontal, C D, pour accéder à la propriété position. Je vais saisir dans l'axe Z toute la largeur de mon carré. Ici, nous allons en mettre 300, donc cela va être repoussé de 300 pixels. Formez le dos du cube. Nous rappelons donc celui-ci. Et maintenant, dupliquons à nouveau le devant, passons à la position. Nous allons en pousser 150, soit juste la moitié de la taille du carré. Il va se placer au centre, puis nous allons passer à la rotation. Nous allons faire pivoter la rotation Y de 90 degrés. Essentiellement, nous allons ajouter 150 pixels à l'axe X, et maintenant vous pouvez voir qu'il est plutôt poussé vers la droite. Donc, celui-ci serait mon panneau droit du cube, puis dupliquons-le, P sur le clavier, puis nous allons réduire les 300 pixels, donc il sera poussé vers la gauche pour former mon côté gauche du cube. Et maintenant tu peux voir que j' ai le devant, le dos, la gauche et la droite. Et vous pouvez le voir de dessus ici. Maintenant, j'ai juste besoin d'un haut et d'un bas. Allons dupliquer à nouveau le recto, à partir de la position. Je vais pousser ces 150 pixels vers le centre. Je dois faire pivoter celui-ci dans la rotation x, changer à 90 degrés, et maintenant nous avons cette surface tournée vers le haut. Ce sera mon top. Cependant, je dois quand même pousser cette surface vers le haut, car elle se trouve actuellement au centre de ma vue de face. Je dois donc augmenter celui-ci de 150 pixels, donc je vais en réduire 150 pour le faire monter. Et puis ce sera le haut, dupliquez à nouveau, P sur le clavier pour la position y. Ajoutons 300 pixels. Il va donc être poussé vers le bas, et ce sera ma couche inférieure. Maintenant, nous avons toute la surface de mon cube. Pour animer le cube, nous devons créer un objet nul, allons créer un objet nul C'est ce qu'on appelle le contrôle du cube. Nous devons nous assurer que ce zéro est juste au centre du cube. Tout d'abord, nous devons faire de cette valeur nulle une couche tridimensionnelle. Nous devons le mettre en position Z. Il y en aura donc 150 en position Z. Donc, mon zéro est juste au centre dans la vue de dessus, et aussi dans la vue de face. Sélectionnez toutes ces surfaces et associez-les à la valeur nulle. Et maintenant, si j'appuie sur R sur le clavier et que je fais pivoter ce cube à partir de l'objet nul, vous pouvez voir que nous avons maintenant un cube dans le panneau de prévisualisation. Ensuite, il suffit d' animer ce cube. Laissez-moi faire avancer toutes les couches. Ensuite, si je veux animer le cube, je vais simplement supprimer les deux vues, en faire une seule vue à nouveau. Ce sera la vue active de la caméra, qui est la vue de face. Tout d'abord, je souhaite ajouter une propriété d' échelle au cube. Avancons 12 images, de 50 % à 100 %. Et pendant que ce cube arrive, je veux aussi ajouter une certaine rotation, peut-être faire une rotation en x et le faire pivoter. Donc, quand cela arrivera, j'ai voulu faire une rotation de cette façon, puis peut-être une rotation comme ça ici. C'est bien. Et puis passons à dix autres images. Nous allons faire redescendre ce cercle à 50 % de l'échelle, puis il va continuer à tourner. Nous allons continuer à tourner un peu. Et puis allons-y dans 12 autres images. Cela va revenir à environ 75 %, puis nous allons avoir ce cube, continuer à tourner comme ça. Il reviendra donc à ce cube plat à la fin. Il ne me reste plus qu'à sélectionner la rotation. Puis, en cliquant sur R, sur Key from assistant, Easy Es, accédez à l'éditeur de graphes. N'oubliez pas qu'au début, ce sera un match cut. Je vais donc faire une courbe extrême vers la gauche, en introduisant beaucoup d' énergie au début. Et puis ce cube va pivoter comme ça. Je vais faire une courbe plus lisse ici, lui donner 80 % d'influence, puis je vais faire peut-être 80 % d' influence supplémentaires ici. Je veux aussi m' assurer de ce point, je ne veux pas que la vitesse soit nulle, donc je vais déplacer ce point un peu vers le haut pour introduire un peu de vitesse. Voyons à quoi cela ressemble. Je dois également appliquer ces assouplissements mes autres images-clés ici. Je vais utiliser cette copie d'assouplissement ici, copier l'assouplissement. Et ensuite, prévisualisons-le. J'ai donc besoin de celui-ci pour rebondir à nouveau. Ce sera donc à nouveau 100 %. Rotation. Il va se prosterner. Sois vraiment petit, peut-être 25 %. Je veux que celle-ci soit une courbe de rebond. C' est presque comme si ce cube rebondissait à nouveau. Je vais donc remplacer la courbe par une courbe de rebond comme celle-ci Voyons si cela va fonctionner. Je vais copier à nouveau l' assouplissement, puis appliquer à mon autre ensemble d' images-clés . Presque comme ça. Je pense que cela pourrait fonctionner. Le cube va donc monter et pivoter comme ça, puis il va descendre. Il va réapparaître et tourner à nouveau. Très bien, ce sera notre animation cubique ici. Il va rebondir de haut en bas et pivoter comme ça C'est bien. Dans la vidéo suivante, nous allons travailler sur l'animation en arrière-plan. 26. Animation en grille avec répétiteur: Travaillons maintenant sur l'animation de la grille d' arrière-plan, puisque nous avons déjà l'animation du cube ici. Cachons le cube pour le moment. Ensuite, je veux juste me concentrer sur l'animation de la grille d'arrière-plan. Nous allons avoir cet écran noir ici. Tracons d'abord une ligne assez longue qui traverse l'ensemble de la scène ici. Ensuite, laissez-moi supprimer le remplissage de la ligne, changer le trait en blanc, puis faire en sorte que la ligne comporte peut-être trois points. C'est une bonne chose. C'est ce que je dis ici. Ensuite, je dois ajouter un répéteur dans le contenu. Ajoutez un répéteur. Il y aura un répéteur. Je vais faire 15 copies pour le répéteur, puis descendre pour transformer, changer la position à 100, et maintenant je vais faire répéter cette ligne jusqu'au bas de ma scène ici Et la prochaine chose que je veux faire est d'ajouter un autre répéteur Allons ajouter un autre répéteur. Sous le contenu juste en dessous de celui du répéteur. Je vais ajouter un autre répéteur. Pour celui-ci, je vais en faire quatre copies. Ensuite, dans le deuxième répéteur de transformation, je vais changer la position de x à zéro, puis changer la rotation à 90 degrés. Et maintenant, vous pouvez voir que nous avons une grille qui occupe tout l'espace. heure actuelle, j'ai l'impression que ces grilles sont trop proches les unes des autres. Revenons donc à celui du répéteur, changeons la position du premier répéteur à 200 pixels Nous avons donc des boîtes beaucoup plus grandes pour l'ensemble du réseau. Donc, pour animer cette grille, nous devons revenir à ma ligne d'origine ici Ensuite, nous pouvons passer à la première forme. Passons à la propriété de transformation de la forme 1. Localisez simplement la propriété de l'échelle. Nous pouvons dissocier la propriété d' échelle. Et au tout début, je peux changer cette échelle X à zéro, puis passer à 420 images, ramener à 100 %. Et nous allons tracer ces lignes comme ceci. Allons cliquer sur Frame Assistant, oui, faisons une courbe d'assouplissement lisse, influence de 100 % sur le côté droit, puis nous allons faire juste 35 % sur la gauche. C'est une bonne chose. Ensuite, nous pouvons entrer dans celui du répéteur , puis localiser à nouveau la propriété d'échelle et lier la propriété d'échelle Ajoutons une image-clé la propriété scale et à celle du répéteur, changeons-la de zéro à 100, puis nous allons faire le même assouplissement à partir de là, suffit de copier l'assouplissement, de le il suffit de copier l'assouplissement, de le coller sur ces images-clés Après avoir ajouté l' animation à l'échelle sur le répéteur, voici à quoi cela ressemblera. Plutôt cool, oui. Ensuite, je veux juste ajouter une propriété de rotation dans la propriété globale de transformation principale sous l'ensemble de la couche. Je vais donc accéder à cette propriété de transformation extérieure lors d'une rotation. Il fera 90 degrés au début , puis il reviendra à zéro. Ajoutons également un allègement à la rotation. Je pense que c'est trop rapide au début. Je vais juste le ralentir un peu comme ça. C'est une bonne chose. Si nous changeons la taille de sa position sous le répéteur 1, notre grille sera de plus en plus petite Alors maintenant, je vais juste faire une animation sur la propriété de position du répéteur Modifions-le en, disons, 300 pixels au début. Ensuite, après 20 images, nous allons le ramener à 150, puis il restera à 1:50 pendant peut-être huit images sur une autre image clé à 1:50, puis il reviendra à 200 à la fin C'est ainsi que je veux animer cette partie ici. Passons à l'éditeur de graphes. Donnez-lui une courbe d'assouplissement comme celle-ci, influence de 100 % sur le côté droit, puis de 40 % sur le devant , ou peut-être 25 % sur le devant. Si nous montrons toutes les couches du cube, voyons comment la grille interagit avec mon cube ici. Je veux donc simplement m'aligner lorsque la grille s'anime différentes tailles pour l'aligner sur l'animation réelle de mon cube qui tombe ici, mon cube tombe ici, mais la grille ne change toujours pas Je vais donc essayer d'aligner ces deux cadres Kube ici, et de déplacer celui-ci vers l'arrière Oui, ça marche mieux. Ensuite, nous devons dupliquer cette couche de lignes et l'appeler flou Et pour la couche de flou, je dois vraiment épaissir la ligne Passons donc à l'intérieur de la forme du contenu , puis passons au trait. ce qui concerne la largeur du trait, vous pouvez réellement voir si nous l' augmentons. C'est ce qui est en train de se passer. R : le trait va devenir de plus en plus épais. Et ce que je dois faire, c'est animer le trait ici, changer en 200 pixels, puis passer à la fin de l'animation Modifions-le en trois pixels. Et l'accident vasculaire cérébral va se produire comme ça. Cela nous donne un masque pour la transition. Ensuite, pour cette transition de masque, je vais placer la couche de flou sous ma ligne afin que nous puissions toujours voir la ligne Et la prochaine chose que nous devons faire est de revenir à Illustrator. Intégrons cette couleur d'étalonnage dans After Effects. Celui-ci sera appelé mon tapis de couleur pour la couche de flou Je vais déposer celui-ci au-dessus de la couche de flou, puis je vais utiliser un effet de tapis défini, rechercher des tapis fixes Ensuite, remplacez le tapis par la couche de flou numéro dix. Et vous pouvez voir que les arêtes sont en fait très nettes. Nous devons donc ajouter un autre flou de gaugan pour estomper les bords Modifions-le à peut-être 100. Non seulement sur les tapis de couleur, j'ai également besoin du flou gaugan au-dessus de ma couche de flou . C'est donc ce que je vais faire. Et au lieu de 100, je vais le remplacer par 350. Après avoir ajouté les tapis de couleur, nous pouvons désactiver cette couche de flou maintenant, utilisez uniquement cette couche mate Ensuite, pour la couche mate, changeons également le flou à 350 pour atténuer cette transition ici Je dois changer celui-ci en vertical. Nous avons donc maintenant une transition beaucoup plus propre, et ces lignes de réseau se développent à l'intérieur. Ensuite, au backend, nous allons avoir cette jauge verticale et ce flou qui lorsque la largeur de mon trait diminue, pour devenir cette grille finale, qui va revenir à la première scène que nous avons Voyons donc ce qui se passe ici. Jetons un coup d'œil à l'animation ici. Voilà. C'est notre animation pour la scène finale. Permettez-moi d'avoir un aperçu de tout ce que nous avons jusqu' à présent. Voilà. C'est l'ensemble de notre animation pour l'ensemble du projet. Pour la prochaine vidéo, nous allons faire de la slization et créer un effet de lueur profonde pour terminer ce projet 27. Félicitations !: Félicitations pour avoir terminé ce cours. Tout d'abord, je tiens à souligner le travail acharné que vous avez accompli. Ce parcours n'a pas été facile, mais vous l'avez conquis, alors donnez-vous une tape dans le dos bien méritée. Maintenant que vous comprenez les tenants et les aboutissants de la création d'une animation professionnelle, en particulier l'utilisation d' éditeurs de graphes tels que le Speed Graph, vous êtes équipé pour créer des animations géométriques dynamiques et rapides N'oubliez pas que comprendre le concept n'est que le début, la véritable croissance vient de la pratique. Je vous encourage à appliquer ce que vous avez appris en classe à vos devoirs. n'est qu'alors que ces compétences feront vraiment partie de vous et vous propulseront vers votre objectif de devenir un animateur exceptionnel Assurez-vous de vous concentrer sur le devoir et de le soumettre pour révision. Si vous avez des questions en cours de route, n'hésitez pas à nous contacter . Je suis là pour t'aider. Si ce cours vous intéresse, pensez à laisser un avis. Vos commentaires nous aident vraiment à toucher plus grand nombre d'étudiants qui souhaitent apprendre ce type d'animation, tout comme vous. N'oubliez pas de vous abonner à notre chaîne YouTube Motion Circles et de rejoindre notre groupe Discord pour entrer en contact avec vos camarades et améliorer vos compétences ensemble Si vous êtes intéressé par une approche structurée de l'apprentissage du motion design, consultez nos cours approfondis sur motion circles.com Plus de 50 000 étudiants du monde entier nous font confiance. C'est tout pour cette vidéo. J'ai hâte de vous voir dans le prochain. Bravo.