Boucles de morphing ! Transformer un objet en un autre avec l'animation | Giulia Martinelli | Skillshare

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Boucles de morphing ! Transformer un objet en un autre avec l'animation

teacher avatar Giulia Martinelli, Animation Director / Illustrator

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Bande-annonce du cours

      1:50

    • 2.

      Introduction

      2:58

    • 3.

      Les bases et la terminologie

      3:32

    • 4.

      Échauffement

      9:04

    • 5.

      Conception

      9:07

    • 6.

      Planifier le mouvement

      7:36

    • 7.

      Animation

      10:04

    • 8.

      Touches finales

      3:56

    • 9.

      Conclusion

      2:19

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

1 539

apprenants

43

projets

À propos de ce cours

Un cours de 50 minutes par la directrice de l'animation Giulia Martinelli, pour réaliser un morphing animé qui tourne en boucle.

 

Ce cours est pour vous si vous avez toujours voulu apprendre à animer des boucles de morphing rapides et à faire une transition en douceur d'une image à une autre !

 

Dans ce cours, vous apprendrez : 

  •  Quelques notions de base de l'animation 2D dessinée à la main
  •  Comment développer et concevoir votre image initiale et finale du morphing (A & B)
  •  Que prendre en compte lorsque vous choisissez une palette de couleurs pour votre animation de morphing
  •  Comment planifier la transition de votre image A à votre image B
  •  Comment faire en sorte que l'animation tourne en boucle et se déplace en douceur
  •  Touches finales et exportation
  • Comment utiliser votre animation et aller plus loin

    À propos des outils :
    Vous pouvez suivre ce cours si vous disposez d'un logiciel d'animation, mais un stylo et du papier peuvent aussi suffire, pour une approche très traditionnelle.
    J'utiliserai Animate CC pour la partie animation, mais le logiciel n'est qu'un outil et non le point central de notre cours.
    Vous pouvez utiliser Procreate, Photoshop, ToonBoom, TVPaint... ou des feuilles de papier et une table lumineuse, pour suivre le cours et comprendre les bases du morphing.

    Ce cours est-il pour moi ?
    Oui. J'ai conçu ce cours de manière à ce qu'il puisse être accessible à tous les niveaux.
    Que vous commenciez à comprendre le fonctionnement de l'animation ou que vous soyez déjà dans le domaine, vous pourrez suivre le cours et réaliser votre projet.
    Je propose différents niveaux de difficulté pour aborder le projet et faire des choix afin que vous puissiez vous mettre suffisamment au défi pour acquérir une nouvelle compétence.

    Ressources utiles que je partage avec vous :
  • Fiches d'échauffement
  • Palettes de couleurs minimales pour faciliter votre exercice
  • Diapositives et récapitulatif de ce que nous avons appris
  • Vidéos Time-Lapse bonus de mon processus



Commençons le cours !

Rencontrez votre enseignant·e

Teacher Profile Image

Giulia Martinelli

Animation Director / Illustrator

Enseignant·e


Hello, I'm Giulia, a full-time freelance animator, and illustrator.
After graduating from in Animation (Turin, Italy) with my animated film MERLOT, I started my journey as a freelance artist and I hopped around Europe for a while, before settling down in Zurich, Switzerland.

In my daily practice, I juggle client commissions, teaching, and personal projects.

If you want to stay in touch and receive a monthly newsletter from me, Creative Crave is the place where I share some behind-the-scenes and updates from my desk. You will also find me on Instagram and on YouTube.
See you in class :)

Giulia

Here are some of my favorite students' reviews:

Voir le profil complet

