Le guide du débutant à Toon Boom

Ce que vous allez créer

Tout le monde a une histoire à raconter et l’animation est l’un des nombreux moyens extraordinaires de le faire. L'animation vous permet de créer des scènes directement à partir de votre imagination! Donc, tout au long de ce tutoriel, nous allons apprendre à créer une scène animée dans Toon Boom..

1. Apprenez à connaître Toon Boom

Étape 1

Créez une nouvelle scène en remplissant les cases suivantes à l'ouverture du programme:

(1) prénom: Nommez votre scène ici.

(2) Emplacement: Indiquez où vous souhaitez enregistrer le fichier de votre scène en cliquant sur Feuilleter…

(3) Taille de la caméra: Vous pouvez sélectionner ici une taille de caméra par défaut ou personnaliser vos paramètres en entrant vos valeurs préférées dans les zones correspondantes. Largeur, Hauteur, Fréquence d'images, et Champ de vision

(4) Créer une scène: Vous pouvez cliquer sur ce bouton une fois que tous les éléments ci-dessus sont définis..

Si vous décidez de modifier vos paramètres après avoir créé votre scène, vous pouvez facilement le faire en cliquant sur Scène> Paramètres de la scène. Ici vous pouvez ajuster votre Résolution et Images par seconde.

Étape 2

Familiarisez-vous avec l'interface.

Voici les parties les plus essentielles que nous utiliserons souvent dans ce tutoriel..

(1) Vue de la caméra: Ceci est la zone de dessin. Notez qu'il y a un rectangle à l'intérieur de l'espace gris. c'est la taille de la caméra et, fondamentalement, la scène où se déroule l'animation. Tout ce qui se trouve en dehors des frontières n'apparaîtra pas dans les sorties rendues.

(2) Chronologie: C’est ici que nous créons et modifions des calques et des images, ainsi que la longueur de l’animation..

(3) Barre d'outils: Tous nos outils essentiels, qui seront listés un à un plus tard, se trouvent ici.

(4) Propriétés de l'outil: C’est là que vous pouvez personnaliser les propriétés et / ou les paramètres de votre outil (le cas échéant)..

(5) Palette de couleurs: C'est ici que vous pouvez créer, sélectionner et modifier les couleurs qui apparaîtront dans votre scène..

Étape 3

Familiarisez-vous avec les outils.

(1) *Sélectionner: Utilisé pour faire pivoter, redimensionner et repositionner tout objet sélectionné dans votre espace de dessin.

(2) *Éditeur de contour: Utilisé pour ajuster Points de vecteur dans vos dessins.

(3) Brosse et (4) Crayon: Utilisé pour dessiner.

(5) Texte: Utilisé pour insérer du texte.

(6) La gomme: Utilisé pour effacer.

(7) *Peindre: Utilisé pour remplir les dessins de couleur.

(8) *Ligne: Utilisé pour faire des lignes.

(9) Compte-gouttes: Permet de localiser une nuance de couleur lorsqu'une couleur d'un dessin est sélectionnée.

(dix) Pivot de dessin: Permet de définir des pivots sur vos objets de dessin.

(11) Morphing: Génère des dessins entre les vecteurs.

(12) *Main: Utilisé pour naviguer dans l'espace de dessin; Cependant, les raccourcis clavier pourraient être plus pratiques que cet outil. Les raccourcis sont les suivants:

  • Main: Appuyez sur la Barre d'espace en cliquant et en faisant glisser.
  • Agrandir: Presse 1.
  • Dézoomer: Presse 2.
  • Vue en rotation: Presse Contrôle-Alt en cliquant et en faisant glisser.

(13) Animer: Activez toujours ceci lorsque vous utilisez le Transformer outil pour animer

(14) Transformer: Utilisé pour créer des animations de base telles que le redimensionnement, le repositionnement et la rotation.

(15) Montrer la peau d'oignon: Activé pour afficher les dessins précédents et suivants lors de l'animation.

Remarque: Outils indiqués avec un (*) avoir un petit triangle sur leur côté inférieur droit, ce qui signifie que plus d'options sont disponibles lorsque vous cliquez longuement.

Maintenant, il est temps d'utiliser ces outils et fonctionnalités pour créer une scène animée!

Dans les prochaines étapes, nous allons apprendre à créer un ciel avec des étoiles scintillantes et des nuages ​​en mouvement.

2. Comment créer le fond

Étape 1

Tout d'abord, nous voulons créer un rectangle. En utilisant le Outil Rectangle, faites glisser votre curseur juste en dehors des bords de la caméra.

Étape 2

Remplis le rectangle. En utilisant le Outil de peinture, cliquez à l'intérieur de la forme.

Étape 3

