Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Toon Boom
Design

Comment animer une fille tournoyante dans le boom de Toon

by
Difficulty:IntermediateLength:MediumLanguages:

French (Français) translation by Ahmad Fauzan (you can also view the original English article)

Final product image
What You'll Be Creating

Dans ce didacticiel, nous allons décrire l'animation d'un personnage en train de tourner à l'aide de Toon Boom Stage 10. Nous allons apprendre à dessiner des poses approximatives, à les peaufiner et à les transformer en une animation fluide et homogène!

Bien que nous utilisions Toon Boom Stage 10 pour suivre le processus de création de l'animation, vous pouvez toujours apprendre quelque chose de ce tutoriel, même si vous utilisez un programme différent.

Commençons!

1. Comment démarrer un document sur Toon Boom

Étape 1

Créez une nouvelle scène à Toon Boom! Avant de commencer l'animation, nous souhaitons apporter des modifications personnelles à nos paramètres.

Accédez à l'onglet Scène du programme et sélectionnez Paramètres de scène.

Pour cette animation, nous voulons ces spécifications:

  • Résolution: 1080x1080 (vous pouvez ajuster cela si vous voulez!)
  • Images par secondes : 12
Specifications for the scene settings

Étape 2

Vous souhaitez prendre note des outils suivants, car nous les utiliserons tout au long du processus!

  1. Espace de dessin (vue caméra).
  2. Chronologie: nous allons insérer nos cadres de dessin ici.
  3. Pinceau: pour dessiner.
  4. Crayon: pour dessiner.
  5. Gomme: pour effacer.
  6. Pot de peinture: pour la coloration.
  7. Pelure d'oignon: utilisez-la pour rendre visibles les dessins précédents et suivants.
  8. Le chiffre en bas à droite de l'écran: indique quelle image est sélectionnée sur la timeline.
  9. Le signe '': sélectionnez ceci pour ajouter des couches sur notre timeline.
  10. Le signe '-': utilisez-le pour supprimer des calques.
  11. Bouton Play: lit l'animation.
Tools in Toon Boom that are essential for animating

2. Comment dessiner l'animation de base

Étape 1

Premièrement, nous voulons esquisser les dessins approximatifs de nos quatre poses clés, qui comprendront les éléments suivants:

  1. Vue de face
  2. Vue de gauche
  3. Vue arrière
  4. Vue du côté droit

C’est bien de garder vos dessins bruts. En ce moment, détends-toi! Utilisez des formes et des traits très basiques tout en esquissant le cadre de notre personnage.

Même si nous n'en sommes qu'au stade difficile, nous souhaitons toujours que les dessins soient proportionnels les uns aux autres. Utilisez donc des instructions pour garder la taille et le volume cohérents. Il ne faut pas que ce soit parfait; nous économiserons le perfectionnement pour plus tard.

Côte à côte, elles ressemblent à ceci:

Four key poses

Étape 2

Commençons par un peu de technique ici car nous voulons insérer nos dessins au bon endroit et dans le bon ordre.