Level: All Levels

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. BANDE-ANNONCE DU COURS: Avez-vous déjà voulu apprendre à animer boucles de morphing dynamiques comme celles-ci ? Peut-être voulez-vous savoir comment transformer un objet en un autre ou comment créer une transition fluide et liquide. Ou simplement vous avez besoin d'un GIF animé cool pour vos réseaux sociaux ? Ce cours est fait pour vous. Bonjour, je m'appelle Giulia Martinelli, et je suis artiste, animatrice et illustratrice à plein temps basée à Zurich, en Suisse. Je travaille avec un large éventail de clients et de studios dans le monde entier, en équilibrant la commission et les projets personnels. Au fil des ans, j' apprends à créer des boucles animées décalées et à jouer avec le morphing. J'utilise souvent cette technique dans ma pratique pour des transitions pour ajouter un effet magique ou simplement créer des autocollants animés amusants pour les réseaux sociaux. Dans la classe d'aujourd'hui, nous nous concentrerons sur l'animation de morphing 2D image par image. En quelques leçons, je vais vous apprendre comment créer votre propre boucle de morphing du début à la fin. Je vais partager des trucs et astuces que j'ai obtenus tout au long de mon parcours personnel. Je vais vous guider à chaque étape. Nous commencerons par un exercice d' échauffement, puis nous passons à la conception et au processus d'animation réel. Si vous avez un logiciel d'animation, c'est génial, mais le stylo et le papier peuvent aussi fonctionner. Ce cours est fait pour vous, si vous êtes un créateur de n'importe quel niveau qui veut apprendre à jouer avec le morphing. À la fin, vous quitterez cette classe avec votre propre boucle de morphing originale et avec les outils pour la pousser vers l'avant. Que vous souhaitiez explorer cette technique d'animation ou que vous souhaitiez un nouveau talent créatif, j'ai hâte de voir ce que vous allez proposer. On se voit en classe [MUSIQUE] 2. Introduction: [MUSIQUE] Bienvenue dans la classe. morphing est un effet spécial dans les films et les animations qui modifient ou transforment une image ou forme en une autre grâce à une transition transparente. sur quoi nous nous concentrons aujourd'hui, c'est un morphing 2D et dessiné image par image. Comme vous pouvez le constater, un morphing est une séquence de dessins qui vont d'une image initiale à une autre. Pour le projet final, vous allez créer votre propre design personnel et ensemble, nous passerons par toutes les étapes pour animer la boucle de morphing. Les ingrédients de ce type de boucles sont trop nombreuses, une pour le début, une pour la fin, et une animation rapide entre les deux, qui est une séquence de dessins. Pour que ce soit une boucle, bien sûr, non seulement A se transformera en B, mais aussi en B, nous reviendrons à A. Permettez-moi de vous montrer quelques exemples pour mieux expliquer ce que je veux dire. Dans cette boucle, j'ai créé une leçon animée de TED Ed. Je devais montrer toutes les parties buccales de l' insecte. L'animation se déplace d'une structure à l'autre. Il s'agit d'un portrait animé que j'ai réalisé pour une exposition de réalité virtuelle. J'ai d'abord conçu quatre visages qui représentent moi-même et mes passions, puis plus de la transition de l'un à l' autre animant le mouvement comme une sphère tournante. Dans ces exemples, nous n'avons pas seulement deux poses A et B, mais d'autres. Cependant, dans notre projet, nous nous concentrerons uniquement sur deux poses clés pour que l' exercice soit rapide et facile. Dans le cadre de ce cours, j'ai créé un tas de ressources utiles pour vous. Mettez cette vidéo en pause et accédez à la section Ressources pour la télécharger. Vous y trouverez matériel bonus et des feuilles de calcul. Je m'en référerais dans les prochaines leçons. Parler d'outils pour l'animation. Je vais utiliser Animate CC d'Adobe. Mais il n'est pas nécessaire d'avoir ce logiciel spécifique ou un logiciel d'animation pour suivre et comprendre cette classe. Quels que soient les outils dont vous disposez les compétences que je vais vous enseigner fonctionnent dans tous les cas, et vous pouvez les appliquer à votre situation. Enfin, une petite note sur le style. Gardez à l'esprit que tous les morphings ne se ressemblent pas. En fait, une chose que j'adore morphing, c'est que c'est une technique très gratuite. N'hésitez pas à faire preuve de souplesse dans votre processus et n'oubliez pas que vous pouvez toujours revenir à ces conseils et techniques essentiels. Pendant ce cours, je vais créer mon propre projet avec vous et je vais décomposer le processus étape par étape. Ensuite, un peu de terminologie utile que nous allons utiliser dans cette classe. [MUSIQUE] 3. Les bases et la terminologie: [MUSIQUE] Sans même essayer d'enseigner toutes les bases de l'animation dans une vidéo de trois minutes, j'ai pensé faire cette section rapide sur la terminologie dont nous aurons besoin dans les prochaines leçons. Voici quelques mots et concepts importants que nous utiliserons dans la classe. Si vous êtes déjà à l'aise avec ces derniers, n'hésitez pas à ignorer cette leçon. Commençons par un concept très basique, l'animation est une séquence d'images. Ce que nous faisons est appelé animation image par image, car nous dessinons chaque image sans utiliser d' interpolation créée par ordinateur. Pour notre projet, nous nous concentrerons sur deux poses principales : A et B. Les images intermédiaires seront notre animation, le parcours vers la transformation des objets A en objet B. Les poses clés sont les poses les plus importantes . d'une animation. Dans notre cas, ce sont les cadres dans lesquels nos deux objets sont représentés. Le timing et l'espacement sont deux concepts essentiels et principe fondamental de l'animation. En général, dans l'animation, une seconde est créée par 24 images. Si nous voulons passer de A à B en une seconde, nous voudrions peut-être remplir les images intermédiaires avec des images. Le chronométrage est le nombre d'images nécessaires pour qu'une action ait lieu. Plus de dessins entre les poses donnent au spectateur une action lente et fluide, tandis que moins de dessins donnent au spectateur une action plus rapide et plus nette. espacement est la distance parcourue par un objet dans un délai défini pour cette action. Il s'agit également de la distance qu'il se déplace pour chaque image de cette action. L'espacement fonctionne toujours le long d'un arc et indique une accélération ou une décélération. images de frottis dans l'animation sont celles qui créent une illusion de flou de mouvement. Ils sont en fait très rapides, généralement un cadre long. Très amusant et décalé à créer. Ils peuvent être très utiles pour notre morphing, passant d'une pose à l'autre. C'est un exemple tiré de mon dernier court-métrage, Marea. Les personnages se déplacent très rapidement l'un vers l'autre. Dans cette action, certains cadres de frottis étaient nécessaires pour transmettre le mouvement rapide. suivi est l'idée que des parties lâchement connectées d'un corps ou d'un objet continueront bouger une fois le personnage arrêté. action qui se chevauche est une idée similaire en ce sens qu'elle décrit comment différentes parties d'un corps ou objets ont tendance à se déplacer à des vitesses différentes. Nous utiliserons cela lorsque nous atteindrons la pose clé pour adoucir le mouvement d'arrivée. Par exemple, dans cette boucle, vous pouvez voir comment les plantes se déplacent encore alors que la tête est déjà en position. On peut dire que certains éléments, par exemple, dans ce cas, les plantes arrivent en position avec un retard. Ce sont les termes les plus importants et les plus spécifiques que nous allons utiliser dans cette classe. Maintenant, c'est assez avec la théorie. Dans la prochaine leçon, nous commençons enfin à dessiner, alors préparez vos outils et rendez-vous là-bas. [MUSIQUE] 4. Échauffement: Commençons par réchauffer notre muscle d'animation avec un exercice. C'est un bon moyen de faire couler vos jus créatifs. Vous pouvez le faire sur papier ou numériquement. Allez chercher votre feuille de travail d'échauffement dans la section des ressources et suivez la procédure. Comme vous pouvez le voir sur cette feuille de calcul, nous avons différentes colonnes. Sur la gauche se trouve l'image initiale A, et à droite, la dernière B. Ces cases entre les deux sont là où notre morphing va se produire. A est l'image par laquelle nous commençons, et B est l'image par laquelle nous voulons finir. Notre objectif est de remplir les espaces entre les deux et de transformer A en B. Maintenant, comment commencer à remplir ces boîtes, vous pouvez vous demander. Dans le coin supérieur droit se trouve le tableau de synchronisation. Cela fournit des informations essentielles pour nous sachions comment procéder à l'animation. Les diagrammes de synchronisation sont des outils permettant montrer combien de dessins se situent entre chaque cadre de clé et montrent manière simple comment chaque dessin est lié à l'autre. N'oubliez pas que plus les dessins sont proches, plus le mouvement est lent. Ce tableau chronométrique a un début plus lent, un mouvement rapide au milieu , puis il ralentit vers la pose clé finale. Nous commencerons par l'image du milieu et nous nous dirigeons vers les positions clés. L'astuce consiste toujours à dessiner l'image du milieu et à revenir au graphique si vous vous perdez. La pose médiane entre A et B est quatre et nous commencerons par cela. Ce qui se trouve au milieu entre A et quatre, trois, puis entre A et trois, c'est deux et ainsi de suite comme ça. Bien sûr, plus on se rapproche de la pose clé, plus l'image ressemblera à la pose finale. Les grands chiffres romains montrent l'ordre que nous suivrons pour dessiner les cadres. J'apporte la feuille de calcul de mon logiciel d'animation pour y travailler numériquement. Mais vous pouvez aussi aller sur papier. Je veux revenir sur les images initiales et finales A et B et les positionner dans la chronologie. Je dessine également le tableau de chronométrage en haut pour rendre ce processus plus clair. C'est le premier dessin, donc je dessine un cercle autour du numéro 1, et voici notre pose finale pour que l'étoile se transforme en lune avec le nez. Utilisez la peau d'oignon et assurez-vous que les deux positions clés se chevauchent. Vous y voilà. Nos poses clés sont déjà en place et nous pouvons commencer à animer. Comme vous pouvez le voir, c' est le cadre central 4, et je vais commencer ici à dessiner l'image intermédiaire, en activant la peau d'oignon que je peux voir le cadre précédent et le cadre suivant. Si vous travaillez sur du papier, une table lumineuse ou une fenêtre peut être utile, surtout pour un design plus compliqué. Je dessine le premier entre les deux. Je dois imaginer comment l'étoile va se transformer en lune. Ce que je fais ici, c'est de trouver le point médian de chaque sommet d' une animation linéaire. Pour chaque sommet, je dessine un point situé entre la pose A et la pose B. C'est ma première entre-deux. Ne vous inquiétez pas si c'est bizarre, je pense que c'est censé le faire. Bien sûr, plus nous aborderons la pose clé, plus le dessin lui ressemblera. Nous continuons maintenant à faire le même processus. Je veux dessiner le prochain entre les deux, entre A numéro 1 et 4 que nous venons de dessiner est trois. Celui-ci va ressembler un peu plus à une étoile et encore une fois, je cherche la position centrale, commençant par le sommet de l'étoile. Terminé. Maintenant, je fais la même chose pour l'autre côté. Numéro 5, entre 4 et 7. Celle-ci, bien sûr, nous ressemblerons plutôt à une lune. J'ai joué rapidement pour voir quelle est la situation actuelle. Maintenant, je dessine les deux derniers entre-deux. Le voilà. La première chose que je remarque, c'est que c'est très rapide. En fait, pour le moment, les poses initiales et finales ne durent qu'une seule image comme tous les autres dessins. Je vais allonger la pose initiale et finale , comme trois images. Coloriez ensuite les cadres pour mieux voir le morphing. Bien sûr, pour qu'il s'agisse d'une boucle, la lune devra retourner à l'étoile. Parce que nous avons dessiné un morphing très linéaire et que la forme est très simple, il suffira de copier le même dessin qui remonte à l'étoile. J'ai fait un deuxième exercice d'échauffement et cette fois, je vais le montrer plus rapidement. Nous transformons ce vase en beignet. La première chose que je remarque, c' est que les deux images ont une forme ronde et que le beignet a un trou au milieu. Pendant le morphing, nous devrons créer ce trou, la hauteur des deux objets est la même, ce qui est quelque chose à garder à l'esprit, et une bonne référence qui nous aidera pendant l' animation processus. Pour mon morphing, j'ai imaginé que la forme ronde du vase s'agrandissait, intégrant la partie supérieure tandis que le trou s'ouvre par le milieu. [MUSIQUE] On y va. Enfin, voici une idée pour rendre l'exercice plus difficile. Utilisez vos initiales ou toute autre lettre et transformez-les. Je veux vous montrer cet exercice que j'ai fait. G et M sont des formes très différentes. Le premier est très rond et le second morphing très pointu peut nous permettre de tricher un peu un peu. Dans ce cas, j'ai tordu le G et je l'ai placé dans la position suivante, improvisant dans les cadres intermédiaires. [MUSIQUE] essentiel est de l'essayer, expérimenter et de s'amuser avec morphing afin de trouver des solutions créatives. Ils sont là. Nos exercices d' échauffement sont effectués, alors amusez-vous et transformez les formes de base. J'ai même créé une feuille de travail d' échauffement vide si vous voulez dessiner vos propres poses clés. Si vous avez aimé cet exercice et que vous pensez pouvoir en faire plus, réessayez avec deux autres formes, peut-être deux lettres ou peut-être même un mot. Vous pouvez le pousser vers l'avant. Vous pouvez ajouter quelques détails. Vous pouvez ajouter de la couleur. Allez-y et partagez dans la section projet vos exercices d'échauffement. Lorsque vous êtes satisfait de votre échauffement, nous pouvons passer au projet réel. Dans la prochaine leçon, nous allons commencer à concevoir nos poses clés. [MUSIQUE] 5. CONCEPTION: [MUSIQUE] Nous sommes maintenant prêts à aborder notre projet de classe et à apprendre comment animer une boucle de morphing complète. C'est le moment de remue-méninges, concevoir nos deux objets, le premier et le dernier. Il s'agit d'une phase importante du projet car nous définissons la forme, les couleurs, et nous pouvons commencer à réfléchir au caractère de notre design et à sa façon de bouger. Ce sont les étapes que nous allons suivre. abord, nous allons réfléchir et concevoir les deux principaux objets, nos cadres clés. Ensuite, nous devrons choisir les couleurs et je vous dirai pourquoi moins c'est plus. Enfin, nous planifierons le mouvement de A à B, puis de B à A pour un effet de boucle. Allons-y. Voici quelques conseils de ma part que vous pourriez garder à l'esprit lors de la conception de vos cadres clés. Pour faire un remue-méninges, vous pouvez cartographier l'esprit, tirer des références ou simplement commencer à gribouiller. Ce que nous devons faire, c'est transformer l' objet A en objet B. Maintenant, nous devons décider quel sera le protagoniste de notre animation. Il est temps de prendre vos décisions créatives personnelles. Les deux images clés vont se transformer l'une en l'autre. peut s'agir de deux objets aléatoires, mais je pense que c'est plus amusant s' ils sont liés d'une manière ou d'une autre. Il y a peut-être trop d'opposés comme un ballon et un cactus, ou peut-être qu'ils font partie du même processus une chenille et un papillon. Essayez de leur donner plus ou moins le même volume. Cela va faciliter le processus d'animation. Dessinez avec une palette minimale à l'esprit, deux ou trois couleurs en haut. Essayez de ne pas ajouter trop de détails. Essayez d'éviter la silhouette humaine et l'anatomie, l' exception des visages, qui fonctionnent très bien dans mon expérience. Commencez à gribouiller et suivez votre flux libre. Ne soyez pas trop précieux, ne vous inquiétez pas du résultat. Selon votre confort, commencez par une simple transformation d'objet, peut-être un texte ou un visage. En commençant un niveau avec lequel vous vous sentez à l'aise, vous pouvez toujours faire l'exercice une deuxième fois et vous défier un peu plus. Parlons de la palette de couleurs. Pourquoi faut-il que ce soit minime ? Dans l'animation traditionnelle, plus la conception est facile, plus la production est efficace. Encore plus pour le morphing, il est crucial d'avoir une palette minimale. Les couleurs vont guider l'œil et aider notre transformation à paraître plus lisse. Pour cette raison, il est important de connaître les volumes et d' utiliser des blocs de couleurs qui se déplacent régulièrement dans les cadres. Dans la section des ressources, vous trouverez une palette de couleurs, des conseils et des entrées au cas où vous ne savez pas par où commencer. Pour mon projet, je vais animer deux têtes. En particulier, après beaucoup de gribouillages, j'ai eu cette idée. J'ai pensé que ça pourrait être amusant de transformer le grand méchant loup en petit chaperon rouge. Pour jouer avec cette dualité, comme le mauvais et le bon, masculin et féminin et tout ce jazz. Je commence à gribouiller pour définir à quoi ressembleront les deux têtes de mes personnages. Vous pouvez voir qu'ils travaillent autour de la même forme ronde pour leur donner le même cœur et le même volume [MUSIQUE]. Je joue avec des formes et des compositions complémentaires et j'essaie de garder le design simple, mais en ajoutant quelques détails. J'aime que les deux personnages soient confrontés à des directions différentes ici. De cette façon, elle a l'air naïve et ignorante, ce qui crée plus de contraste. J'ai remarqué que la capuche et la bouche du loup peuvent avoir une forme similaire. [MUSIQUE] J'essaie différentes idées de conception de personnages, les compare, puis je commence à penser à la couleur. Je commence par utiliser ce vert foncé et ce rose, et j'essaie soigneusement d'inclure les deux couleurs dans les deux modèles. L'un sera principalement rose avec des détails sombres et l'autre va être le contraire, principalement sombre avec quelques détails roses [MUSIQUE]. Je rends le nez du loup plus grand que habitude pour avoir plus de rose dans le dessin. Au début, j'ai pensé à ajouter un peu de rose également à l'intérieur de ses oreilles, mais j'ai ensuite écarté cette idée au fur et à mesure que je développe le design. Maintenant que nous sommes en train de concevoir, nous voyons les positions clés côte à côte. Mais pour l'animation, je vais les superposer de manière à ce qu' ils soient au même endroit. Je nettoie mes créations maintenant. J'utilise un pinceau de base propre car j' anime inanimé là où il n' y a pas de grand choix pour les pinceaux. [MUSIQUE] Au cours de cette phase de nettoyage, je décide que le noir fonctionne mieux. C'est aussi l'étape dans laquelle je décide des détails, surtout pour l' expression faciale de la fille, j'ai dessiné de nombreuses options en essayant de rendre son visage plus intéressant. Je décide également de me débarrasser des dents du loup [MUSIQUE]. En fin de compte, j'ai proposé quelques options différentes, surtout pour le visage de la fille, j'avais des motifs légèrement différents. Je vous recommande si vous avez le temps de faire une pause ou de laisser le dessin jusqu'au lendemain et d'y revenir avec des yeux frais. Voici nos conceptions finales pour notre animation. Ce seront les deux cadres clés. Pouvez-vous imaginer comment A se transformera en B ? Pour cette phase, prenez tout le temps dont vous avez besoin. Mon processus a été accéléré, mais il peut prendre du temps pour trouver vos conceptions finales. Allez-y et affichez vos images clés dans la section Projet. [MUSIQUE] Continuons maintenant et réfléchissons au mouvement de l'animation. [MUSIQUE] 6. Planifier le mouvement: [MUSIQUE] C'est la phase dans laquelle nous planifions le type de mouvement que nous voulons avoir dans notre morphing, et comment exactement A va se transformer en B. En fait, il existe d'innombrables façons de créer un morphing. Tout d'abord, un morphing peut se produire sur place, sorte que les deux images clés, A et B, transforment l'une en l'autre au même endroit. Ou le morphing pourrait se déplacer vers une autre partie du cadre. Ce sera votre décision. Je vais animer sur place, ce qui signifie que A, le chaperon rouge, se transformera en B, le loup, restant au même endroit de l'écran. Deuxièmement, comment exactement les poses clés peuvent-elles se déplacer et se transformer ? Un morphing peut être complètement abstrait, où les couleurs et les formes peuvent transformer et se transformer en position finale. Ou bien, nous pouvons penser à une action que notre objet ou notre personnage peut faire. Par exemple, un visage peut tourner, une bouche ou une boîte peut s'ouvrir, une fleur peut fleurir. Dans mon exercice particulier, je veux que le chaperon rouge se transforme en loup, puis le loup se transforme en chaperon rouge. J'aime l'idée que le loup puisse ouvrir la bouche et que le chaperon rouge puisse sortir de la bouche. J'aime aussi l'idée que c'est complètement le contraire de ce qui se passe dans l'histoire, donc au lieu d'entrer dans la bouche, elle sort. Maintenant, vous pouvez y réfléchir, vous pouvez esquisser l'idée que vous avez sur papier ou simplement remue-méninges sur le mouvement. Mais lorsque vous vous sentez prêt, nous pourrions commencer à passer à une chronologie. La première chose à faire est de placer vos deux images-clés dans la chronologie, et si l'animation est sur place, nous voulons les superposer. La première chose que je fais est retracer nos conceptions dans le logiciel d'animation. Surtout si vous envisagez d' animer les couleurs séparément, il est utile de les avoir sur des calques séparés. À l'aide de la peau d'oignon, je peux vérifier si les deux poses clés sont parfaitement les unes sur les autres. En ce qui concerne le timing, juste pour commencer, nous pouvons commencer par fixer l'image d'une seconde. Image A, une seconde est la boucle d'animation, puis une seconde encore une image fixe, mais cette fois c'est la dernière, B. Bien sûr, si nous voulons animer une boucle, faudra encore ajouter Une autre seconde de conversion de B à A. Nous pourrions le lire et vérifier si le timing fonctionne, et peut-être voir nos deux images avec ce timing pourrait également nous aider à imaginer comment nous voulons l'animation à être. Un petit rappel sur notre tableau de chronométrage. Je vais suivre cette structure et planifier comme un mouvement faible au début, puis une phase moyenne rapide et une approche de décélération dans la deuxième image-clé. N'oubliez pas que plus les dessins sont éloignés, plus l' animation sera rapide. Plus les dessins sont proches, plus l' animation sera lente. Ce que nous voulons faire, c'est d'avoir une animation qui passe de A à B, démarre lentement, qui va plus vite au milieu, puis ralentit à nouveau lorsque vous atteignez B. Après avoir vérifié le timing et imaginé le mouvement, peut-être voulez-vous faire un croquis lâche ou rugueux. Cette étape est totalement facultative, surtout si votre conception est assez simple, peut-être que vous n'avez pas besoin de passer par une étape difficile, mais j' aime toujours le faire. Mes rudes sont très mauvais et assez moches, mais cela m'aide à comprendre quel type de mouvement je peux planifier, donc comme vous pouvez le voir, je teste les choses et je vais faire beaucoup de rudes. trouver enfin le mouvement que j'aime. Si vous vous sentez plus confiant avec l'animation, vous pouvez planifier un mouvement ou une action plus dynamique. Par exemple, ce que je fais avec la bouche du loup. Si vous commencez par l'animation, il peut suffire d'animer une transformation linéaire de la forme. Jouez davantage avec les couleurs plutôt qu'avec le personnage lui-même. Dans cette vidéo accélérée, je teste mon idée du mouvement. J'imagine ce qui pourrait arriver. J'ai l'intention de faire sortir la fille de la bouche du loup pendant qu'elle tourne. Elle va ensuite tourner et révéler le loup alors que sa capuche passe devant. Je commence à imaginer comment la fille peut se tourner vers la gauche, et le loup apparaît de derrière sa capuche. À ce stade, mes dessins sont très rugueux, qui m'aide seulement à comprendre si l'idée peut fonctionner. L'arc de sa cagoule peut nous aider à donner des orientations. Alors que le loup apparaît, il est important de voir les deux personnages en même temps dans le même cadre, sorte qu'il ne s'agit plus du chaperon rouge, mais ce n'est pas encore le loup. lecture ou le passage à travers les cadres permet de vérifier si le mouvement peut fonctionner. Ici, j'essaie d'imaginer comment le loup va ouvrir sa bouche. J'ai eu une anticipation, qui est une préparation à l'action principale, et un mouvement vers la direction opposée avant le début de l'action principale. Donc avant que le loup ne monte avec sa bouche, il va y avoir quelques cadres dans lesquels il descend. Je ferai la même chose pour la fille plus tard, ajoutant un peu d'anticipation avant qu'elle ne commence sa rotation. Le cadre dans lequel la fille sort de la bouche du loup n'était pas facile. Je l'ai dessiné plusieurs fois avant de trouver une solution. Au cours de cette phase, vous commencez à ajuster la synchronisation. Nous avons commencé par une seconde pose de clé et une seconde de morphing. Mais peut-être qu'au fur et à mesure, nous réalisons que le mouvement va être plus rapide. En revenant au loup, je me suis rendu compte que la bouche s'ouvrait trop lentement, alors j'ai redessiné la pose de l'ouverture de la bouche. Je pense que la bouche du loup pourrait s'ouvrir différemment et pourrait mieux fonctionner. Il doit continuer à tourner pendant que le gamin sort. À l'intérieur de la bouche, il peut y avoir une forme rose qui pourrait abord ressembler à la langue du loup, mais ensuite ce sera la capuche rouge. La fille sort les yeux fermés et les ouvre tout en se retournant et en se positionnant. À la fin de cette phase, j'ai une idée du mouvement et du timing que je veux avoir dans mon animation. Maintenant que vous avez une idée du mouvement que vous voulez faire et que vos poses clés sont déjà au bon endroit. Maintenant, vous êtes prêt à dessiner toutes les images intermédiaires pour donner vie à votre morphing. Allez-y et partagez dans la section projet votre travail en cours et le mouvement que vous envisagez d'animer. On se retrouve dans la prochaine leçon, où nous nous lançons enfin dans l'animation. [MUSIQUE] 7. Animation: [MUSIQUE] Maintenant que nous avons notre plan, plongeons dans l'animation. La rude pour le premier morphing fonctionne déjà très bien, alors je commence par là. Je nettoie les poses que j'ai esquissées. C'est la fille qui commence à tourner à gauche. Le loup apparaîtra sous le capot au fur et à mesure. La forme ronde de sa tête reste en place pendant que la capuche, les yeux, le nez et la bouche tournent. L'arc de la capuche est un détail très important. Il nous aide à donner un sens du mouvement. Je dessine un peu de frottis pour la joue. Ça se fait écraser alors qu'elle se retourne rapidement. De plus, les sourcils sont étirés. Les coups de pinceau aident à transmettre le mouvement. Nous allons dessiner le prochain entre les deux. Vous pouvez voir le dessin précédent en superposition et le dessin suivant. Alors qu'elle continue de tourner et disparaît presque , regardez l'arc ici. Cela nous aide vraiment à ressentir la rotation et à donner un sens du mouvement. La balle sera rose, donc ce sera une belle piste de couleur que je restes de la fille alors que le loup est déjà dans le cadre. Cela contribuera à rendre la transition plus fluide. [MUSIQUE] De plus, la pointe de la hotte nous aide à transmettre la rotation. Maintenant, dessiner les entre-deux pour amener le loup dans sa position. Il ouvrira les yeux graduellement jusqu'à ce qu'il atteigne la pose clé. On peut encore voir un peu de rose derrière lui. Regardez le capot ici. Nous devons le faire disparaître. Il y a des buissons passés et je vais ajouter une petite queue dans le dernier cadre, notre dernier petit morceau de capot avant qu'il ne disparaisse complètement. Ici, j'ajoute les oreilles du loup qui regarde. C'est le premier cadre que nous voyons certaines parties du loup. De cette façon, le capot couvre le loup , puis le révèle. Il est important d'avoir un soupçon d' oreilles dans le cadre avant de tromper l'œil. Maintenant, je dessine les entre-deux du loup qui arrive en position. Il ouvre progressivement les yeux et se retourne. [MUSIQUE] Je vais attirer les élèves ici et je vais les garder réparés, comme si le loup fixait le public. Maintenant, le premier morphing est terminé et fonctionne très bien. Le second est toujours un gâchis, alors passons-y. C'est l'anticipation où le loup descend légèrement avant d'ouvrir la bouche. Je vais le faire serrer les yeux au fur et à mesure qu'il descend. Maintenant, nettoyons cette action. La bouche doit s'ouvrir beaucoup plus rapidement et tourner en même temps. Voici le chaperon rouge. Ici, elle sort de la bouche en tournant et en ouvrant les yeux. Il est temps de nettoyer et de dessiner quelques entre-deux. Je vais dessiner de nombreux intercalaires ici pour que la fille arrive en position afin de rendre l'action plus fluide. Un autre intermédiaire aussi pour l'anticipation du loup. Dans cette étape, vous réalisez si des ajustements de synchronisation sont nécessaires et si certains dessins supplémentaires peuvent étouffer les actions. Comme vous pouvez le constater, il manque une chose. La bouche du loup se referme puis disparaît. Dessinons ça. C'est fait. Il est maintenant temps de nettoyer certains cadres qui sont encore rugueux, puis colorés. Bon travail. Vous avez fait le plus gros morceau d'animation. Ce processus peut être assez long. Encore une fois, j'ai accéléré mon processus. Prenez votre temps. Si vous en avez l'occasion, laissez-le là pendant un moment, allez vous promener, prendre une tasse de thé et revenez avec des yeux frais. Cela pourrait beaucoup aider. Dans la leçon suivante, nous allons peaufiner un peu l'animation et l'exporter. [MUSIQUE] 8. Les dernières touches: On y est presque. Notre boucle de morphing est animée, il suffit de la polir un peu et d'ajouter quelques touches finales pour la rendre parfaite et ensuite nous pouvons passer à l'exportation. Si vous ne l'avez pas encore fait, c'est le moment idéal pour colorier vos cadres. Une chose qui m'aide à repérer les erreurs et les oublis est de poser une couleur vive comme arrière-plan. Cela fait apparaître les erreurs de coloration, comme dans ce cas. Dans cette phase, j'ai joué à travers l'animation et je vois s'il y a quelque chose qui doit être poli ou corrigé. Parfois, le timing doit être un peu ajusté, peut-être que les positions clés doivent rester un peu plus longtemps ou comme moi ici pourrait être plus rapide. Je me suis rendu compte que le nez rose ne fonctionne pas dans cette séquence où le loup disparaît. Pendant la phase d'animation, j'ai dessiné le nez mais j'ai fini par supprimer pendant la coloration car cela n'avait aucun sens de faire réapparaître la couleur rose uniquement pour deux images. Je peux aussi dessiner des lignes de mouvements qui sont essentiellement de petits frottis. Ils ajoutent une touche agréable à votre morphing. Dans ce cas, j'ai ajouté un peu de rose à la suite du mouvement de la capuche. Je ne comprends pas bien à la première tentative. Il est normal de l'essayer et de le supprimer si cela ne fonctionne pas. J'ai fait la même chose avec l'ouverture de la bouche du loup, en ajoutant quelques lignes blanches. Bien que l'action principale se situe entre les deux poses clés, j'ai trouvé très utile d'ajouter petites animations aux poses elles-mêmes. chaperon rouge et le loup sont nos principaux protagonistes. C'est la raison pour laquelle leurs designs restent pour de nombreux cadres à l'écran. Il est important de les voir et de les reconnaître, donc la pause après l' animation morphing est importante. Mais une bonne touche est de leur donner un peu de vie dans leur calme si cela a du sens. J'aime généralement ajouter de petites actions pour les poses clés. Pour cette raison, j'ai ajouté un clignement pour la petite fille et un peu d'effet étincelant pour le loup. Pour la fille, j'ai également ajouté un suivi à l'arc afin d' obtenir un règlement plus fluide. Comme vous pouvez le constater en ce moment, il est très tôt animé. Je vais ajouter quelques entre-deux, un suivi et un dépassement. C'est ce qu'on appelle le dépassement lorsque le mouvement va au-delà de la position finale, puis revient et s'installe. Voici d'autres exemples et idées pour des actions secondaires plus petites. Comme mile, un suivi de certains éléments comme des boucles d'oreilles, un foulard, des cheveux, poils végétaux, une larme, leur reflet sur les lunettes de soleil, un clin d'oeil, etc. Une autre astuce utile peut être de donner un timing différent, deux éléments différents, en compensant, par exemple, l' arrivée de certains effets. Par exemple, si vous souhaitez ajouter à fois un clin d'œil et un effet d'éclat à votre pose clé, il est préférable qu'elles ne se produisent pas avec le même timing. Lorsque je suis satisfait de mon animation, ce que je fais habituellement c'est d'exporter ma boucle dans différents formats. Mp4 et GIF sont les plus utiles pour moi. Parfois, j'ai également besoin d'un fichier SWF ou d'une séquence PNG. De cette façon, j'ai tout ce dont j'ai besoin pour toutes les plateformes et l'utilisation possibles. Dans la section projet de cette classe, vous pouvez télécharger un GIF. Dans la leçon suivante, nous terminons les choses et je vais vous dire tout ce que vous pouvez faire maintenant avec votre boucle animée de morphine. 9. Conclusion: [APPLAUDISSEMENTS] Félicitations, vous l'avez fait. Vous avez créé votre propre morphing animé. Voici un petit récapitulatif de ce que nous avons appris. Nous avons appris un peu le morphing, quelques bases de l'animation, nous avons fait un exercice d'échauffement, puis nous avons commencé à concevoir nos images-clés. Ensuite, nous avons planifié le mouvement, puis nous l'avons animé, nous avons peaufiné l'animation, nous l'avons exporté et nous l'avons fait. High Five. [APPLAUDISSEMENTS] [BRUIT] Comment utiliser ce morphing et comment le faire avancer ? Vous pouvez utiliser votre morphing comme autocollant animé ou GIF. Ils sont parfaits pour les médias sociaux, mais aussi pour les bulletins d'information et les présentations. Récemment, de nombreux festivals d'animation également commencé à inclure une sélection GIF. Ce morphing pourrait devenir votre prochaine soumission. Votre morphing peut également faire partie d' une transition dans une animation plus grande ou un court-métrage. Reprenez le cours, si vous voulez vous défier et essayer quelque chose de plus dur. La pratique est bonne pour améliorer votre morphing. Essayez à nouveau l'exercice et peut-être vous défiez un peu plus. Essayez quelque chose d'un peu plus dur à la place, peut-être non seulement deux poses clés, mais plusieurs, comme je l'ai fait dans cet exemple. Au lieu de deux couleurs, essayez trois ou quatre. [MUSIQUE] J'ai hâte de voir tous les beaux résultats et de travailler en cours dans la section projet , alors assurez-vous de le télécharger. Vous pouvez également le partager sur les réseaux sociaux, me marquer et utiliser les boucles de morphing par hashtag. Merci d'avoir suivi mon tout premier cours de Skillshare. Cela signifierait beaucoup si vous me disiez comment vous l'avez aimé et si vous pouviez le recommander à vos amis. [MUSIQUE] Merci d'avoir suivi mon cours. [ÉTRANGER] [MUSIQUE]