Sur le Palette de couleurs, Double-cliquez la couleur utilisée pour remplir le rectangle. Dans ce cas, la valeur par défaut Noir a été utilisé.

le Pipette à couleurs Une boîte de dialogue apparaît alors et permet d’éditer les couleurs. Je trouve le Mode roue multiple plus pratique et plus facile à contrôler, alors passez à ce mode en cliquant sur le bouton indiqué.

Étape 4

dans le Couleur multi-roue onglet, sélectionnez Pente au lieu de Solide. En conséquence, un spectre avec deux nœuds apparaît en dessous.

Étape 5

Assurez-vous que le noeud gauche du spectre est sélectionné, puis choisissez une teinte violette dans votre roue chromatique..

Maintenant nous avons un gradient de base!

Étape 6

Nous voulons que le dégradé soit vertical au lieu d’horizontal. Nous pouvons éditer l’orientation en utilisant le Outil Modifier le dégradé / texture, qui peut être trouvé en cliquant longuement sur la Éditeur de contour(symbole de flèche blanche).

En utilisant cet outil, sélectionnez simplement le rectangle et faites pivoter le remplissage de la forme.

Étape 7

Pour revenir à nos dégradés de couleurs, nous souhaitons que la couleur violette passe au jaune orangé..

Sur le Couleur multi-roue onglet, sélectionnez le nœud droit du spectre et sélectionnez la teinte souhaitée dans la roue chromatique..

Étape 8

Ajoutez une autre couleur au spectre en cliquant sur la zone située entre les nœuds existants. Une nouvelle couleur apparaîtra et, une fois sélectionnée, choisissez une teinte rose dans la roue chromatique..

Étape 9

Vous pouvez éditer davantage le dégradé en faisant glisser les nœuds vers la gauche et vers la droite le long du spectre. Maintenant, nous avons un joli dégradé pour servir de fond de ciel!

Étape 10

Quitter le Couleur multi-roue.

Nous pouvons nous organiser davantage en renommant la couche de couleur et de dessin. Simplement Double-cliquez le texte à côté de la couleur du dégradé et renommez-le en Ciel. ensuite Double-cliquez le texte sur la couche de dessin et renommez-le en Sky_gradient.

Étape 11

Sur la timeline, notez que si vous faites glisser le curseur Tête de lecture (la barre rouge) jusqu’à la fin de la scène, le dégradé du ciel disparaît. Ce que nous voulons faire est de sélectionner la dernière image du calque de dessin (dans ce cas, 60), puis appuyez sur F5. Cela étend simplement l'exposition du dessin.

Maintenant que nous avons fini avec le Dégradé de ciel, allons Fermer à clé la couche de sorte que nous ne modifions pas accidentellement que nous passons aux étapes suivantes.

Cliquez simplement sur le symbole qui ressemble à un verrou sur la couche de dessin.

3. Essayez différentes techniques de dessin

Étape 1

Créez une nouvelle couche de dessin en cliquant sur le bouton (+) symbole sur la timeline. Sélectionner Dessin de la liste déroulante.

Dans la boîte de dialogue, nommez la couche Des nuages puis cliquez sur Ajouter et fermer.

Un nouveau calque apparaît sur la timeline.

Remarque: pour supprimer un calque, sélectionnez-le et cliquez sur le bouton (-) symbole.

Étape 2

Il existe différentes façons de créer des dessins sur Toon Boom. Si vous avez une tablette graphique, vous pouvez utiliser le Brosse et Crayon avec facilité.

Testez-les et dessinez des nuages ​​à l'aide du pinceau et du crayon.

Étape 3

Vous pouvez également créer des dessins en utilisant le Polyligne. Cet outil est utile aux non-utilisateurs de tablettes graphiques. C'est semblable à laOutil Plume dans Adobe Photoshop ou Illustrator.

Pour l'utiliser, il suffit de cliquer sur un point dans l'espace de dessin et de le faire glisser pour influencer la courbe.. Cliquez sur encore sur un autre point, puis Traîne. Sans relâcher le point, Alt-Traîne afin de changer la direction de la courbe suivante.

Répéter: Cliquez, faites glisser, maintenez la touche Alt enfoncée jusqu'à ce que vous vouliez fermer votre dessin. Pour ce faire, cliquez sur le point suivant sur le point de départ.

Étape 4

Une autre façon de créer des dessins consiste à utiliser le Outils de forme et leCoupeur.

En utilisant le Ellipse et Ligne, créer une forme générale de nuage. Long-cliquez sur le Sélectionner outil (symbole de flèche noire) pour trouver et sélectionner le Coupeur.

Sous le Propriétés de l'outil sur la droite, assurez-vous de sélectionner Rond pour le Style de pointe. Faites glisser le Coupeur sur les lignes que vous voulez vous débarrasser.

