Animation 101 : Apprendre les bases de Toonboom Harmony

1. Introduit !: Hé, je suis Diane Chair. Je suis animateur travaillant dans l'industrie de l'animation. Je suis de Toronto, au Canada. Je suis actuellement basé à Kelowna, en Colombie-Britannique. J' ai eu la chance d'aller au Sheridan College , une école connue pour son programme d'animation. C' est un programme d'animation de baccalauréat de quatre ans. J' y suis allé, j'ai fait les quatre années, j'ai été embauché dès l'école, commencé à travailler à Vancouver, et maintenant je suis ici à Kelowna. Je suis ici pour vous apprendre le ballon rebondissant, qui est l'un des exercices les plus importants que les animateurs apprennent d'abord quand ils commencent. C' est important parce qu'il vous enseigne le timing et l'espacement, squash et l'étirement, et surtout les arcs. Ceux-ci sont cruciaux parce que ces principes sont essentiellement dans tout ce qui est animé. Il apporte la vie d'animation, donc il va certainement aider votre balle rebondissante à prendre vie. Commençons. 2. Timing et espacement: Hé les gars. J'ai créé une petite leçon pour vous sur le timing et l'espacement. Le timing et l'espacement sont les deux principes les plus importants de l'animation. Les gens pensent toujours qu'ils sont assez semblables ou identiques, mais ce n'est vraiment pas le cas. Ils sont totalement différents. Le timing est la vitesse à laquelle quelque chose passe du point A au point B, tandis que l'espacement est la distance entre chaque dessin. Ce que je ressens donne du caractère à tout ce que vous animez. Je vais vous montrer ce cercle à gauche. Celui-ci, il va 12 images en dessous de 12 images, donc il y a 24 images. Ça va assez lentement, l'espacement est très égal comme vous pouvez le voir ici. Assez uniforme, assez mécanique, assez ennuyeux. Le second ici, celui qui va aussi à la même vitesse mais son espacement est très différent. Celui-ci ressemble à un yo-yo. Ça va vite ralentir, puis ralentir vite. Celui-ci a beaucoup plus de caractère que celui de gauche, ce qui est un peu plus excitant à regarder. Je vais vous montrer à quoi ressemble l'espace dessus. C' est à ça que ça ressemble. Très différent. Quant à la troisième, celle-ci ressemble à une boule rebondissante. Son espacement est très différent des deux autres, et il a aussi du caractère. Le milieu et celui de droite, ceux-ci ont beaucoup plus de caractère que celui de gauche et ils sont beaucoup plus attrayants à regarder. C' est ce qu'est le timing et l'espacement. 3. Configuration : La balle rebondissante: Hé, les gars. Ici Diane. Je suis ici pour t'apprendre à animer la balle rebondissante dans une nouvelle harmonie. Une fois que vous l'ouvrirez, vous aurez cette fenêtre ici et nous allons vouloir l'étiqueter comme ballon rebondissant. Ensuite, pour l'emplacement, vous pouvez l'enregistrer où vous voulez, puis appuyez sur « Créer une scène ». Lorsque vous ouvrez une propriété pour la première fois, vous voudrez faire quelques choses avant de commencer. Vous allez vouloir vous diriger vers Modifier, vers Préférences. Généralement, lorsque vous ouvrez l'harmonie pour la première fois, ces deux sont généralement désactivés ; focalisez ces deux sont généralement désactivés ; focalisezsur l'entrée de la souris et les raccourcis zooms sur la souris. Vous allez vouloir les vérifier, vous rendre la vie plus facile. On y va. Quelques notions de base pour quand il s'agit d'animer en harmonie, vous allez vouloir connaître quelques raccourcis clavier pour zoomer si vous appuyez « Deux », vous allez zoomer et appuyer sur « Un » vous allez zoomer. Ce sera assez pratique pour quand vous obtenez animation. Pour faire démarrer cette balle rebondissante, nous allons d'abord avoir besoin d'un avion au sol, juste pour mettre la balle au sol. Vous pouvez utiliser l'outil crayon ou vous pouvez utiliser l'outil de ligne caché à l'intérieur de ce petit rectangle ici. Vous maintenez enfoncé, regardez l'outil de ligne. On va faire une ligne d'horizon. Ça a l'air bien. C' est ça. Vous allez descendre à la ligne de temps juste en bas de votre fenêtre et nous allons l'étendre, envoyer l'exposition à l'image, peut-être 50. Ça devrait être bon. Sinon, il serait juste laissé sur un cadre. Maintenant, j'ai l'avion au sol. On va verrouiller ça, pour qu'il ne bouge pas quand on s'anime. En outre, nous allons l'étiqueter comme avion au sol. Nous allons créer un autre calque de dessin qui va survoler l'animation. Si vous descendez à ce petit signe plus, puis dans votre chronologie, maintenez-le enfoncé, puis appuyez sur « Dessin » et l'étiquettez-le comme chemin d'action. Ajouter à Fermer. Vous allez faire un chemin d'action, qui ressemble exactement à quoi ça ressemble. Ce sera le chemin ou l'endroit où l'animation va aller. Il aide à garder votre animation alignée et propre. C' est à quoi ça va ressembler pour la balle rebondissante, sera assez simple. C' est à quoi ressemblera le chemin des actions. La balle va suivre chaque ligne ici et c'est son chemin d'action. Nous allons l'étendre jusqu'à la fin de la chronologie. Là, nous l'avons avec nous tout au long de l'animation et nous allons le verrouiller aussi. Si vous descendez à la chronologie avec il va verrouiller, est-il là, il suffit de cliquer dessus. Il sera verrouillé. Maintenant, nous allons ajouter un autre calque, qui sera notre calque d'animation. Allez au signe plus, puis maintenez enfoncé et passez au séchage. On va l'étiqueter comme animation. 4. Balle rebondissement : Partie 1 des 3: On va commencer par notre première image d'animation. Pour cet exercice, je vais utiliser l'outil Ellipse juste pour gagner du temps. Si vous avez une tablette ou un tomodensitométrie comme ce que j'utilise, vous pouvez utiliser l'outil crayon pour dessiner sur les cercles. Mais pour cet exercice, je vais utiliser l'outil Ellipse. Le premier dessin ira juste là. On a notre premier dessin ici. Nous allons créer le prochain dessin. Bon, donc le prochain dessin, je vais copier et coller le cercle de la dernière image. Alors je vais le coller. Quand il vient en animation, disons une balle en haut de chaque arc, appelez-le le temps de suspension. C' est alors que tous les dessins sont les plus proches ensemble et qu'il semble qu'ils vont être plus lents car plus les dessins sont égaux à plus l'animation est lente, alors que moins les dessins sont égaux à plus l'animation est rapide. C' est la deuxième image. Je vais copier ça. Coller et Control V. Super, donc en ce moment c'est exactement au même endroit qu'avant. Pour celui-là, je vais le bouger un peu. Il sort du temps d'accrochage, ce qui signifie que les dessins seront légèrement espacés plus loin. On dirait que ça accélère. Je vais faire la même chose, le copier et le coller. Nous allons étendre l'exposition de ce dessin d'un cadre sur donc c'est sur deux cadres. Pour étendre l'exposition sur la chronologie, si vous allez à l'espace devant l'image et appuyez sur F5, cela va l'étendre. Oups. On y va. Mais on n'en a pas besoin à trois. Nous allons supprimer ça. Bon, donc voilà notre ballon. Je vais le déplacer parce qu'au même endroit est le dernier dessin. Ce que j'aime faire quand j'anime, j'aime scruter la chronologie pour voir comment les choses bougent. C'est bon de le faire. Vous pouvez voir si quelque chose bouge, comment vous le souhaitez. Définissez le premier arc. Ça va bouger assez vite. Maintenant, il va commencer à accélérer et une fois qu'il accélère, il va commencer à changer de forme. Ça va commencer à s'étirer. Nous allons copier ceci, le coller, et le déplacer un peu plus vers le bas. Comme je l'ai dit, ça va commencer à changer de forme. Ce que je fais en ce moment, je maintiens Contrôle et ALT enfoncés et cela me permet de faire pivoter l'écran un peu. Je vais la faire tourner pour que je puisse avoir un bon étirement sur cette balle. Si je voulais vous dire, revenez à ce que l'écran était avant, si je frappe cette petite croix de cheveux ici avec la flèche allant dans le sens inverse des aiguilles d'une montre. Il rétablira l'écran à ce qu'il est normalement. Voici cette fonctionnalité appelée peau d'oignon en harmonie et il est situé juste ici. On y va. Sur la chronologie, vous pouvez étendre la quantité que vous voulez voir. C' est à ça que ça ressemble en ce moment. Ça a l'air bien. Nous allons copier celui-ci et le coller sur le cadre suivant et l'étendre. On y va. Maintenant, nous allons le déplacer un peu plus loin depuis qu'il accélère, F8. Envoyez l'exposition et nous allons copier à nouveau. J' aime faire toute la copie et coller la dernière ligne parce que cela m'aide à voir où était le dernier dessin. Parce que lorsque vous le collez, il va coller exactement au même endroit que dans la dernière image. C' est ce que j'aime faire. Certaines personnes le feraient différemment, mais c'est comme ça que j'aime le faire. D' accord, comme ça va plus vite, tu vas l'étirer un peu plus. Maintenant ce petit cercle qui est au milieu ici, si vous le déplacez vers une certaine partie de l'endroit où se trouve le dessin qui n'a pas été sélectionné, c'est fondamentalement comme une ancre. Je vais l'ancrer juste là et ensuite tirer vers le bas. Ensuite, vous pouvez obtenir un joli étirement spécifique dessus. Aussi, vous pouvez incliner aussi si vous venez juste des lignes de la place. Tout dans l'animation se déplace dans les arcs pour la plupart. Bouncing ball va évidemment dans un arc, qui est notre chemin d'action. Il y a trois arcs ici et il y a quelques exceptions aux arcs, mais pour l'instant, tout se déplace en arcs. Super. C'est là que se trouvait le dernier dessin. On va le déplacer vers le bas et on va le faire tourner. Ça va être juste toucher où ça va squash et où on s'étend. Nous allons créer le dessin de squash. dessin de squash est le dessin qui montre où il a eu un impact sur le sol. Dans le dernier dessin, ça n'a pas eu d'impact. C' est juste avant que ça arrive. Ce dessin va montrer à quoi il ressemble quand il impact sur le sol et que vous devez l'écraser. Les 12 principes de l'animation sont squash et stretch. C' est essentiellement de quoi, cette leçon est à propos. Squash et stretch sont tous les deux très importants parce que c'est ce qui donne à l'animation son plaisir et c'est ce qui rend l'animation plus attrayante et plus amusante parce que ce à quoi ça ressemble en ce moment. J' aime frotter la chronologie pour m'assurer que tous les volumes sont peu près identiques parce que vous ne voulez pas qu'elle grandisse ou rétrécit en taille, surtout après l'avoir étiré ou écrasé. C' est vraiment facile de perdre son volume. C' est bon de s'assurer que tout est à l'échelle. 5. Bune de rebondissement : Partie 2 de 3: On va passer au prochain dessin. Ce dessin est très crucial parce qu'après avoir touché le sol, il va s'étirer, mais il va aussi lui donner plus de vie. Ce dessin, il est toujours bon de placer la balle rebondissante après impact juste un peu hors du sol parce qu'elle était juste hors du sol, cela rendrait l'animation statique, alors que si elle est juste là, elle lui donne plus de vie. Ça a l'air bien. Comme il sort du rebond, il va bientôt s'approcher de son temps de suspension car après le premier rebond, il va perdre de la vitesse. Donc, sur cet arc, ça va aller un peu plus lentement que le premier arc ici. Ce que cela signifie, c'est que les dessins doivent être placés près, plus près qu'ils ne l'étaient dans l'arc autour d'ici. Une fois que la balle atteint son temps d'accrochage, qui est le pic de son arc, elle va revenir à son état d'origine. En ce moment, ce dessin est en train de passer à ce que ce serait si c'était ici. Ça va ressembler à ça. C' est à ça que ça devrait ressembler. Ce n'est pas tout à fait un cercle parfait, mais il y arrive. On va le déplacer, mais pas trop loin, et pas trop près. Cela a l'air génial maintenant et comme vous pouvez le voir, tout suit le chemin de l'action. Le prochain dessin sera probablement placé juste ici. Une autre façon de frotter la timeline au lieu d' utiliser votre souris et de la faire glisser le long de la timeline, vous pouvez utiliser les touches, pas les touches fléchées, mais les touches supérieures et inférieures sur le clavier à côté de la question Mark et le M. De cette façon, si vous essayez de regarder un mouvement entre deux cadres, il est plus facile de retourner entre eux pour s'assurer que tout va bien. C' est presque comme la version moderne des papiers à retourner. Quand l'animation était encore sur papier, ils devaient basculer entre différents papiers, qui étaient fondamentalement juste des cadres. Tu as l'habitude de retourner ce qui est une bonne chose. Il aide à former votre œil pour suivre le mouvement opposé à simplement compter sur la peau d'Onionskin. Je veux dire, les deux sont super, mais parfois c'est agréable de voir des choses sans les dessins précédents et les dessins suivants. Quoi qu'il en soit, sur le prochain dessin. Nous allons copier ça et le coller et le mettre sur, il devrait y avoir du bon. Il va à une vitesse constante au sommet de l'arc, qui est ce que vous voulez. Ça a l'air très droit. Comme il sort du temps d'accrochage, il va commencer à aller un peu plus vite et nous allons le copier, et comme il sort du temps d'accrochage et va plus vite, nous devons l'étirer un peu et il va être espacé un peu plus loin loin que les derniers dessins étaient juste pour montrer que ça va plus vite. Comme il ne va pas aussi vite que sur le premier arc, il ne va pas être étiré autant qu'il sortait du premier arc. Comme vous pouvez le voir, il est assez tendu et écrasé là, mais pour ici, il n'a pas besoin d'être autant parce que ça ne va pas aussi vite. On va le copier et le coller. Pour ce dessin, il va être espacé un peu plus loin que le dernier et il va être étiré à un peu, et quand vous l'étirez et assurez-vous qu'il suit le dessin d'avant, dans la même direction. C' est bon de l'incliner un peu, tu ne veux pas l'avoir biaisée comme ça parce que ça va sortir de l'arc. C' est bon de l'aligner. Voir le chemin de l'action, faire un aller droit au milieu, et c'est une bonne façon suivre et de s'assurer que tout se déplace dans de beaux arcs. Ce sera comme le dernier dessin de squash, mais ce ne sera pas aussi écrasé. Maintenant, jouons-le et voyons à quoi ça ressemble. En fait, ça a l'air plutôt bien. Maintenant, passons à la suivante. Déplaçons ça là. C' est la fin de la chronologie à l'image 50. Le suivant, il sortira du dessin de courge. 6. Bune de rebondissement : Partie 3 des 3 éléments de 3: Donc, nous allons le biaiser dans la direction qu'il va aller et ensuite le soulever un peu au-dessus du sol. On y va. D'accord. En fait, ça a l'air un peu petit à sortir. Donc on va augmenter la taille. Donc, nous maintenons la touche Maj enfoncée et allons au coin de la boîte de délimitation ici et juste le rendre un peu plus grand. Oui, on y va. C'est plus comme ça. D' accord. Donc presque fini. Maintenant, nous devons faire le prochain dessin. Donc on va accrocher le temps. Pour ce dessin, puisqu'il vient de rebondir du sol, ça va devenir fastiche. C' est comme des essais et des erreurs. Vous devez le frotter quelques fois pour vous assurer qu'il a l' air bien en termes d'espacement, et ceci. En fait, je vais le faire tourner un peu. Aussi, je vais changer la forme de celui-ci parce que c'est exactement la même que le dernier dessin et il doit changer de forme. Chaque dessin doit être légèrement différent. Sauf si vous êtes dans le temps de suspension, alors ce sera fondamentalement le même, mais en entrant, il y a beaucoup de changement. Donc oui, si ça ressemble exactement à la même chose, ça va regarder dehors. Ça va avoir l'air statique. Même si ça bouge, ça va paraître étrange. D' accord. Ça a l'air plutôt bien. D' accord. En fait, on a presque fini. On a besoin de trois dessins de plus, et on a fini. Donc, comme il est presque au sommet de son arc, il va revenir à sa taille et sa forme normales. D' accord. Donc ça devrait être ça. En fait, je vais étendre la chronologie de quelques images puisque le dernier dessin passe à mi-chemin. Donc, vous pouvez voir que c'est bon d'avoir un peu d'espace. Pas d'espace, mais il est bon d'avoir une pause et il résout le dessin de l'animation montrant qu'elle n'a pas quitté l'écran. Donc on va faire une pièce et voir. Même si vous l'étendez deux autres images, donc c'est à quatre images, et nous étendons réellement le plan de sol parce que vous en avez besoin comme ça. Donc c'est la balle qui rebondit. 7. Comment exporter votre animation: Hé ! J'ai une dernière vidéo pour vous. Pour exporter votre animation, vous aurez besoin d'un arrière-plan. Actuellement, il n'a pas d'arrière-plan. Si vous deviez exporter cette animation, elle serait tout simplement noire. Vous allez vouloir aller au petit signe plus ici et maintenez-le enfoncé et appuyez sur « Carte couleur ». Maintenant, vous avez un fond blanc. Mais si vous voulez changer la couleur, vous allez vouloir aller dans votre vue de nœud. Si ce n'est pas ouvert, s'il ressemble à ça, appuyez simplement sur la petite flèche sur le côté droit de l'écran. Vous allez vouloir frapper ce petit carré jaune où il indique la couleur actuelle sur le nœud de la carte de couleur. Pour changer la couleur, appuyez deux fois sur le long rectangle blanc. Vous avez toutes les couleurs que vous pouvez choisir. Si ça ne ressemble pas à ça, ça ressemblera à ça quand vous l'ouvrirez pour la première fois. Pour obtenir les autres couleurs, appuyez sur « Multiple Wheel Mode », là vous allez. Maintenant, nous allons aller à Fichier, à Exporter vers Film, puis, dans le menu déroulant supérieur où il est dit QuickTime film, vous allez vouloir frapper « H.264 », puis pour le « Fichier de sortie », enregistrez-le là où vous besoin de. On va frapper « Okay ». 8. Conclusion !: Donc, merci d'avoir regardé, et assurez-vous de télécharger votre animation de balle rebondissante dans la galerie des étudiants et j'espère que vous avez apprécié cette classe. Restez à l'écoute pour la prochaine leçon.