Comment animer une fille tournoyante dans le boom de Toon

Ce que vous allez créer

Dans ce didacticiel, nous allons décrire l'animation d'un personnage qui tourne en utilisant 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 autre programme..

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..

Aller au Scène onglet sur le programme, et sélectionnez Paramètres de la scène.

Pour cette animation, nous voulons ces spécifications:

  • Résolution: 1080x1080 (vous pouvez ajuster ceci si vous aimez!)
  • Cadres par secondes: 12

Étape 2

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

  1. Espace de dessin (Vue de la caméra).
  2. Chronologie: nous allons insérer nos cadres de dessin ici.
  3. Brosse: pour dessiner.
  4. Crayon: pour dessiner.
  5. La gommepour effacer.
  6. Seau de peinture: à colorier.
  7. Peau d'oignon: utilisez-le pour rendre visibles les dessins précédents et suivants.
  8. le nombre en bas à droite de l'écran: nous indique quelle image de la timeline est sélectionnée.
  9. Le '+'sign: sélectionnez ceci pour ajouter des couches sur notre timeline.
  10. Le '-'sign: utilisez-le pour supprimer des calques.
  11. Jouer bouton: joue l'animation.

2. Comment dessiner l'animation de base

Étape 1

Premièrement, nous souhaitons 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 très simples et des traits tout en esquissant le cadre de notre personnage.

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

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

Étape 2

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

Donc, sur notre chronologie:

  1. Esquisser la vue de face sur le cadre 1.
  2. Étendez le dessin en sélectionnant le cadre 17 et en appuyant sur F5.
  3. Supprimer les dessins sur les cadres 9-16.
  4. Esquisser la vue arrière sur le cadre 9.
  5. Supprimer les dessins sur les images 5-8.
  6. Esquisser la vue de gauche sur le cadre 5.
  7. Supprimer les dessins sur les cadres 13-16.
  8. Esquisser la vue de droite sur le cadre 13.
  9. Supprimer 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: activer le Outil Peau D'Oignon afin que vous puissiez voir les images précédentes et suivantes pendant le dessin!

É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 à trois quarts.

Tout d’abord, activez la pelure d’oignon pour que vous puissiez voir les images précédentes (1) et suivantes (2)..

Estimez le milieu du sentier et tracez la pose en fonction de vos sensations intestinales..

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

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

Étape 4

Vous voulez insérer un IBentre le reste de la clé pose jusqu'à ce que vous avez un total de huit dessins!

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

Sur votre plan de montage, 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: nouveau vue de face

É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!

3. Comment nettoyer votre animation

Dans cette partie, nous allons polir 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éer un nouveau calque pour notre animation nettoyée.
  2. Sur le cadre 1, dessinez le regard 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. Étendez 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 et la vue de face comme références.
  6. Supprimer les dessins sur les images 5-8.
  7. Sur le cadre 5, dessinez la vue de gauche.
  8. Supprimer les dessins des 13-16.
  9. Sur le cadre 13, dessinez la vue latérale droite.
  10. Insérer des IB dans toutes les images restantes impaires (3, 7, 11, 15).
  11. Insérer des IB dans toutes les images paires (2, 4, 6, 8, 10, 12, 14, 16).

Approfondissons un peu les détails des étapes!

Étape 1

Donc, la première chose que vous voulez faire est finalisez 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 croquis 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 que vous devriez donner la priorité sont les poses finales! C'est tout à fait bien si votre dessin fait ne pas suivez les durs très bien.

Étape 2

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

Commençons par dessiner l’IB entre le Vue de face et 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 à cacher les dessins de temps en temps.

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

É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.

Étape 4

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

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

4. Comment animer les cheveux

Étape 1

Dans cette étape, nous étudierons le concept derrière un cycle des vagues en animation! Ceci est important pour obtenir le look fluide et lisse que nous voulons pour les cheveux.

Voici un exercice de base pour créer 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 deuxième 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

Étape 2

S'entraîner à faire 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.
  • Faire 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!)

Étape 3

Étudiez ce prochain échantillon d'un cycle de vagues 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..

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 de la vague avec des billes imaginaires poussant le brin de chaque côté 
  2. le cycle de la vague avec des entrants intermédiaires

É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é la structure de base..

Remarque: Les cheveux de cette animation sont réalisés sur un calque de dessin séparé sur notre timeline.

5. Comment ajouter de la couleur à l'animation

Maintenant, c'est la partie la plus facile du processus!

Étape 1

L’animation est terminée, il vous suffit donc de combler toutes les lacunes de vos dessins à l’aide de votre crayon ou de votre pinceau et d’effacer les détails.

Puis utilisez le Seau de peinture et colorier!

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

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

  1. Couleur languette.
  2. Sélectionnez le '+'signe pour ajouter une nouvelle couleur.
  3. Double-cliquez sur la couleurpour le modifier.
  4. Multi-roue Couleur: ceci apparaît après un double clic sur la couleur. Utilisez ceci pour ajuster votre teinte, votre saturation et votre valeur.

É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.

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à.

6. Comment animer les étincelles

Étape 1

L'animation des étincelles est facile. Vous avez seulement besoin de six dessins pour cette.

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

Observez la figure ci-dessous pour mieux comprendre!

Étape 2

En utilisant le Seau de peinture, coloriez l'éclat comme bon vous semble!

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. Dupliquer / copier et coller couche d'étincelles et réarrangez les images sur la timeline (elle devrait ressembler à la timeline dans les images ci-dessous).
  2. Long-cliquez sur le Outil en forme de flèche.
  3. Sélectionnez le "Repositionner tous les dessins"outil-cela vous permet de déplacer simultanément toutes les images de votre couche 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.

7. Comment exporter votre animation

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

Aller à Fichier> Exporter> Film. Sélectionner Feuilleter sélectionner un dossier dans lequel vous souhaitez enregistrer votre sortie.

Assurez-vous que la plage de cadre commence à 1 et se termine à 16.

Cliquez sur D'accord et vous êtes prêt à partir!

Vous aurez un fichier .MOV que vous pourrez convertir au format de votre choix à l'aide du logiciel de montage vidéo de votre choix..

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 d'une 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 sur chacune d'elles au moyen d'un processus systématique..

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