Étape 5

Comparons chaque méthode de dessin et voyons celle que vous préférez!

Le premier nuage, créé en utilisant le Brosse outil, convient aux utilisateurs de tablettes graphiques. Ses traits sont composés de points vectoriels des deux côtés, ce qui le rend difficile à modifier avec le Éditeur de contour. Je trouve ça génial pour créer des esquisses et des animations.

Le deuxième nuage, créé avec le Crayon, convient également aux utilisateurs de tablettes graphiques. Mais contrairement à Brosse coups, Crayon les traits sont constitués d’un seul chemin de points vectoriels, ce qui les rend plus faciles à modifier avec le Éditeur de contour.

Je le trouve super pour créer des dessins au trait épuré.


Le troisième nuage, créé avec le Polyligne, vous donne un contrôle total sur le nombre de points vectoriels que vous voulez sur votre dessin.

Je le trouve super pour créer des dessins au trait épuré, et il est utile pour les personnes qui n'utilisent pas de tablettes graphiques.

Le quatrième nuage, créé avec outils de forme et Coupeur, est également bon pour les non-utilisateurs de tablettes graphiques.

Ce n’est pas si facile à modifier avec le Éditeur de contour, mais cette méthode est idéale pour créer des dessins géométriques.

4. Comment animer avec l'outil de transformation

Étape 1

Tout d'abord, créons le dessin que nous animerons.

Sélectionnez la couleur blanche par défaut dans votre palette et dessinez un nuage à l'aide de la Crayon ou votre outil préféré. Remplissez-le avec le Peindre outil.

Sélectionner le nuage dessin, puis Copie et Coller et les repositionner côte à côte. Une fois que vous avez trois copies équidistantes du nuage, sélectionnez-les toutes et placez-les dans l'espace de la caméra de manière à ce que tout le fond soit rempli du dessin..

Étape 2

Nous voulons prolonger l'exposition du dessin en allant au cadre 60 sur le Des nuages couche et en appuyant F5.

Puis définissez les images clés sur le cadre 1 et 2 en appuyant F6 alors que ces cadres sont sélectionnés.

  • F6 crée des images clés.
  • F7 supprime les images clés.

Étape 3

Activer le Peau d'oignon en cliquant sur le bouton le plus bas de la barre d’outils à gauche. Cela vous permet de voir les images précédente et suivante de votre animation..

Étape 4

L'aspect actuel de la vue de la caméra est fondamentalement à quoi ressemble notre première image clé. C'est la deuxième image clé que nous allons modifier.

Maintenant, assurez-vous que sur la timeline, le Tête de lecture est sur le cadre 2 où se trouve la deuxième image clé.

Sélectionnez le Transformer outil, qui est juste au-dessus de la Peau d'oignon bouton. Les dessins sur le Des nuages couche devenir surlignée en rose.

Étape 5

Repérez le centre de la sélection, qui est le petit carré jaune, puis cliquez et faites glisser vers la droite. Assurez-vous d'appuyer sur Décalage de sorte que le dessin ne se déplace que horizontalement.

Lorsque vous déplacez le dessin vers la droite, vous remarquerez une version rouge du nuage située derrière. C'est une vue de la position précédente du dessin, ou nuage 1 indiqué dans l'image ci-dessous.

Sur le cadre actuel, nous voulons placer le nuage 2 très proche de la position du nuage 1 dans le cadre précédent, sans toutefois le recouvrir complètement. Nous voulons mettre juste quelques coups de pouce à la gauche du dessin précédent.

Étape 6

Regardez la chronologie.

Sur le Nuage couche, faites glisser la deuxième image clé de l'image 2 encadrer 60. Cela crée Entre-deux entre les première et deuxième images clés.

Entre-deux sont comme des images de transition; ils contribuent à créer l'illusion que la première image clé se transforme progressivement en image clé suivante.

Plus Entre-deux ralentissez la transition, et donc l'animation plus lentement. Moins Entre-deux rendre l'animation plus rapide.

Étape 7

Nous pouvons maintenant avoir un aperçu de l’animation obtenue..

Activer le Masque de caméra pour bloquer les parties qui doivent être cachées. Il s’agit du symbole rectangle / du troisième bouton du petit panneau situé entre l’espace de la caméra et la timeline.

Activer le Boucle bouton, et cliquez Jouer. Ceux-ci sont situés juste au-dessus du panneau des calques.

En conséquence, nous obtenons une animation en boucle transparente de nuages ​​panoramiques.

En plus d’animer un panoramique simple, vous pouvez également utiliser la Transformer outil permettant de faire pivoter, redimensionner, redimensionner, écraser et étirer un objet.

5. Comment animer image par image

Étape 1

