Live Encore : Créer de l'anticipation dans l'animation

1. Introduction: J' aime les messages simples et faciles à comprendre, et je pense que l'anticipation est cet élément qui apporte aussi cela dans les animations. Donner aux gens des indices de ce qu'ils sont censés attendre et cela aide à mieux communiquer le message. Je suis Bee Grandinetti et je suis un Brésilien né et élevé, directeur d'animation, designer, animateur, illustrateur, détenteur de choses entre les deux, et je travaille et vis actuellement à Londres. Si vous ne connaissez pas mon travail, vous pouvez toujours aller sur mon site web, beegrandinetti.com. C' est beaucoup de trucs colorés, heureux, bizarres surtout. Je suis aussi professeur chez Skillshare. J' ai cette classe appelée Character Animation Basics, puis pente combinant After Effects dans Photoshop. Dans la classe d'aujourd'hui, nous allons parler de l'anticipation, qui est l'un des 12 principes de l'animation. Mais on en a choisi un et on va aller un peu plus loin. J' ai choisi l'anticipation, je pense, parce que cela pourrait l'un de mes principes d'animation préférés. Il distingue également une animation très bonne et mauvaise, et comment il a le pouvoir de soulever l'animation en créant plus de contrastes, en créant un meilleur timing. Je vais vous parler de l'anticipation, je vais vous montrer quelques exemples, nous allons parler de ces exemples aussi, puis je vais vous montrer brièvement comment penser à anticipation et vous montrer un exemple dans After Effects, que nous pouvons aller de l'avant et le faire vous-même aussi. Je vais aborder brièvement cela et le processus dans Photoshop aussi. Une chose à noter est que cette session a été enregistrée en direct, donc j'interagissais avec les étudiants sur le chat et répondais aux questions qu'ils avaient sur place. Assez de parler. J'espère que nous nous amusons et j'espère que vous apprendrez ou ferez quelque chose aujourd'hui. Je prévois que ça va être bon. 2. Les principes de l'animation: Salut tout le monde. Je suis Becca. Je travaille chez Skillshare. Je fais partie de l'équipe des classes et du contenu. Je suis vraiment excité d'accueillir cette session aujourd'hui qui sera en animation. Sans plus tarder, j'aimerais le transmettre à B. pour nous lancer. Tout d'abord, je voulais juste vous remercier de m'avoir laissé être votre professeur aujourd'hui. Je veux dire, ça va sembler très cliché, mais j'aime avoir les chances et les expériences d'enseigner parce que j'apprends tellement quand j'enseigne à mes autres gens aussi. Oui. Donc, comme je l'ai dit, je suis né et j'ai grandi au Brésil, et j'ai étudié le graphisme pendant 4 ans au Brésil. Puis je suis allé en Suède, et j'ai étudié le design de mouvement pendant 1 an, et depuis, donc ça fait 6 ans maintenant, je travaille avec l'animation. Aujourd'hui, nous allons parler de l'anticipation, qui est l'un des 12 principes de l'animation. C' était vraiment fou pour moi quand j'ai commencé à apprendre l'animation dont personne ne m'a vraiment appris. Je n'ai jamais entendu parler de ces 12 principes de l'animation, que je trouve vraiment fou parce que c'est comme si vous appreniez à parler d'Illustration et sérieusement vous apprenez à dessiner des gens. Personne ne vous parle des principes anatomiques et des proportions. Je suis un grand croyant que pour vous, les étapes sont que vous apprenez à connaître les règles, vous dominez les règles, et ensuite vous enfreignez les règles. Ce sont les principes de base, les règles de base de l'animation que vous devriez les apprendre, vous devriez être obtenir ces principes et ensuite vous pouvez retourner les principes. Ces 12 principes d'animation, ils ont été introduits à l'origine par ces deux animateurs Disney ; Frank Thomas, et Ollie Johnston. Ils ont publié ce livre sur les années 80 intitulé The Illusion of Life, qui raconte à peu près l'histoire de la collaboration des Disney Studios, ainsi quel'ensemble des méthodes et des processus qu'ils ontmis au point l'ensemble des méthodes et des processus qu'ils ont tout au long de 50 ans de développer l'animation à partir de zéro. Ensuite, dans ce livre, ils montrent toute l'histoire et aussi ces 12 Principes de l'Animation, qu'ils ont trouvé être les règles de base pour développer une bonne animation et donner de l'animation ce sentiment magique, cette illusion de la vie. Voici la liste des 12 principes de l'animation. Ce sont des points à surveiller et des outils pour vraiment donner vie à votre animation et améliorer votre animation. Je travaille avec l'animation depuis 6 ans, et je ne les connais pas par cœur. Si tu me demandes, je ne pourrai pas réciter comme le numéro un, ça. Mais c'est quelque chose que je reviens toujours. J' apprends les niveaux de profondeur, de tous ces principes différents. Plus j'ai d'expérience, plus je révise ces contextes, plus je comprends tous ces principes. Ne créez pas l'attente que vous avez besoin de connaître tous les 12 principes et de les connaître par cœur. C' est quelque chose que vous allez apprendre continuellement, apprendre comment les intégrer dans votre travail, et comprendre tous les différents niveaux de chacun de ces principes dans votre travail également. Mais je pense qu'il est juste important que vous sachiez qu'ils existent, et que vous pouvez toujours y retourner chaque fois que vous avez besoin d'un peu de recyclage, quand vous envisagez comment puis-je améliorer ça ? Ce sont des outils très importants pour vous de toujours revenir. Malheureusement, nous avons aujourd'hui une séance très serrée donc nous ne pouvons pas en parler en détail, mais nous allons parler du numéro 2 : l'anticipation. Mais je vous recommande fortement les gars de donner un Google rapide à 12 Principes d'Animation après. Cette toute première vidéo que j'ai marquée en rouge par Alan Becker. Il donne un aperçu très résumé, étonnant de tous les 12 principes et avec un exemple animé. donc juste un très bon résumé, facile à comprendre. Si vous venez de google 12 Principes de l'animation, vous allez également trouver un contenu vraiment incroyable de tous les 12 principes. Une autre pièce ou ressource que je voudrais vraiment recommander. C' est ma première bible d'animation numéro 1 à laquelle je retourne toujours. Pensez que ce livre a été publié vers le début de l'année 2000 par Richard Williams, qui était le répertoire de, « Qui encadré Roger Rabbit ». Ce livre est ma Bible d'animation personnelle. Je sais que beaucoup de gens l'utilisent aussi comme ça, mais il y a beaucoup de trucs et astuces. Il couvre les principes de l'animation, mais aussi très fortement sur l'animation des personnages. J' y retourne toujours chaque fois que j'essaie d' explorer quelque chose que je n'ai pas fait auparavant, en particulier en lien avec l'animation de personnages. Donc celui-ci est définitivement un must have, toujours le consulter sur mes étagères. Intro. Maintenant, pour la troisième affaire, aujourd'hui, nous allons parler d'anticipation. 3. Pourquoi l'anticipation est importante: Aujourd'hui, j'ai choisi de me concentrer davantage sur les anticipations. Nous allons parler des raisons pour lesquelles c'est important et montrer quelques exemples aussi. Très tôt dans les jours où les gars commençaient à expérimenter avec l'animation, comment cela fonctionne-t-il ? Qu' est-ce qui fonctionne pour le public ? Qu'est-ce qui ne marche pas ? C' était une nouvelle forme d'art, et ils comprenaient ce qui fonctionnait et ce qui ne fonctionnait pas. Ils ont découvert très tôt que le public ne pouvait pas nécessairement suivre l'animation, à moins qu'il n'y ait une série planifiée d'événements. Parfois, quand le public regardait l'animation, il ne pouvait pas vraiment comprendre le message. Quand ils ont vu quelque chose, mais c'était quoi ? Ensuite, il était trop rapide pour eux de comprendre ce qui se passait, et c'est ainsi que l'anticipation de l'animation est née. Ils se sont rendu compte que les actions dans l'animation se passaient très vite. Par exemple, lancer une balle ne peut prendre que deux ou trois dessins à compléter, ce qui n'est certainement pas assez de temps pour que le public puisse simuler ce qui se passe. Cependant, si le personnage avant de lancer la balle, le personnage finit, arrête, puis lance la balle. Cela rend l'action beaucoup plus claire pour le public. Exemple de la vraie vie, vous voyez ce gars lancer une balle de baseball, mais avant qu'il le jette, il recueille toute cette énergie, le corps va dans la direction opposée. Il rampe, puis il étend son bras, puis il jette. Parce qu'il y a ce moment, cette préparation à l'action, dans la direction opposée, l'action devient beaucoup plus forte et vous avez le temps d'assimiler ce qui se passe. C' est l'un des exemples d'anticipation les plus évidents et les plus utilisés. Nous l'avons vu comme tout au long, tout le temps dans l'animation aussi. Un exemple qui faisait partie de mon enfance, je ne sais pas si c'était une partie de votre enfance aussi, mais c'était ça, les fameux lancements de poke-ball. Mais ils sont à peu près toujours le même principe, avant de le jeter, vous finissez, vous rassemblez l'énergie, vous faites cette pose super puissante emblématique, puis vous la lancez. Il s'agit de rassembler suffisamment d'énergie, de la conserver, puis de créer assez de tension en contraste pour que le public sache exactement la prochaine chose qui va se passer, à savoir le lancer et la sortie. anticipation est cette préparation à une action. Il se déroule dans presque toutes les actions, mais certainement dans toutes les grandes actions. Pourquoi ajoutons-nous de l'anticipation dans l'animation ? Parce que ça donne une idée de ce qui va se passer ensuite. Il a aidé à diriger l'attention du public dans la bonne direction, par conséquent, à les aider à comprendre le message qui a été communiqué. Cela aide l'action à mieux lire. Il crée des contrastes et des tensions entre les différentes poses du corps, amplifiant ainsi l'action. Il rend l'action plus réaliste et crédible en ajoutant un sens du poids, de la physicalité, en ajoutant aussi la mécanique du corps, et parfois il nous donne aussi un aperçu de ce que pense le personnage. Parce que beaucoup de fois avant de faire une action, nous y réfléchissons. Quand nous pensons à ce n'est pas comme nos corps sont parfaitement immobile. Quand vous y pensez, nous avons différentes expressions faciales, différentes expressions corporelles. Cette préparation va également interférer dans la façon dont nous posons à notre corps aussi. S' il y a une chose que je veux que vous preniez de la session d'aujourd'hui, et que je serais vraiment heureux si c'est la seule chose qu'ils puissent voir de la séance d'aujourd'hui, c'est d'allumer votre radar et de commencer à repérer l'anticipation par endroits. Non seulement dans l'animation, l'anticipation est littéralement partout. Chaque fois que vous racontez une histoire, il y a de l'anticipation, parce que l'anticipation fait partie de la création du rythme. Il y a de l'anticipation dans la musique, de l'anticipation dans les films, l'anticipation dans la chorégraphie. L' anticipation est partout. Il s'agit de créer cette différence d'énergie et de créer la prise et la libération. Si quelque chose, si vous sortez de la séance d' aujourd'hui avec votre radar allumé un peu et commencé à repérer l'anticipation ici ou dans cette drôle de vidéo de chat, c'est pourquoi c'est drôle. Parce qu'il y a un peu d'anticipation avant que le chat ne tombe le verre sur le sol ou quelque chose comme ça. C' est déjà, je crois, une grosse victoire. Si c'est [inaudible] de remarquer ces choses. 4. Exemples d'anticipation: Je voulais vous montrer quelques exemples, en morceaux animés, et j'étais genre, eh bien, je parie que si je google comme cadeau Disney, je vais trouver beaucoup de bons exemples parce que le moment où vous avez votre radar sur, vous pouvez sorte d'anticipation spot partout. Par exemple, dans ce coup d'Aladdin, deux moments très évidents d'anticipation, je veux dire, si vous l'analysez vraiment, vous pouvez trouver l'anticipation presque n'importe où, mais deux moments, par exemple, ce gars est sur le point de donner un gros succès avec son épée, et vous pouvez voir qu'ici, son copain tourne comme un c inversé juste avant qu'il ne lance le très gros coup avec son épée, et cela crée comme une grande anticipation avant le grand coup. Un autre petit moment que j'ai repéré comme ça, Aladdin juste avant qu'il saute de ce côté, vous pouvez voir que son corps s'écrase et va un peu vers le bas, cette anticipation est très subtile un peu plus mince, mais vous pouvez voir qu'il descend un peu et s' écrase avant de faire le saut de ce côté. J' aime vraiment cet exemple quand je l'ai vu parce que c'est une anticipation subtile, mais c'est aussi comme quand l'anticipation peut aider à construire le sentiment comique dans une scène aussi bien. Donc, vous pouvez voir quand le génie compte ses doigts et Sebastian va sur sa main et va dans la direction opposée, et compte, puis juste avant que les choses commencent à devenir un peu absurde, entre avoir comme plusieurs doigts, il y a une plus grande anticipation. Donc sa main va un peu plus haut pour une pause plus longue, et puis il est comme, et c'est la joie de l'anticipation juste là, ainsi que de créer comme cette pause pour que communiquer après, il suffit d'aller. C' est une autre façon que vous pouvez utiliser l'anticipation pour amplifier ce moment drôle. Un autre de Roi Lion, et ici vous pouvez voir ce beau mouvement de Ben juste jeter ses hanches à l'avant, qui est comme un parfait, si vous voulez mettre en pause ce cadre, vous pourriez parfaitement dessiner comme cette forme de C, mais juste avant d'aller sur cette forme de C, il va à l'extrême opposé, il va sur ce C inversé avec comme son fond derrière, il est juste comme des opposés extrêmes comme des positions corporelles, et c'est ce qui nous rend si drôle. C' est ce qui le rend vraiment bon. C' est ce qui fait que ça se sent bien aussi. Ils ont ces opposés très contrastés, sorte de positions corporelles. Toujours sur Disney, ici vous pouvez voir ce grand, puissant arrive parce que Simba est comme ramasser tout cet oxygène dans sa poitrine. Il est tout gonflé, il se lève et il est immédiatement suivi par lui penché dessus et vous pouvez voir ce qu'il est sur le point de faire. Même si nous ne voyions pas le rugissement, vous seriez capable d'anticiper ce qu'il va faire. Dans une note très similaire, nous avons ici celle de Mulan qu'elle fait. Ce n'est pas aussi extrême que le symbole, est un peu plus subtil, mais vous pouvez voir qu'elle fait à peu près la même chose avant qu'elle aille crier sur ce petit dragon mec. Elle prend un peu de retard, rassemble l'énergie, on le voit dans son visage qu'elle se met en colère et puis on s'attend, on sait déjà ce qui va venir au dragon. Mais très similaire dynamique qui se passe avec Simba mec et Mulan aussi bien. Ensuite, juste aussi pour clarifier et vous donner plus d'exemples les gars. J' ai traversé un couple. Je viens de parcourir mon portefeuille et j'étais comme, oh, je me demande ce que je peux montrer ici, c'est des exemples d'anticipation. J' ai traversé des trucs très vieux comme ça, c'est l'une des premières choses que j'ai faites quand j'étais pigiste il y a des années. C' était drôle de remarquer parce que je venais avec cet œil critique d' essayer de trouver des moments d'anticipation qui seraient de bons exemples pour vous les gars, mais en fait quand j'animais ça, ce n'était pas comme si je l'avais fait consciemment, Comme, oh, je dois inclure l'anticipation ici. C' était plus comme si je venais d'ajouter ces moments parce qu'il me sentait droit au message et qu'il se sentait juste à l'acteur, mais c'était beaucoup plus comme une chose naturelle qu'un conscient comme je dois ajouter de l'anticipation. Ce qui est drôle de voir comment nous faisons parfois bien, même si nous n'en sommes pas conscients. Mais ici, par exemple, vous pouvez voir que papa arrive sur la scène, et puis il a mis sa main autour de la taille, c'est une grande anticipation. Comme s'il avait mis sa main autour de la taille et que vous le voyez regarder le gamin comme, oh oui, il est sur le point de le dire pour quelque chose comme s'il enquêtait sur la scène. Ensuite, vous pouvez voir le gamin lever la main. Il n'a pas eu à le faire, comme qui fait ça avant de boire un verre ? C' est très caricature, mais ça t'aide à voir qu'il est sur le point de prendre la boisson, et ça ajoute beaucoup de choses comme, oui, ça rend le moment beaucoup plus amusant aussi. Un autre troisième, peu d'anticipation qui arrive est que les morts vraiment encore maintenant il rassemble l'énergie avant que ses torts aspirent, ce qui le rend super, super bande dessinée et amusant, tout simplement pas, et puis il commence à passer l'aspirateur. Pour les gens du graphisme. Parce que beaucoup de choses dans mon portfolio de nos jours ont été plus d'animation de personnages, donc je voulais apporter un exemple précoce qui est plus relié aux animations graphiques parce que l'anticipation et comme je l'ai dit, c'est partout et donc bien sûr, graphismes d'émotion aussi bien. Voici quelques animations que j'ai faites pour le Sydney Writers Festival il y a quelques années. Vous pouvez voir quelques exemples d'anticipation ici et comment jouer avec le rythme et établir ce contraste et cette tension vous aide également à couper et à faire la transition entre différents moments et c'est presque comme vous pouvez utiliser l'anticipation comme déclencheur d'un changement d'état. Par exemple, ici maintenant, il va y avoir une mise à l'échelle et ensuite vous explosez avec toutes ces formes. C' est une réduction de l'échelle, venant avec une rafale après. La mise à l'échelle vers le bas est l'anticipation qui aide à communiquer ce sentiment d'éclatement, puis, laissez-le juste de la place pour un petit moment, et quand vous avez le, maintenant qu'ils sautent, ce dernier saut à six heures par temps, cela crée une énorme anticipation et vous attendez que quelque chose se produise au moment où il frappe le, comment appelons -nous ce petit panneau ? J' ai oublié, désolé le nom en anglais, mais quand le panneau frappe le sol, on s'attend à ce que quelque chose arrive. C' est un autre exemple d'anticipation. Dans ce petit plan, quelques exemples différents ici. Avant de lancer la raquette en l'air, elle anticipe en allant dans la direction opposée puis la lance, et puis il y a une longue anticipation, très extrême, même comme des moments de ralenti qui comme vraiment aller pour la raquette puis comme le ping-pong, le lancer devient beaucoup plus intense car il y a une grande anticipation juste avant cela. Exemple classique aussi que tout le monde donne, lorsque l'enseignement de l'anticipation est le saut. Vous ne sautez pas hors de nulle part, vous devez collecter de l'énergie, et c'est pourquoi avant de sauter, tout le monde fléchit les genoux parce que vous collectez l'énergie allant dans la direction opposée avant qu'ils ne sautent. Dans ce cas est un peu carré, n' a pas de genoux, donc, il a un peu de squash, puis crée assez d'énergie pour sauter. Juste un qui est plus comme basé sur le timing et l'espacement des dessins, mais vous voyez cette petite planète décélération, amenez ce bas et ensuite vous lâchez, il va tomber sur le trou noir puis tomber. Un exemple très subtil, super subtilement d' anticipation cette main qui vient et enlève le couvercle du barbecue, je n'ai pas eu à le faire, mais comment l'anticipation subtile peut aider même comme le plus petit mouvement lit un peu un peu mieux. La fin vient comme pousser le plomb un peu vers le bas, rendant un peu écrasée sur le côté et cela aide à créer encore plus de contraste au moment où le couvercle est retiré. Vous pensez que le couvercle va être enlevé avant qu'il ne le fasse. Ce petit gars, au cœur potelé. Tu sais, quand il est déjà penché en avant, tu peux dire ce qu'il va faire. Je pense qu'ici aussi l'anticipation joue un rôle pour le rendre plus drôle parce qu'il a l'air très lent et un peu engraissé et comme, oh oui, il est très lent à bouger et il roule. Exemple classique, cette petite méduse, il va dans un très, ouvert avec complètement opposé comme la forme du corps même, il descend et il s'ouvre, puis il rassemble l'énergie à venir, si grand l'anticipation ici. Ce sont deux plus grandes anticipations ici en ce moment. C' est intéressant comment parfois, et avec l'animation de personnages, les choses peuvent devenir très détaillées et se préparer, et plus complexes quand il s'agit d'anticipation, car il y a beaucoup d'anticipation que vous pouvez communiquer même avec les traits du visage. Vous pouvez voir que cette fille regarde ces gars comme, je ne sais pas pour eux, et d'abord elle regarde les fleurs pour qu' elle te dise déjà c'est la direction que je vais aller. D' abord, elle regarde, puis elle part, et ensuite tu peux voir sa main reculée, et tu sais ce qui va se passer au prochain coup, comme si elle cherchait la plante. Donc deux petites anticipations différentes là-bas. Elle regarde les fleurs, s'agenouille, puis elle retourne avec sa main comme si j'allais ramasser la fleur. Assez de moi en marchant. C' était une longue intro. Donc, ce que nous allons faire aujourd'hui, c'est que nous allons faire un entraînement rapide sur la création d'anticipation dans l'animation en utilisant des effets après, et si nous avons assez de temps, je vais aussi faire une démonstration rapide dans Photoshop et montrer vous les gars un peu de pratique dans Photoshop aussi. Faisons ça. 5. Créer un mouvement de base: Nous allons commencer par un petit exercice d'exposition en faisant un saut carré à l'intérieur d'After Effects. abord, je vais créer ce premier carré, juste se déplacer de haut en bas sans aucune anticipation. Commençons un nouveau projet, et je vais cliquer sur démarrer une nouvelle composition. Nous allons commencer une nouvelle composition, et je vais en faire juste la haute définition standard, donc 1920 d'ici 1080. Je vais le mettre à 24 images par seconde parce que c'est le rapport traditionnel par seconde. Je vais mettre trois secondes et je vais mettre ma couleur de fond en blanc. Ne vous dérange pas ce rapport d'aspect de pixel truc. On y va. Nous avons notre composition. Aujourd'hui, malheureusement, parce que nous avons un temps si limité, je ne vais pas passer par ça profondément sur interface et la chronologie et expliquer toutes ces choses, mais je vais plonger un peu plus profondément dans mon autre cours. Il y a aussi beaucoup d'autres classes à l'avenir qui sont plus basiques d'After Effects. Mais comme aujourd'hui, nous devons nous concentrer un peu plus sur l'exposition et être plus rapide dans le business, je vais y plonger directement. Ce que je vais faire maintenant, c'est que je vais créer un carré. Ici vous avez votre menu avec tous vos outils. Je vais créer un carré. Je presse ici, en tenant ici, vous pouvez voir toutes les formes. Je vais sélectionner l'outil rectangle. Avant de créer le carré, une chose qui est toujours bon à faire est, pas toujours mais la plupart du temps, est d'appuyer sur l'option, si vous êtes dans un Mac ou appuyez sur Alt et puis vous faites glisser. Ensuite, vous pouvez également appuyer sur Maj si vous voulez rendre votre carré régulier, mais si vous voulez juste dessiner un rectangle, vous pouvez simplement relâcher Maj, et il dessine un rectangle. Je vais dessiner un carré. La raison pour laquelle j'ai appuyé sur Alt est que, si je le dessine en appuyant sur Alt cela me donne accès à ce truc de chemin, qui va se révéler très utile par la suite. Parce que ce qui se passe si je ne dessine pas mon carré tenant Alt, c'est ça. Je n'ai pas vraiment accès au chemin comme je le veux, mais nous allons y arriver. En attendant, faites-moi confiance, quand je vous dis, vous appuyez sur Alt ou Option, vous faites glisser et vous appuyez sur Maj aussi pour créer un carré normal, puis vous relâchez. Je vais appeler ce carré 1. Je viens d'appuyer sur Entrée pour renommer ce calque carré 1. Je vais juste régler l'épaisseur à 10. Ensuite, je vais juste féliciter, double-cliquez sur cet outil, ce petit gars pour amener les points d'ancrage au centre de ma forme. Alors ce que nous allons faire aujourd'hui, c'est rendre ce saut carré, super simple. Comment on ferait un saut carré ? Nous devons définir la position de la place, et elle doit être sur le terrain à un moment donné, et elle doit être plus haut à un autre point. Ce que je vais faire, c'est là. Laisse-moi juste agrandir la chronologie, peut-être qu'il ne veut pas faire ça. Il ne veut pas faire ça. Bref, je vais passer à une seconde. Ici, sur ma forme, vous voyez que nous avons ce joli menu déroulant. Si vous n'êtes pas familier avec After Effects, c'est très similaire, juste des trucs Adobe en général comme les systèmes de couches, certains raccourcis. Je sais qu'on peut avoir l'air un peu intimidant au début parce qu'il y a beaucoup de panneaux et tout ça, mais je suis là. Je vais te tenir la main. On va faire ça. Nous allons pouvoir à travers ça. Juste un conseil professionnel, si jamais vous gâchez ou questionnez à quoi ressemblent les panneaux et peut-être que vous avez laissé ça au mauvais endroit et vous dites  : « Je ne sais pas comment naviguer. » Vous pouvez toujours venir à l'espace de travail de la fenêtre et ensuite je vais mettre l'animation. Ensuite, vous venez juste aux panneaux d'animation standard, sorte que vous n'avez pas à paniquer si jamais vous mettez les choses au mauvais endroit et tout ça. Bref, pour revenir à notre petit saut carré. Ici, nous avons notre forme, et ici nous avons ce joli menu déroulant, comme je vous l'ai dit, avec mes propriétés rectangulaires. Mais ce qui m'intéresse en fait, c'est cette transformation, deuxième menu déroulant ici. Ici vous pouvez voir il y a toutes ces belles propriétés de ma place que je peux changer autour. Je peux changer l'échelle de ma place. Je peux changer la rotation de celui-ci. Je peux changer l'opacité et je peux animer toutes ces choses aussi. Ce que je vais faire, c'est que je vais définir une image-clé. Je vais déplacer ce petit gars ici à une seconde, et je vais définir l'image clé pour la position ici. Comment je mets les images clés est en appuyant sur ce petit chronomètre ici. Ensuite, je vais passer à une seconde et demie, et appuyer sur la flèche Maj vers le haut, et je vais déplacer mon carré vers le haut. Vous pouvez voir que génère automatiquement déjà une deuxième image clé ici parce que le programme comprend déjà, je ne peux pas la supprimer. Le programme comprend déjà que si je déplace cette forme, et je veux dire déjà dans un moment différent de ma chronologie, il comprend déjà que je voulais être dans un autre endroit. Ensuite, la magie d'After Effects est que, si je mets cette image-clé ici, et cette image-clé ici, vous pouvez voir qu'elle génère déjà toutes les informations d'animation du milieu qui va déplacer ma place d'un point à un autre. C' est ce qu'on appelle l'interpolation. C' est comme si le programme calculait tous ces endroits et positions différents où il veut que ma place soit. Je vais le mettre haut, et je vais le ramener à nouveau. Ici, j'aime littéralement juste glisser et déposer, commande C, copier cette image clé, est venu ici à deux secondes, commande V ou contrôle V, si vous êtes dans Windows, puis copier l'image clé ici. Ici, nous avons un carré, une sorte de saut. C' est vraiment ? C' est très boiteux. Il bouge. Je sais que quand nous commençons à animer, nous sommes très excités chaque fois que nous avons une chose à bouger, mais cela ne veut pas dire que ça ne peut pas aller mieux, et c'est ce que nous cherchons. 6. Améliorer le timing et l'espacement: Maintenant, nous allons créer un deuxième carré, basé sur le premier, mais le second aura un meilleur timing et un meilleur espacement. Ce que je vais faire maintenant, c'est que je vais copier ce type. abord, je vais juste le sélectionner et appuyer sur « U » et cela me donne accès à toutes les images clés que j'ai mises pour cette couche spécifique. Donc je vais laisser ce type ici. Je vais commander ou contrôler si vous sur Windows, « Commande D », appuyez à nouveau sur « U ». Je copie ce carré et je vais sélectionner toute ma position, les images clés de ce type. Déplacez la flèche droite sur le côté, afin que nous puissions comparer les changements que nous allons faire entre les différents carrés. Maintenant, une chose à propos de cette façon, laissez-moi commencer par celle-là, pour qu'on puisse le voir. Il se déplace de haut en bas. Mais le problème avec ce mouvement est que, est extrêmement linéaire. Il n'y a aucune différence de vitesse dans ce mouvement. Une chose que je recommande toujours aux gens de faire, c'est comme, chaque fois que vous essayez de faire bouger quelque chose, faites-le avec votre corps. Fais-le avec tes mains, si tu fais sauter quelque chose, fais-le avec ta main, comment ça sauterait ? Comment se comporterait-il l'espacement du moment de votre action à ce moment ? Si vous sautez, comment ça ressemble habituellement ? Tu vas être comme s'attarder un peu plus longtemps dans les airs et ensuite toi. Donc, vous le faites deux fois, avec votre main, votre corps si vous le pouvez. Ça dépend de l'endroit où vous êtes. Si vous êtes dans un studio, et que vous pouvez le faire avec votre corps entier, dépend de la façon dont vous êtes aussi bien. Si vous pouvez faire plein corps, c'est encore mieux. Donc, ce que nous allons essayer ici, c'est de rendre cela un peu plus crédible. Nous allons essayer de faire persister ça dans les airs un peu plus longtemps et voir ce que ça ressent. Je vais prendre ma deuxième place. Je vais sélectionner l'une des images clés ici, celle du milieu et c'est la magie des effets secondaires s'appelle l'éditeur de graphique. Une fois que vous avez sélectionné une image clé et que vous cliquez ici, voici où vous pouvez changer la vitesse entre vos images clés. Vous pouvez jouer avec les courbes. Si votre éditeur de graphes n'est pas venu comme ça, ça aurait pu venir comme ça. Parfois, il y a cet autre éditeur de graphique qui est la valeur. Le graphique des valeurs. J'ai juste cliqué avec le bouton droit. Ici, vous pouvez voir comme vous pouvez basculer entre le graphe de vitesse ou le graphique de valeurs. Honnêtement, comme jouer avec l'un ou l'autre est très personnel. Je trouve que le cerveau des gens fonctionne différemment. Je ne peux pas envelopper ma tête autour du graphique des valeurs. Je suis un de ces gens. Je suis une personne du graphe de vitesse. Mon cerveau fonctionne à la vitesse des choses. C' est ce que je vais vous apprendre aujourd'hui. Mais n'hésitez pas à expérimenter et à voir comment vous comprenez et émettez mieux. Mais ce que je vais faire ici, c'est que, je vais avoir cette image-clé du milieu, où la place est en haut. Je vais mettre une facilité facile et que se passe-t-il ici ? Ça me donne ces poignées et je peux ajuster la courbe de vitesse. Je vais juste devenir très extrême. Je peux vous montrer ce qui se passe ici. Si vous pensez à cela comme un graphique de vitesse, ce que cette information ici me dit est que, ce mouvement va commencer très vite et puis ici au milieu va ralentir divers puis redevenir rapide. C' est précisément ce qui se passe maintenant avec ce deuxième carré. Vous pouvez le voir maintenant d'ici à ici. Ce moment est vraiment rapide, mais puis le reste ici au sommet pendant plus longtemps et puis il vient à nouveau au sol. C' est beaucoup plus crédible en termes de réalité et de physique que le premier. J' espère que vous êtes d'accord ? Cool. Mais qu'est-ce qui manque vraiment ? C' est juste sauter de nulle part comme si c'était comme traîné par cette force inconnue. Ce qui manque, c'est l'anticipation, qui va le rendre meilleur parce qu'alors il va recueillir assez d'énergie et ensuite il va sauter. C' est ce qu'on va faire en ce moment. 7. Ajouter une anticipation: Maintenant, nous allons rendre un troisième carré plus réaliste en ajoutant de l'anticipation. On va encore appuyer sur la case, le dupliquer. Vous pouvez choisir toutes les images clés. Vous pouvez soit venir et glisser-déposer ou vous pouvez également venir à votre position, puis cela sélectionne automatiquement toutes les images clés V. Ensuite, je vais déplacer ça vers la droite. Maintenant, j'ai un troisième petit carré, qui est exactement le même que mon second. Maintenant, ce que nous allons ajouter, c'est l'anticipation, donc avant qu'il ne saute, il va s'écraser, et il va rassembler toute l'énergie dont il a besoin, puis sauter. Ce que nous allons faire maintenant, c'est que je vais cocher l'œil de ces autres et je vais déposer ce menu pour avoir accès à mon précieux chemin que j'ai mentionné au début de cette session. Je vais créer un petit cadre clé pour le chemin de cette place. Ce que je veux que ce gars fasse maintenant, c'est que je vais traîner cette image clé ici. Au début, il va garder la forme carrée et ensuite il va aimer un humain que vous fléchissez votre genou et ensuite vous allez un peu vers le bas pour créer l'énergie afin que vous puissiez sauter. Cela va faire la même chose, mais dans le monde carré. Je bouge quelques images en avant. Je dois cliquer sur le bon truc. J' ai besoin d'être avec cet outil de sélection sélectionné , puis je vais faire glisser et déposer afin de pouvoir sélectionner ces deux sommets à partir du haut. Je vais le déplacer vers le bas avec la flèche de changement de vitesse vers le bas pour qu'il soit écrasé un peu et bouger, ou peut-être pas autant. Se déplacer un peu sur les côtés aussi. Parce qu'une chose dont vous devez également être conscient lorsque vous écrasez et étirez des formes est qu'elles doivent garder le même volume. Chaque fois que vous modifiez certaines choses verticalement, il doit être compensé horizontalement comme il doit contenir le même volume de la forme. Sinon, il semble faux aussi. Ici, ce type est un peu écrasé. Mais nous pouvons même jouer avec la forme un peu et ici vous avez comme illustrateur. Vous pouvez changer votre forme un peu. Ici, j'ai sélectionné cet outil Convertir Vertex et je vais faire mon carré comme un peu se déplacer ici sur les bords. C' était un peu trop fou. Voyons comment ce type se comporte maintenant. Ici, à ce stade, au moment où il saute, je voulais revenir à la même forme carrée. Je vais au Commandement C, Commandement V, de la même forme. Je vais faire en sorte que le carré conserve cette forme assez longtemps juste avant qu'il saute. Ensuite, je vais aussi utiliser le graphique de vitesse sur la transformation du chemin pour rendre cette vitesse un peu meilleure. Il va rester dans cette forme comme écrasée pendant un certain temps et puis, c'était beaucoup mieux en termes d'énergie. C' est comme rassembler l'énergie avant le saut et ensuite, vous pouvez toujours venir jouer avec elle donnant comme un subtil, courges du milieu pendant que le moment où il atterrit. Ici, par exemple, et les principes que j'ai mentionnés, squash et stretch est l'un d'entre eux aussi. Vous trouverez beaucoup de fois qu'à l'intérieur des principes de l'animation, beaucoup d'entre eux sont tout simplement entrelacés et très connectés et se chevauchent les uns avec les autres. Ils sont très intégrés, donc chaque fois que vous parlez d'un, vous finissez par parler des autres aussi. Je vais juste ajouter un peu d'étirement à ce type dans cette pose de contact. Je vais m'assurer qu'il conserve sa forme ici en haut. Je suis juste en train de copier cette trame clé ici où il a la requête MySQL. Ici, c'est dans la pose de contact parce que c'est vraiment rapide. Ça va être plus tendu. Ensuite, ici, vous avez un grand changement, grand contraste avec celui-ci se écrasé, puis revenir à la dernière requête. Je vais juste changer la vitesse de ces gars un peu alors ici, ça devrait rester comme un carré normal au sommet pour le plus longtemps. Je les rend très extrêmes, mais juste pour le rendre aussi facile à repérer que possible. Eve, j'ai une question pour toi. Essayez-vous de noter l'échelle originale des objets avant de commencer à les manipuler pour savoir ce que vous essayez de vous revenir ou allez-vous simplement avec elle et aller par sentir ? Oui. Je veux dire, dans ce cas, c'est aussi très facile pour moi de revenir à original parce qu'il a juste des cadres clés ici ce genre de choses intactes. Ensuite, je peux toujours aimer copier-coller et le ramener à l'état d'origine. Ici, je fais comme très rapide et sale. Je vais généralement comme très symétrique comme d'accord, j'appuie sur Maj, Droite, deux fois donc je dois appuyer sur Maj, Gauche deux fois aussi. J' ai tendance à aller plus précieux à ce sujet que je fais ici, je le fais très vite. Mais aussi quand on n'est pas en mesure de conserver le volume, ça montre généralement quand on anime, on dirait, oh, ok. Non. Cela va comme anormalement étiré ou quelque chose comme vous pouvez voir quand il ne se sent pas bien dans l'animation et vous pouvez l'ajuster au fur et à mesure. Comme beaucoup de fois, je vais animer quelque chose et puis je le laisse jouer pendant des minutes et je le regarde et puis je vais et je fais du thé et puis je retourne avec des yeux frais et je suis comme, Je pense que je passe un tiers de la fois juste regarder mes animations et essayer de comprendre ce qui ne va pas avec eux. Alors je suis genre, ok, je vais bouger ça et ensuite y retourner, revenir à la peaufiner. Ici, à ce cadre très moins clé, je veux juste qu'il revienne à la pose originale un peu plus rapidement après écrasement. Il suffit de le rendre assez extrême ici, mais c'est un carré très liquide et en fonction de la quantité de squash et d'étirement qu'il ajoute à vos formes, ils vont se sentir différents. Ils vont sentir qu'ils sont faits de matériaux différents aussi , donc c'est une autre chose à garder en considération. Mais ouais, comparons les trois carrés qu'on a maintenant. Nous étions si heureux de pouvoir déplacer celui-ci, mais regardez à quel point il semble horrible maintenant par rapport aux autres. 8. Astuce : la peau d'oignons dans After Effects: Avant de nous envelopper cette section après effets, je vais juste vous montrer un petit truc sur la façon dont vous pouvez ajouter de la peau d'oignon à l'intérieur après effets qui vous aidera à comprendre vos images et votre animation mieux à l'intérieur après les effets. Je ne sais pas si vous êtes familier avec le concept de peau d'oignon, c'est quelque chose de plus lié animation traditionnelle, mais c'est cette idée que vous pouvez voir les cadres avant et après dans un et vous pouvez voir le dessin qui va avant et après. Vous pouvez avoir cela dans les effets d'après ainsi que vous pouvez voir. Calque, nouveau calque de réglage. J' ai juste besoin de déplacer ce truc de zoom, ouais. Ici, sur ma fenêtre d'effets, je vais appuyer sur CC tout le temps. J' ai besoin d'avoir mon calque de réglage sélectionné pour qu'il fonctionne et ici je vais juste amplifier la quantité de pas que je veux voir, 12. Ici, peut-être un peu moins, 12, c'était un peu beaucoup. Ici, c'est presque comme si vous pouviez voir le fantôme de tous les cadres comme si vous les dessiniez et c'est là que ça devient vraiment intéressant. Tu te souviens de mon horrible premier carré. Regardez à quel point tous ces dessins sont espacés uniformément. Je vais en fait juste mettre comme si vous ne voyez qu'un cadre par tête et un cadre devant. Les dessins sont très, très uniformément espacés et c'est ce que nous appelons un mouvement linéaire parce qu'ils sont très uniformément répartis. Alors que sur mon deuxième carré que j'ai fait le timing beaucoup mieux, ce qui se passe est que regarder l'espacement entre ces dessins. Il y a un écart beaucoup plus grand entre ces dessins et ici il devient plus serré, les dessins sont très proches les uns des autres. les dessins sont rapprochés, plus le mouvement sera lent. Cela aide vraiment la plupart du temps à créer de l'anticipation parce que vous avez ces pores et que vous créez de la tension pour que quelque chose de plus grand se produise. Ici, les dessins sont très proches les uns des autres, puis ils deviennent de plus en plus éloignés et puis il tombe. Puis la même chose à la toute dernière. Mais dans la toute dernière, vous voyez même un peu plus grand écart se rapprochant de plus en plus ensemble comme écraser, puis grande libération. La chose drôle comme un autre principe de l'animation, le timing et l'espacement. Ici, nous, en particulier ces deux premiers carrés en fait, puis retirez celui-ci afin que nous nous concentrions sur ceux-ci. Ils ont le même moment. Ils se déplacent de haut en bas dans le même temps, les mêmes images clés toutes en une seconde, mais l'espacement des dessins est complètement différent. Comment mes dessins sont espacés et plus ils sont proches ou éloignés les uns des autres, c'est complètement différent et cela fait changer complètement la perception de l'animation. 9. Bonus : animation dans Photoshop: Enfin, je vais très, très rapidement vous guider à travers comment je gérerais une scène et essayer d'apporter plus d'anticipation et un meilleur timing, un meilleur rythme, mais à l'intérieur de Photoshop. Alors quand je commençais à apprendre l'animation, il y avait ce court-métrage qui est sorti de l'un de mes animateurs préférés appelé Charles Huettner, et il y a un court métrage appelé le saut, que je vous recommande de regarder, c'est incroyable, même si maintenant il fait encore plus d'esprit soufflant trucs. Mais j'ai été très soufflé dans l'ensemble des coups de feu, mais il y avait ces photos spécifiques que j'étais comme, comment a-t-il fait ? Si je peux vraiment vous recommander de faire quelque chose chaque fois que vous trouvez une animation que vous aimez, téléchargez-la, jouez-la image par image, découvrez ce qui se passe, comment cette personne a-t-elle fait ce mouvement si bon ? Jouez-le image par image, comprenez ce qu'il y a derrière, et si vous voulez, recréez-le aussi bien. Je suis prêt à faire face comme un exercice. Ne copiez jamais des trucs et prétendez que c'est le vôtre, mais comme un exercice, comprenez comment quelqu'un a fait quelque chose, je pense que c'est un exercice très valable. Donc il y a eu cette photo, laissez-moi la trouver. On y va. Juste ici. Ça se sentait si bien, qu'un petit ballonnement suivi de l'explosion. J' ai adoré ça et je n'ai pas pu envelopper ma tête, comment a-t-il fait ça ? Comment ça bouge si bien ? La partie de la raison pour laquelle c'est si bon est que, il a un timing incroyable, un espacement incroyable, incroyable, et vous pouvez sentir que tout le étirement, et la tension, et que la forme est sur le point de exploser, parce qu'il construit tous les cela ressemble à des petits éléments d'anticipation qui vous donnent aussi ce point de vue. Même ces détails avec le, laissez-moi faire une pause, vous voyez tout cela s'étendre comme les lignes de rupture. Tous ces détails sont tellement juteux. Donc, chaque fois que vous trouvez une animation que vous avez aimée par tous les moyens, téléchargez-la , étudiez-la, comprenez ce qui est bon et apprenez-la vous-même. Laisse-moi ouvrir Photoshop. Je ne vais pas être en mesure de montrer tout cela, mais juste nous guider à travers les principes de la façon dont je m'y attaquerais peut être utile. Donc, je vais à Photoshop, créer de nouveaux, je vais le mettre à 1920 par 1080, créer. Si votre Photoshop n'est pas venu avec cette chronologie, un petit onglet, je vais le fermer. Vous pouvez toujours venir à Fenêtre, Chronologie, puis ici vous pouvez appuyer sur « Créer une chronologie vidéo ». La première chose que vous devez faire est quelques choses en fait, vous voulez vous assurer que vous activez les touches de raccourci chronologique, parce que de cette façon vous pouvez naviguer entre les images avec, le mien n'est pas activé, mais une fois vous l'activez, vous pouvez, pourquoi ne le permet -il pas ? Quelque chose se passe. D' accord. Donc, généralement lorsque vous l'activez, vous devriez être en mesure de naviguer dans votre chronologie à l'aide de vos touches de raccourci. Je ne sais pas ce qui se passe. Est-ce le problème du flux en direct qui vient pour prouver que vous avez tort. Quoi qu'il en soit, ils veulent s'assurer que vous avez activé cela, et vous voulez vous assurer que vous définissez votre fréquence d'images de timeline avant de commencer à travailler, donc, je vais la définir sur 24 images par seconde. Donc une chose si nous voulons faire une explosion, comment je suppose, nous allons normalement faire, c'est ça, et ici je vais juste expliquer comment se passeraient les dessins. C' est une erreur très courante que vous verrez comme les animateurs juniors ou inexpérimentés, c'est que, ils dessinent le premier, le petit cercle et ensuite la grande forme gonflée, et ensuite ils sont comme, ok, mais ça doit aller d'ici à ici, donc, alors je vais dessiner un entre-deux ici, un milieu, puis je vais dessiner un entre-deux ici, puis un entre-deux ici, et puis je vais entrer entre les deux et rendre cela plus grand et dessiner très linéaire dans -entre les gars que je vous ai montré sur ce premier exemple avec la place, et puis, donc, ça va gonfler maintenant, et puis vous prendriez le plus grand, le moment qui est complètement gonflé, et puis maintenant il commence à se désintègrent, puis les pièces tombent en morceaux, en expansion. Donc, ce que vous voyez généralement avec les animateurs juniors est que, leurs dessins sont très linéaires et la différence entre les dessins de l'espacement est très linéaire aussi. Je vais vous montrer un exemple que j'ai fait qui illustre cela. D' habitude, ils trouveraient quelque chose comme ça. Il se lit comme une explosion, mais l'espacement entre les dessins est super, super, super linéaire. J' ai fait ici une mauvaise explosion, et ici vous pouvez voir comment mes dessins, je vais activer ma peau d'oignon ici pour que vous puissiez le voir, mais vous pouvez voir l'espacement entre mes dessins est super, super linéaire, alors c'est se désintégrer, se développer, et c'est bon. Il se lit comme quelque chose qui explose, mais pas avec le meilleur timing. Que par rapport à cela, c'est beaucoup plus de pouvoir, et cela a même, comme quand nous parlons de plusieurs niveaux d'anticipation, cela a même comme un peu de rétrécissement avant qu'il ne soit agrandi et puis il explose. Cela a même un peu de ces marques extensibles ajoutant encore plus de tension et d'anticipation. Je n'aurai pas le temps de voir comment faire tout ça. Mais je vais vous montrer rapidement comment je commencerais à m'y attaquer. Donc, je vais fermer cette explosion mal [inaudible]. Donc, ici sur ce diagramme de la façon dont nous allons faire le processus d'animation de ceci est que, au lieu de faire cela, serait comme, désolé, serait comme, désolé,c'est mon petit premier post, c'est le gros, et ici nous ont ce qui serait, quel est le milieu entre ces deux-là ? Donc, au lieu de dessiner un entre-deux ici et un entre-deux ici, ce que je vais faire est d'apporter ce post du milieu, donc, c'est, désolé, il y a quelque chose qui ne va pas avec mon écran. Donc c'est ma deuxième pose et j'ai beaucoup de dessins à construire jusqu'à l'équipe bleue. Il y a deux façons différentes d'animer dans Photoshop, et pour un tutoriel plus approfondi, je vous recommande vraiment de jeter un oeil à ce tutoriel Photoshop Animation sur Vimeo par Alex Green, qui est un très bon ami et un animateur formidable aussi, j'enseigne aussi plus sur l'animation de Photoshop dans mon autre classe, mais juste un aperçu rapide, très, très rapide sur la façon dont je voudrais aborder cela est que, peut-être que nous pourrions faire la première partie de ce ballonnement. Juste à travers les couches, juste des couches normales à l'intérieur de Photoshop, et je vais faire ce petit, ce premier, mon petit cercle. Maintenant, ça marche. Grosso modo, placez-le au centre et puis je vais juste copier cette couche, puis Commande-A, supprimez simplement le contenu. Vous pouvez soit définir votre peau d'oignon ici, activer votre peau d'oignon, et venir ici pour que vous puissiez voir votre cadre précédent ou vous pouvez également définir un petit raccourci pour voir votre propre schéma. J' ai défini un raccourci avec Commande-O. Dans ma classe, je t'apprends aussi à définir les raccourcis, mais ici, je vais faire mon dernier cercle gonflé, qui va être le plus grand. Je veux que ça dure deux images. C'est parfait. Ce que je ferais maintenant, c'est que je vais copier ce petit premier cercle, Commande-A, et je vais supprimer le contenu. Je vais amener ce gars en peau d'oignon et voir la différence entre eux, et ensuite, dessiner au milieu. Rappelez-vous quand j'ai dit que je ne suis pas le meilleur illustrateur et que je ne peux pas dessiner de beaux cercles. C'est ça. En fait maintenant, ces couches, il y a beaucoup plus de temps que je voulais. Je veux juste qu'ils durent deux secondes. Le premier peut plus tard plus longtemps. C' est un petit cercle pendant un moment. Cool. Ce que je ferais maintenant, c'est , entre ces deux gars, que, entre ces deux gars,je vais créer beaucoup d'entre-eux. Je vais faire un peu de méthode d'émission de cookies maintenant et vous montrer le fichier officiel d'explosion. C' est précisément ce que j'avais fait. Dans le premier petit cercle ici, puis ici, j'ai ajouté cette deuxième anticipation, donc elle se rétrécit. Il devient encore plus d'énergie comme le rétrécissement, puis il se rétrécit, et puis il va déjà à cette étape intermédiaire au lieu d'avoir une croissance très linéaire, va déjà à cette étape intermédiaire. Je vais éteindre cette couche juste une seconde, donc nous ne nous concentrons pas sur ça. Ensuite, j'ai ajouté beaucoup d'entre-eux jusqu'à ce qu'il arrive à la forme gonflée finale. Puis, entre le ballonnement final et la première couche d'explosion, vous voyez que je n'ai même pas dessiné le cercle désintègre ou quelque chose parce que c'est quand vous obtenez le gros impact, quand il y a un grand changement d'état entre la forme gonflée finale que vous avez toute cette anticipation construire jusqu'à ce moment, et puis vous avez un gros comme des pousses comme [inaudible], et c'est là que ça devient comme [inaudible], vraiment, vraiment sympa. Il y a tellement de choses que vous pouvez ajouter pour aider l'anticipation et la tension à se sentir encore mieux. J' ai joué avec l'ajout de ce genre de vergetures ainsi, ce qui améliore la tension et le ballonnement de la forme encore plus. Je veux juste vous montrer les gars parce que vous pouvez voir ici que mes couches sont de couleur différente. C' est parce que ce sont deux façons différentes d'animer à l'intérieur de Photoshop. Une façon, c'est avec les couches que je vous montrais juste avant. Vous allez simplement créer de nouveaux calques, vous mettez l'un après l'autre, et c'est ainsi que vous créez des animations dans Photoshop. Ensuite, l'autre, que j'ai utilisé à la fois ici pour la fin et pour les marques d'étirement est à travers des couches vidéo. Juste montrer rapidement pour quiconque ne sait pas, si vous venez ici à Calque, Couches Vidéo, Nouveau Couche Vidéo Blanche. Je vais juste dessiner un petit quelque chose ici juste pour vous montrer comment ça marche. C' est vraiment amusant de jouer, surtout quand vous jouez avec des animations que vous dessinez, un dessin après un, pas vraiment faire de pose-à-pose, vous êtes comme animer droit devant, cela peut être super, super utile aussi quand vous coloriez ainsi. Mais comment vous le faites, c'est que vous faites un dessin ici, puis faites un peu de squiggle en se déplaçant. Ensuite, si je passe à la prochaine image, elle sera vide. C' est la magie de la couche vidéo. Ici, je vais à Commande-A, sélectionnez l'ensemble du contenu de mon calque, Commande-C, copier, passer à l'image suivante, Commande-Maj-V. Je copie le même dessin du cadre précédent dans celui-ci parce que, ici, je travaille sur deux. Si vous n'êtes pas familier avec cela, je l'explique aussi mieux sur mon autre classe, mais je travaille sur une base de 24 images par seconde. Mais ici, je répète le même dessin tous les deux cadres. C' est la façon dont les animateurs traditionnels de Disney fonctionnaient aussi, sorte que vous n'avez pas à faire un nouveau dessin à chaque image. Mais juste pour vous montrer rapidement comment les couches vidéo fonctionnent et comment vous pouvez vous amuser beaucoup, je vais activer la peau de l'oignon. Je vais débrancher tout ça, ne pas me laisser distraire par eux. Ici, je vais dessiner l'image suivante, Commande-A, Commande-C, copier, aller à l'image suivante, coller, image suivante. J' essaie une nouvelle image, Commande-A, Commande-C, passe à l'image suivante, Commande-Maj-V. Est-ce qu'il est en place ? Commande-A, Commande-C, passez à l'image suivante, Commande-Maj-V. C' est vraiment facile de faire quelque chose de bouger et peut être vraiment amusant du tout. Commande-A, Commande-C, passez à l'image suivante, Commande-Maj-V pour coller le même dessin. Commande-A, Commande-C, Commande-Maj-V. Ici, si je joue juste ces deux cadres que j'ai fait, tu vois ce petit truc, ce petit squiggle qui tourne autour. C' est la méthode que j'utilise pour dessiner à la fois les petites vergetures et la petite explosion à la fin aussi bien. Au lieu d'aller pose-à-poser et de trouver les entre-deux de la forme, il s'agissait plutôt de dessiner, faire un dessin après l'autre, combiner ces deux méthodes différentes. D' accord. Désolé, ce morceau Photoshop était très, très précipité, mais dans ma classe, je le passe beaucoup, beaucoup plus lentement, mais j'espère que cela vous a juste donné un peu d'aperçu sur la façon penser à l'anticipation dans une approche image par image aussi, et comment cela peut arriver, comment vous espacez vos dessins lorsque vous les dessinez et assurez-vous que tout ne bouge pas comme un linéaire, et vous créez des différences de contraste, de tension, de cadre, de jeu autour du timing, et le rythme de votre animation ainsi. 10. Q&R: Maintenant, nous allons l'ouvrir aux questions des étudiants. Premièrement, comment Aftereffects et Photoshop interagissent-ils dans votre processus ? Vous vous déplacez d'avant en arrière entre eux ? Comment faire, avoir à réparer sur Photoshop ? Ça dépend de ce que je fais. Cela dépend du style de conception. Cela dépend du style d'animation. Parce que si je fais quelque chose qui ressemble beaucoup plus à l'aspect vectoriel, alors je fais habituellement tout ce qu'il y a à l'intérieur d'After Effects. Mais si c'est quelque chose qui a besoin d'un look plus texturé, ou si l'animation est un peu plus sauvage et que vous avez des changements de perspective et qu'elle doit être plus fluide et qu'elle a besoin d'une approche image par image. Ensuite, je vais aussi déchiqueter à Photoshop. Mais encore une fois, ce que je fais est souvent que je crée comme un squelette de mon animation à l'intérieur d' After Effects est comme je l'ai fait avec cette galerie ici. Oui. Je crée un squelette basé sur mon animation à l'intérieur d'After Effects qui est très laid. Ensuite, je dessine les détails image par image dans Photoshop et construit toutes les textures à l'intérieur de Photoshop. Je fais ça pour beaucoup de travail que je fais. Dans quelle situation pensez-vous que le mouvement devient encore meilleur quand vous faites une anticipation avant l'anticipation ? Y a-t-il déjà une double anticipation ? Oui. Je suis désolée de ne pas l'avoir mentionné. Oui, il y a une telle chose que plusieurs niveaux d'anticipation. Je sens que dans l'animation de personnage, cela arrive beaucoup et surtout avec les traits du visage. Parce que c'est presque comme une partie d' agir comme ces traits subtils du visage qui montrent comme, oh oui, elle pense à ça et je vais juste regarder là-bas parce que, tous ces petits indicateurs, ils aident à construire jusqu'au message tellement. Ça a vraiment aidé. Cela arrive beaucoup dans l' animation de personnage je me sens comme plus l'action est grande, plus il bénéficie d'avoir plusieurs niveaux d'anticipation à coup sûr. Honnêtement, comme presque toutes les élections vont avoir insuffisantes, même si subtiles. Juste quelque chose, je ne sais pas. C' est la chose drôle de retourner à mon travail et d'essayer de repérer où il avait de l' anticipation des choses parce que c'est quelque chose que vous ne rationalisez pas vraiment, vous le faites comme inconsciemment. Oui. Kara, je suis Sheila. N' est-ce pas cette couche vidéo au lieu de travailler sur deux, si vous voulez travailler sur la force ? Oh, ouais. Je veux dire, tellement désolé. J' aimerais qu'on ait plus de temps. J' avais déjà fait ce qui est un objectif comme plus en profondeur dans tout cela. Fondamentalement, la quantité d'images dans lesquelles vous travaillez, qui va déterminer à quel point votre animation va se sentir lisse ou non. Plus vous avez d'images pour une animation va sentir que certaines personnes sont vraiment folles et qu'elles fonctionnent comme 60 images par seconde. Je ne sais pas si vous avez regardé « The Hobbit » les films, c'était tellement bizarre de le regarder parce qu'il avait beaucoup trop de cadres. Je pense que c'était comme 48 images par seconde. On n'est pas habitués à ça. Quand on regarde beaucoup de cadres, on est comme, oh, c'est trop beurré comme si c'était vraiment, vraiment lisse. C'est un peu ennuyeux. Je ne sais pas, je n'aime pas ça. Parfois, cela peut être un peu un choix stylistique. Ayant moins de cadres, il peut être assez charmant d'avoir quelque chose qui a moins de cadres, car il se sent un peu choppier comme la méduse que j'ai fait. Je ne sais même pas si c'était comme en force ou si c'était un très, très faible taux d'images. Juste parce que comme le style était vraiment fou avec tout l'ombrage et tout ça la nuit. Ça m'a pris une éternité pour faire comme ce petit cycle. C' était un peu une décision économique de le faire comme ça parce que c'était pour un clip vidéo que tout le côté était comme ça. Ils ont pris une décision comme nous allons rendre le taux de trame très bas. On peut vraiment retirer ce style. Mais il peut être comme un choix stylistique, mais il peut aussi être des actions plus rapides pourraient avoir besoin de plus de cadres, sorte que vous pouvez vraiment le sentir. Vous pouvez même dans le même film, vous pouvez avoir une variation comme avoir des scènes, avoir des plans qui sont sur deux. Tirs qui sont sur 12 images par seconde, mais à l'intérieur d'une base de 24. Mais alors avez des moments précis là où vous travaillez dans ceux. Si vous voulez vraiment vous sentir comme un coup, une explosion ou une action spécifique, si vous voulez le sentir mieux, alors vous ajoutez des images en une seule fois. Je suis désolé, si la question n'avait pas sens pour les gens qui n'ont pas beaucoup d'expérience. Mais à l'avenir, je vous promets que ce sera le cas. 11. Réflexions finales: On a jusqu'à la fin. Merci beaucoup de vous joindre à moi pour ce voyage anticipé et j' espère que vous en sortirez en ayant une meilleure compréhension de ce qu'est l'anticipation. Être capable de le reconnaître, se sentir inspiré, non seulement de faire de l'exercice, faire un petit exercice d'anticipation par vous-même, mais aussi de plonger plus profondément dans tous les principes d'audit de l'animation et de mieux les comprendre, comprendre leur pouvoir en tant qu'outils pour vous aider à créer une meilleure animation aussi bien. J' adorerais voir vos exercices si vous réglez vos petites places de saut ou vos propres petites explosions, des trucs mixtes explosent, c'est toujours amusant. J' aimerais le voir aussi sur les projets. Nous vous encourageons à partager ça, et oui, merci de vous accorder. Si vous voulez vérifier mon autre cours ou voir plus de mon travail, vous pouvez vérifier mon profil de scooter. Je ne sais pas si vous êtes tous familiers avec l'animation. C' est une communauté multi-plateforme que j'ai commencée avec quelques amis il y a quelques années. C' est une communauté pour les tendances féminines et les personnes non-binaires travaillant avec l'animation, oui c'est l'animation, oui, certaines personnes le savent. Toujours aller et suivre l'animation et soutenir les minorités dans l'industrie aussi. Merci.