Ainsi de suite notre frise chronologique :

  1. Esquissez la vue de face sur le cadre 1.
  2. Développez le dessin en sélectionnant le cadre 17 et en appuyant sur F5.
  3. Supprimez les dessins sur les cadres 9-16.
  4. Esquissez la vue arrière du cadre 9.
  5. Supprimez les dessins sur les images 5-8.
  6. Esquissez la vue de gauche sur le cadre 5.
  7. Supprimer les dessins sur les images 13-16.
  8. Esquissez la vue latérale droite sur le cadre 13.
  9. Supprimez les dessins des cadres 3-4, 7-8, 11-12, 15-16.
  10. Insérez les entre-deux (détaillés dans l'étape suivante!).

Remarque: activez l'outil Pelure pour vous permettre de voir les images précédente et suivante tout en dessinant!

Setting up our drawings on the Timeline of our Toon Boom scene

Étape 3

Lorsque nos quatre positions clés sont terminées, nous souhaitons insérer des inter-intermédiaires. Appelons-les IB pour faire court.

Essayons d’insérer un IB entre la vue de face et la vue de côté de notre personnage. Nous voulons imaginer notre personnage face aux trois quarts.

Tout d’abord, activez la pelure pour que vous puissiez voir l’image précédente (1) et l’image suivante (2).

Estimez le milieu de la voie et dessinez la pose en fonction de vos sensations.

Commencez par la tête (3), puis le torse (4), le bras droit (5), le bras gauche (6) et la jupe (7).

Cela prend beaucoup de pratique, mais rassurez-vous, les essais et les erreurs font partie du processus d’animation!

Adding a rough in-between

Étape 4

Vous voulez insérer un IB entre le reste de la pose de la clé jusqu'à huit dessins au total!

Passez en revue les dessins que vous avez jusqu’à présent.

Sur votre timeline, ce sont les dessins qui doivent figurer dans les numéros d'image correspondants:

  • 1 : vue de face
  • 3 : IB
  • 5 : vue latérale à gauche
  • 7 : IB
  • 9 : vue arrière
  • 11 : IB
  • 13 : vue du côté droit
  • 15 : IB
  • 17 : vue de face encore une fois
Four key poses and in-betweens

Étape 5

Appuyez sur le bouton de lecture de votre programme pour évaluer votre animation approximative.

Nous avons maintenant un revirement animé approximatif de notre personnage. Yay!

Rough character animation

3. Comment nettoyer votre animation

Dans cette partie, nous allons peaufiner et perfectionner les poses de notre personnage.

Notez que dans notre animation actuelle, les dessins sont très lâches et basiques. Dans les prochaines étapes, nous allons être plus stricts avec le placement de chaque trait. Nous voulons conserver avec soin un volume constant dans chaque dessin.

Vue d'ensemble des changements

Commençons par un aperçu de l’ensemble de la partie 3:

  1. Créez un nouveau calque pour notre animation nettoyée.
  2. Sur l'image 1, dessinez l'aspect final de la vue de face. Nous allons nous appuyer fortement sur ce dessin pour créer le reste des poses afin de maintenir la cohérence.
  3. Développez le dessin en sélectionnant le cadre 17 et en appuyant sur F5.
  4. Supprimer les images 9-16.
  5. Sur le cadre 9, dessinez la vue arrière. Utilisez le dessin approximatif et la vue de face comme références.
  6. Supprimez les dessins sur les images 5-8.
  7. Sur le cadre 5, tracez la vue latérale gauche.
  8. Supprimer les dessins des 13-16.
  9. Sur le cadre 13, tracez la vue latérale droite.
  10. Insérez les IB dans toutes les images restantes (3, 7, 11, 15).
  11. Insérez les IB dans toutes les images paires (2, 4, 6, 8, 10, 12, 14, 16).
Overview of the Clean-up and In-between stage

Approfondissons un peu les détails des étapes!

Étape 1

La première chose à faire est donc de finaliser votre vue de face.

  • (Facultatif mais recommandé) Créez des repères pour les yeux, le torse, la jupe, les bras, etc. pour vous aider à estimer l'emplacement de chaque membre / partie.
  • Dessinez le reste des poses clés en utilisant tous les dessins disponibles comme références. Vous voulez pouvoir voir vos repères, le dessin approximatif et la vue de face finalisée comme références.
  • Si tous les dessins visibles en même temps vous déroutent, n'hésitez pas à en cacher quelques-uns de temps en temps. N'oubliez pas que les dessins finaux doivent être cohérents en termes de volume, d'alignement, etc.

Remarque: N'oubliez pas que vous consultez plusieurs dessins à titre de référence, n'est-ce pas? Les dessins de référence à prioriser sont les poses finales! C'est tout à fait bien si votre dessin ne suit pas très bien les aspérités.

Cleaning up your rough drawings

Étape 2

Suivant est à nouveau entre-deux! Ce processus est assez éprouvant, car il vous faut au total 12 IB après cette étape.

Commençons par dessiner l'IB entre la vue de face et la vue de côté.

Vous voulez pouvoir voir ce qui suit sur votre cadre vierge:

  1. Vue de face; dessin précédent
  2. Vue de côté; prochain dessin
  3. Rugueux entre
  4. Directives pour la taille des parties du corps

Vous risquez à nouveau de vous perdre parce que vous regardez plusieurs dessins en même temps. Alors n'hésitez pas à masquer les dessins de temps en temps.

Ensuite, dessinez l'IB en estimant l'emplacement de chaque trait sur la base des dessins de référence visibles.

How to draw an in-between

Étape 3

Maintenant, vous voulez insérer des IB dans le reste des poses jusqu'à obtenir un total de 16 dessins! N'oubliez pas que l'image 17 n'est qu'une répétition de l'image 1.

Adding in-betweens

Étape 4

Appuyez sur le bouton de lecture et évaluez vos cadres nettoyés!

Finalement! L'animation du corps est terminée!

Cleaned up character animation

4. Comment animer les cheveux

Étape 1

Dans cette étape, nous étudierons le concept d’un cycle d’ondes en animation! Ceci est important pour obtenir le look fluide et lisse que nous souhaitons pour les cheveux.

Voici un exercice très basique de création d'un cycle d'ondes simple:

L'objectif est simplement d'influencer un fil dans cette direction et cela. Vous voulez imaginer une balle qui pousse d'un côté du brin, ce qui la courbe. Ensuite, vous voulez imaginer une seconde balle qui pousse de l’autre côté du brin, ce qui la courbe à nouveau dans la direction opposée.

Remarque: dans l'image ci-dessous, le premier dessin est identique au dernier dessin.

Frame breakdown of a basic wave cycle

Étape 2

Entraînez-vous à réaliser une animation du cycle de la vague.

  • Faites votre premier dessin d'une courbe en 'S'. Ceci est votre premier et cinquième cadre.
  • Faites votre deuxième dessin de la même courbe en 'S', mais inversé. Ceci est votre troisième image.
  • Faites un IB entre les images 1 et 3.
  • Faire un autre IB entre 3 et 1.
  • Ajoutez autant d'IB que vous le souhaitez pour ralentir l'animation. (Remarque: plus d'IB = durée plus longue de votre animation!)
How a basic wave cycle works

Étape 3

Étudiez ce prochain échantillon de cycle et essayez de le créer vous-même

Ici, vous voulez faire du haut de la ligne le point pivot. L’autre extrémité sera libre de se déplacer, vous pouvez donc imaginer qu’elle a une plus grande plage de mouvements vers le bas.

Another sample of a wave cycle

Encore une fois, vous pouvez essayer d’imaginer des balles poussant de chaque côté du brin.

Vous pouvez ajouter des intervalles intermédiaires lorsque vous êtes satisfait des images clés et du mouvement général.

Dans l'image ci-dessous, vous pouvez voir:

  1. le cycle des vagues avec des boules imaginaires poussant le brin de chaque côté
  2. le cycle des vagues avec ajout d'inter-entre
Sample of wave cycle with imaginary objects pressing on either side

Étape 4

Maintenant que nous avons compris le concept d'animation d'un cycle de vagues, essayons d'animer les cheveux d'un personnage!

Commençons par animer un cycle d'onde sous la forme d'une ligne. Le point pivot situé à l'extrémité supérieure de la ligne doit être fixé au sommet de la tête de la fille.

Ensuite, vous voulez dessiner une forme volumisée basée sur le mouvement de la ligne.

Facultatif: vous pouvez ajouter des peluches et des détails aux cheveux une fois que vous avez terminé le cadre de base

Remarque: les cheveux de cette animation sont créés sur un calque de dessin séparé sur notre plan de montage.

Wave cycle principle applied in animating the hair

5. Comment ajouter de la couleur à l'animation

C'est maintenant la partie la plus facile du processus!

Étape 1

L’animation est terminée. Il vous suffit donc de combler tous les espaces vides de vos dessins à l’aide de votre crayon ou de votre pinceau et d’effacer les détails.

Ensuite, utilisez le pot de peinture et coloriez!

C’est là que l’onglet Couleur entre en jeu. Créez votre palette de couleurs et remplissez les formes avec les couleurs de votre choix! Vous pouvez modifier les couleurs à tout moment.

Les numéros ci-dessous indiquent les outils que vous pouvez trouver sur votre interface Toon Boom:

  1. Onglet couleur.
  2. Sélectionnez le signe '+' pour ajouter une nouvelle couleur.
  3. Double-cliquez sur la couleur pour la modifier.
  4. Multiwheel Color: ceci apparaît après un double-clic sur la couleur. Utilisez-le pour ajuster votre teinte, votre saturation et votre valeur.
Toon Boom features used for coloring your drawings

Étape 2

Notez que les cheveux se trouvent sur un calque séparé sous l'animation du personnage. Sur la vue de face de l'animation (1), ça a l'air bien! Mais sur la vue arrière (2), c'est faux.

This is what the hair should currently look like in the front and back view

Vous souhaitez donc créer un nouveau calque par-dessus l'animation du personnage. Ensuite, copiez et collez les cadres de cheveux qui doivent aller sur le personnage. Faites les ajustements nécessaires ici et là.

Hair overlay

6. Comment animer les étincelles

Étape 1

L'animation des étincelles est facile. Vous n'avez besoin que de six dessins pour cela.

  • Sur les premier, deuxième et troisième cadres, dessinez un petit diamant de plus en plus gros.
  • Sur la quatrième image, coupez le diamant en cinq petites formes de diamant.
  • Sur les cinquième et sixième images, réduisez simplement les formes.

Observez la figure ci-dessous pour mieux comprendre!

Frame breakdown of sparkle animation

Étape 2

À l’aide du pot de peinture, coloriez l’étincelle comme vous le souhaitez!

Nous voulons que les étincelles apparaissent dans plusieurs zones et fréquences tout au long de l'animation.

Observez les étapes suivantes en fonction de la démonstration visuelle:

  1. Dupliquez / copiez et collez le calque sparkles et réorganisez les images sur la timeline (il devrait ressembler à la timeline dans les images ci-dessous).
  2. Cliquez longuement sur l'outil en forme de flèche.
  3. Sélectionnez l'outil 'Repositionner tous les dessins' - cela vous permet de déplacer simultanément toutes les images de votre calque de dessin.
  4. À partir de la position d'origine de votre calque sparkle, faites glisser l'objet vers l'endroit de votre choix.
  5. C'est la nouvelle position de votre couche d'étincelles.
Distributing multiple sparkles all over your animation

7. Comment exporter votre animation

Avec votre animation terminée, vous voulez maintenant exporter votre vidéo.

Allez dans Fichier> Exporter> Film. Sélectionnez Parcourir pour choisir un dossier dans lequel vous souhaitez enregistrer votre sortie.

Assurez-vous que la plage d'images commence à 1 et se termine à 16.

Cliquez sur OK et vous êtes prêt à partir!

Vous aurez un fichier .MOV que vous pourrez convertir au format que vous préférez grâce au logiciel de montage vidéo de votre choix

Exporting your animation on Toon Boom

C'est un enveloppement! Bon travail!

Animer une boucle d’une fille en tournoiement nécessite environ 16 dessins, mais c’est certes un travail difficile! Vous devez connaître les bases de l'anatomie humaine, en particulier l'aspect de la pose de face, de dos, de côté et de tout le reste. Vous devez également comprendre les principes qui sous-tendent un cycle d'ondes en animation pour créer des cheveux fluides.

N'oubliez pas de commencer votre animation, puis d'affiner progressivement les détails au fur et à mesure! Vous ne voulez pas vous fatiguer de concentrer tous vos efforts sur le dessin d'une seule image. En animation, toutes les images sont importantes, il est donc préférable de répartir également vos efforts dans chacune d'elles au moyen d'un processus systématique.

Continuez simplement à vous entraîner, continuez à apprendre et continuez à vous amuser!

Final animation output
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.