Désactiver le Nuage couche en cliquant sur le symbole qui ressemble à des yeux de dessin animé. Cela supprime temporairement les dessins dans le nuage.

Créez un nouveau calque et nommez-le Étoile.

Étape 2

Dans l'animation image par image, nous dessinons une image après l'autre afin de la faire bouger..

Les clés importantes à retenir sont F et g.

  • F est utilisé pour aller à l'image précédente.
  • g est utilisé pour aller à l'image suivante.

Pour animer une étoile scintillante, utilisez un crayon (ou votre outil préféré) pour dessiner un petit diamant sur la première image de la couche d'étoile..

Pour les images suivantes, dessinez le diamant en croissance jusqu'à ce qu'il se brise et disparaisse.

Étape 3

Nous voulons que l'animation joue sur deux, ce qui signifie que nous voulons que les dessins aient une exposition de deux cadres chacun.

En plus de cliquer-glisser ou d'appuyer F5, nous pouvons étendre l'exposition du cadre en appuyant sur Décalage-+.

Aller à la couche étoile et appuyez sur Décalage-+ une fois sur chaque image.

Étape 4

Modifions la position et la rotation de l'animation.

Long-cliquez sur le Sélectionner outil (symbole de flèche noire) et cliquez sur Repositionner tous les dessins.

Faites glisser et faites pivoter le dessin à la position souhaitée. Cette modification est automatiquement appliquée à tous les dessins du calque sélectionné..


Maintenant, nous avons une animation image par image d'une étoile!

6. Comment compléter votre scène

Étape 1

Nous avons maintenant un fond, des nuages ​​animés et une étoile animée. Il ne reste plus qu’à remplir le ciel d’étoiles et à compléter la scène!

Pour créer une copie de l’animation en étoile, cliquez avec le bouton droit sur la souris. Étoile couche et cliquez Dupliquer les couches sélectionnées.

Utilisez le Repositionner tous les dessins outil pour repositionner, redimensionner et faire pivoter l’étoile dupliquée, qui est la Star_1 couche.

Sur la timeline, faites glisser les cadres de Star_1 vers la droite, uniquement pour créer une variété de timing..

Étape 2

Maintenant, nous voulons remplir la scène avec des variations de l'animation de la star et l'étendre sur toute la durée de la scène..

Créez davantage de doublons, repositionnez les dessins, faites glisser des images et copiez / collez des images sur différentes zones du montage..

Étape 3

Activer la visibilité du Des nuages couche en cliquant à nouveau sur le symbole yeux de dessin animé.

Plus tôt dans l'animation des nuages, je pensais que les nuages ​​se déplaçaient trop vite. Pour remédier à cela, augmentez la longueur de la scène en faisant glisser le crochet rouge sur la timeline à partir de l'image. 60 à 120.

Sélectionnez les dernières images du Des nuages et Sky_gradient couches, et appuyez sur F5 étendre l'exposition.

Sur le Des nuages couche, faites glisser la dernière image clé de l'image 60 encadrer 120. Cela augmente la Entre-deux et donc ralentit l'animation.

Étape 4

Copier et coller les animations d'étoiles.

Sélectionnez toutes les animations d'étoiles en cliquant sur le bouton cadre 1 sur le Étoile couche, en appuyant Décalage, puis en cliquant sur le cadre 60 sur Star_1 couche.

Copier les cadreset coller sur le cadre 61 du Étoile couche.

Étape 5

Nous voulons que les nuages ​​soient au premier plan. Alors, dans le panneau des couches, faites glisser la couche de nuages ​​vers le haut de toutes les autres couches..

7. Comment exporter votre animation

Lorsque vous êtes satisfait de l'animation, vous pouvez exporter.

Aller à Fichier> Exporter> Film…  Cliquez sur Feuilleter… nommer votre fichier de sortie et sélectionner l’emplacement de votre fichier. dans le Gamme d'exportation, vous pouvez choisir de choisir tout ou spécifiez les images que vous souhaitez exporter. Cliquez sur D'accord.

Attendez que votre film soit exporté, et le tour est joué! Vous avez maintenant un fichier .mov de votre scène animée, que vous pouvez convertir en d'autres formats vidéo en utilisant un logiciel de montage vidéo tel que Adobe Premiere Pro.

Bonne animation!

Alors que Toon Boom a encore de nombreux outils et fonctionnalités avancés à explorer, commencer avec les techniques les plus basiques peut toujours vous apporter des résultats spectaculaires..

Votre programme et votre matériel ne peuvent vous amener que jusque-là à créer un art de qualité. Le reste dépend de vous et de votre créativité.!

J'espère que vous avez beaucoup appris et que vous avez du plaisir à animer!


Vous cherchez plus de tutoriels Toon Boom? Pourquoi ne pas essayer ces: