Les bases d'Adobe Animate : les bases de l'animation 2D

1. Introduction: Si l'animation vous intéresse que vous souhaitez réaliser des courts métrages dès le départ, Adobe Animate est un bon point de départ. m'appelle Toniko Pantoja et je suis une artiste à plein temps dans l'industrie de l'animation travaille en tant que scénariste , animatrice et conceptrice de personnages. J'ai travaillé sur des films comme How to Train your Dragon 3, The Croods 2. J'ai fait un bref passage avec Kipo and the Age Of the Wonderbeasts. Je travaille actuellement chez Amazon avec Invincible. L'animation est très puissante car de nos jours, vous pouvez réaliser un film entier vous-même avec un ordinateur, une souris ou même une tablette à dessin. Il n'est pas nécessaire d' avoir toute une équipe pour réaliser un seul film. Le cours d'aujourd'hui porte sur l'apprentissage d'Adobe Animate et sur la manière d'animer des éléments de base avec celui-ci. Dans ce cours, nous allons passer en revue le programme lui-même et son interface utilisateur. Ensuite, nous allons animer une balle rebondissante. Ensuite, nous allons aborder bases de l'image par image, en utilisant l' animation des personnages comme exemple. À la fin de ce cours, vous aurez acquis une connaissance de base d'Adobe Animate, mais suffisamment pour réaliser quelques courts métrages ou même une pièce d'animation. Si vous êtes prêt à vous lancer dans l'animation, allons-y. 2. Pour commencer: Bonjour, c'est Nico. Merci beaucoup d' avoir suivi ce cours. Je vais enseigner comment animer sur Adobe Animate. Enseigner Adobe Animate me donne l' impression de boucler la boucle, car c'est un programme que j'ai utilisé quand j'étais adolescent. Maintenant, je vais y revenir et refléter en tant que personne dans le secteur . Je Adobe Animate car sans Flash ou Adobe Animate, je ne l'aurais pas fait entrer dans le secteur. Je n'aurais jamais su quel était le secteur ni ce qu'était l'animation, et je l'utilise encore aujourd'hui parce que c'est assez facile d'accès et que le système de bibliothèques d' Adobe Animate est très bon, car il est facile d' enregistrer et de réutiliser des dessins quand vous en Adobe Animate est très bon, car il est facile d' enregistrer et de avez besoin. Disons que j'ai un battement de bouche ou un effet de feu, ou peut-être même un dessin que je souhaite réutiliser, je n'ai pas besoin de le redessiner et de le refaire, je peux simplement le récupérer de la bibliothèque et le remettre dans mon animation principale. Mais bon, ne vous inquiétez pas pour cette bibliothèque pour l'instant. Je vais suivre cette procédure étape par étape et nous y arriverons. Je pense qu'être capable d'animer et de faire bouger les choses est essentiel lorsqu'il s'agit de motion design, d'animation ou même de narration. Ce dont vous aurez certainement besoin, c'est d'un ordinateur. Vous n'avez pas besoin d'un ordinateur très puissant. Tout va bien tant qu' il peut exécuter Adobe Animate. Ici, j'utilise une tablette tactile. Il s'agit d'une marque professionnelle appelée Wacom. s'agit d'un 16 HD synthétique, mais il existe d'autres marques moins chères, comme les stylos Huion ou XP, qui comme les stylos Huion ou XP, sont beaucoup plus abordables. Vous pouvez même utiliser une tablette graphique sans écran, c'est juste un pad qui fait office de clé USB, mais quand j'ai commencé, je n'utilisais qu'une mais quand j'ai commencé, je souris. Vous pouvez également commencer par cela. Si vous n'êtes pas encore prêt à investir dans des tablettes graphiques. Vous pouvez vous abonner uniquement à Adobe Animate, ou vous pouvez obtenir Creative Cloud, l'abonnement complet, qui comprend Photoshop, After Effects et tous ces autres programmes que vous pouvez utiliser pour créer un film entièrement visualisé. Dans ce cours, je vais passer en revue le programme lui-même, la mise en page, les outils, la chronologie et la bibliothèque. Je vais faire une démonstration et parler de l'animation d'une balle rebondissante à l'aide des outils flash de base, puis, juste après, nous allons progressivement passer à image par image ou à une animation traditionnellement dessinée à la main. Nous allons également explorer la bibliothèque, la façon dont je l'utilise, comment l'utiliser et pourquoi elle fait d'Adobe Animate un programme si génial, puis nous allons l'exporter dans une vidéo que nous pourrons partager avec les personnes qui nous sont chères. Le but de ce cours est simplement commencer quelque part, de le faire, car l'animation prend beaucoup de temps à perfectionner ou même à maîtriser. Il existe également de nombreux styles d'animation, chacun ayant des philosophies et des enseignements différents. Je pense qu'il est important de commencer quelque part. Si Adobe Animate téléchargé et prêt, ainsi que votre PC, nous pouvons passer à la leçon suivante. 3. Explorer Adobe Animate: Voici Adobe Animate. Une chose que vous allez remarquer est cette disposition générale. Maintenant, je vais simplement généraliser ce que sont chacun de ces éléments. Sur le côté gauche, vous trouverez les outils, votre pinceau, vos outils de façonnage, vous trouverez même vos outils de remplissage ou vos outils de seau à peinture, des outils texte, des stylos ici et là. Tout cela se trouve sur les outils sur le côté gauche. En bas, nous avons notre chronologie. C'est là que nous obtenons informations sur les animations, nos couches, nombre d'images présentes dans l'animation, nombre de dessins ou de l'animation, et sa durée. Sur le côté droit, nous avons des choses comme des propriétés. Pour l'instant, je n'ai vraiment rien sélectionné dans les outils. Il va avoir recours à cette étape et j' ai changé le nombre d'images par seconde à 24, car c'est la norme de la plupart des formats d'animation. Ici, nous avons également le système de bibliothèque sur l'onglet. J'ai déjà parlé de la bibliothèque, mais c'est là que nous pouvons enregistrer une animation ou l' essayer et la réutiliser plus tard si nous voulons la réutiliser. Voici la chronologie. À partir de là, nous pouvons ajouter de nouvelles couches , supprimer les placer en groupes à l'aide de ces boutons, cela nous permettra d' ajouter une nouvelle image-clé. Cela nous permettra d'ajouter une nouvelle image-clé vide. Cela nous permettra d'ajouter ou d'étendre le cadre d'un dessin existant. Je parlerai de ces outils au fur et à mesure de l'animation. Cet outil est très important. C'est ce qu'on appelle la peau d'oignon. Cela nous permettra de voir nos cadres et dessins précédents et nos prochaines pièces et dessins précédents. Ce bouton nous permet de jouer l'animation, de la prévisualiser. Cela nous permettra de mettre en boucle une certaine partie de l'animation, juste pour pouvoir la retourner d'avant en arrière. Ici, nous pouvons également ajuster la taille et la miniature de nos touches afin de les voir clairement, car parfois c'est un peu trop petit et nous voulons peut-être voir quelque chose qui soit un peu plus facile à lire. Ce que vous regardez dans la chronologie est la durée de votre animation. Si j'étends ce dessin, que j' ce petit bouton et que je le joue, cela indiquera l'animation en temps réel, sa durée et le simple fait de la voir jouer. Quel que soit le dessin que nous avons ici, il atteindra une certaine limite. Si je crée un nouveau blank et si je le joue. Nous avons maintenant un peu d'animation. Chacune d'entre elles est connue sous le nom de cadres, comme un film. Maintenant, il s'agit ici de dessins clés ou d'images-clés. Comme vous pouvez le voir, chaque dessin est valable pour un nombre incertain d'images. Ce dessin dure environ sept images et ce dessin dure environ 1, 2, 3, 4, 5, 6, six images. Vous pouvez voir qu' il n'y a que trois dessins différents et vous pouvez même ajouter un nouveau dessin entre eux. Cela crée un nouveau dessin qui occupera le reste des images restantes. Si j'appuie sur l'outil «  peau d'oignon », je peux voir entre mes principaux dessins ici. Je peux dessiner une nouvelle marque là-bas. Maintenant, il va créer un autre dessin. Si j'y joue, il y a maintenant un petit intervalle entre les deux. Je vais parler de ces autres boutons ici. Je vais juste baisser la peau de l'oignon pour le moment. Ce bouton, qui permet d' insérer une image-clé, va prendre ce dessin existant et le transformer en une nouvelle information de dessin ou une nouvelle image-clé. Même s'il s'agit de dessins similaires ou du même dessin entre celui-ci et celui-ci, je peux apporter une petite modification car maintenant, il le traite comme un dessin clé complètement différent. Maintenant, si je bascule entre cela et que j'apporte des modifications, cela va apparaître là. Ensuite, si je touche ça, ça ne marchera pas entre les dessins. Ce que je dois faire, c'est sélectionner une partie d'un dessin et si je clique dessus, le joint sera complètement supprimé. Disons que si je veux créer un espace intermédiaire entre ce dessin et ce dessin, je peux sélectionner un cadre aléatoire entre ces dessins et appuyer dessus et maintenant cela va créer une nouvelle clé mais elle est vide. J'active l' outil Onion Skin pour voir entre ces dessins et je peux créer un nouveau dessin. Une chose à laquelle vous devriez peut-être faire attention est ce bouton ici. Insertion automatique d'une image-clé. Disons que je souhaite modifier cette image-clé. Disons que je veux ajouter une tige de pomme ou de cerise. Si je m'éloigne d'une image du point de départ de l'image-clé et que je dessine simplement cette racine, cela créera une nouvelle image-clé à partir de celle-ci, ce qui peut poser des problèmes. Cela va vous embrouiller encore plus. Ce que j'ai l'habitude de faire, c' est de le désactiver . Disons que j'oublie de déplacer ce curseur vers une image-clé, que je le désactive par un cadre et que je dessine un petit bout de pomme, tout va rester cohérent. Ce bouton situé ici, insérer un cadre, va nous permettre d'étendre la longueur de notre dessin actuel. Je vais appuyer dessus et maintenant, un cadre est ajouté à ce dessin. Si je le joue, il tiendra plus longtemps. Voyons voir, je n' ai aucun cadre ici et j'ai besoin d'un cadre pour pouvoir le dessiner. Cela ne me permettra pas de le faire. Je vais juste appuyer sur cette image-clé d'insertion et je vais dessiner un point ou une boule. Si je clique à nouveau dessus, cela créera une autre image-clé mais en utilisant le même dessin. Mais c'est vraiment un dessin clé différent parce que si je le déplace il le traitera différemment et je peux le refaire, le déplacer à nouveau, déplacer nouveau, déplacer à nouveau, le faire à nouveau, déplacer à nouveau et maintenant j' ai un peu d'animation. Maintenant, je vais introduire un autre bouton qui consiste à insérer des images-clés vides. Si je clique dessus, maintenant cela va créer une nouvelle clé mais elle est vide. Il n'y a rien là-dedans. Cela me permet maintenant de créer un nouveau dessin. Cet outil est important pour les animations image par image ou dessinées à la main. Maintenant, disons que j'ai ce nouveau dessin et que j'appuie à nouveau sur ce bouton. Maintenant, je peux continuer à faire de nouveaux dessins avec ça. Si je joue, nous avons maintenant un peu d' animation, mais parfois cette animation passe trop vite et j'ai envie de conserver certains de ces dessins encore plus longtemps. Il y a un bouton pour ça. Ce que je fais c'est sélectionner mon curseur, je le déplace et peu importe ce sur quoi il se trouve, cela affectera le dessin. Si je clique sur Insérer un cadre, cela étendra ce dessin d' un cadre et je passe au dessin suivant en faisant glisser mon curseur et je clique sur Insérer un cadre. Cela va étendre ce dessin et je peux le répéter. Il y a des moments où je fais des sauts juste pour créer cette stylisation du temps, ce qui signifie que, comme certains dessins vont passer très vite, d' autres vont passer très lentement. Disons que je veux conserver ce dessin un peu plus longtemps, les deux premiers dessins. Je suis vraiment en train d'expérimenter ici. Quand je joue, vous pouvez voir que certains dessins clés restent bien plus longtemps que les autres et si je n'aime pas certains cadres, je peux toujours les supprimer en appuyant sur ce bouton ici. Supprimez les cadres. Si je touche ça, certains dessins seront supprimés. Je peux supprimer complètement un joint ou simplement supprimer une partie étendue de ce dessin. Si je veux créer une nouvelle image après cette animation, je dois m'assurer de toucher l'espace vide à côté et d'appuyer sur Insérer une image-clé vide ou sur Insérer une image-clé si je veux réutiliser ce dessin. Mais supposons que je veuille créer une clé vide. Maintenant, je veux voir mes dessins précédents sans avoir à faire des allers-retours. Je peux le faire avec la peau d'oignon. Utilisons une couleur différente et je vais continuer l'animation en appuyant constamment sur ce bouton, Insérer une image-clé vide, et en essayant simplement de recréer ou de créer nouveaux dessins en utilisant les dessins précédents comme référence. Jouons à ça. C'est une balle rebondissante très simple. Si je ne voulais en jouer qu' une partie, je peux appuyer sur ce bouton une animation en boucle, mais cela chargera également créer une animation en boucle, mais cela chargera également une nouvelle petite fonction qui me permet sélectionner ce que je veux prévisualiser. Il ne joue qu'une partie de l'animation. Vous n'êtes pas obligé de tout jouer si vous voulez voir une partie de l'animation. C'est très utile. Je vous encourage à essayer Adobe Animate, la chronologie et à expérimenter ces outils. Amusez-vous et habituez-vous au programme. Dans la prochaine leçon, je vais parler de tout ce que vous voudrez peut-être savoir pour animer votre première balle rebondissante. 4. Animer une balle rebondissante: Dans cette leçon, je vais vous apprendre à animer une balle rebondissante à l'aide d'Adobe Animate. Si la balle rebondissante est si importante dans l' animation et pourquoi de nombreuses écoles d' animation l' introduisent, c'est parce qu'elle introduit de nombreux principes importants tels que les arcs, le poids, le squash et l'étirement, le timing et même l'espacement. Les choses ralentissent et ralentissent. Ce sont des choses dont je vais parler en parlant de la balle rebondissante. Je vais créer un nouveau fichier ou une nouvelle fenêtre en utilisant les mêmes paramètres que précédemment, 1920 x 1080, 24 images par seconde. Avant d'animer ou avant réaliser l'animation, j'aime planifier, et je pense que la planification est une bonne façon de réfléchir au mouvement et à la mise en page de notre animation avant de commencer à animer. Ce que je vais faire, c'est simplement dessiner un guide. Je vais juste indiquer mon sol et je vais juste appeler cette couche de gazon. Vous pouvez double-cliquer sur le «  Nom de la couche » et l'appeler simplement grass. Nous allons maintenant créer une nouvelle couche. C'est ici que nous allons illustrer notre guide ou le mouvement que je prévois pour l'animation. Vous pouvez le faire de nombreuses manières, mais je vais simplement faire une méthode très simple dessinant un arc, pour qu'il rebondisse comme ça. Arcs est l'un des principes fondamentaux de l' animation qui met en valeur une animation crédible. Maintenant que j'ai tracé la trajectoire de mon ballon, je vais m'en servir comme référence pour animer ma balle. Je vais juste le faire directement pour que ce soit encore plus amusant. Je vais créer une nouvelle couche. Tout d'abord, je dois le nommer comme guide. Je suis en train de créer à nouveau une nouvelle couche. Ensuite, sur ma troisième couche, c'est ici que je vais animer notre ballon. Je vais faire quelque chose de très simple ici. Je ne vais pas faire d' animation image par image, je vais le faire en utilisant outils de base d' Adobe Animate. Image par image, vous dessinez un nouveau dessin à chaque nouvelle image, comme une animation sur papier dessinée à la main, alors que je vais simplement créer un dessin et le réutiliser, manipuler en fonction l'animation sans avoir à le redessiner. Dans la prochaine leçon, je parlerai davantage de l' animation image par image. Maintenant, je vais dessiner ma balle, mais avant de le faire, je veux verrouiller les couches que j'ai créées précédemment afin ne pas les toucher ou de dessiner dessus par accident. Je vais activer ce petit cadenas sur chacune de ces couches. Maintenant, sur ma couche 3, et je vais juste l' appeler la balle, je vais dessiner mon ovale. Vous pouvez même maintenir Shift enfoncé pour qu'il ne se transforme pas en ovale Vous pouvez simplement maintenir Shift et en faire une boule. En fait, réduisons-le. À partir de là, je vais animer cette image par image. Je vais allumer la peau de l'oignon pour pouvoir garder une trace de mes images précédentes. C'est ici que je vais parler du concept de ralentissement, de ralentissement, d'espacement, d' accélération et de décélération. Je vais créer une nouvelle image-clé en appuyant sur ce bouton. Cela va créer une nouvelle image-clé avec le même dessin. Mais je vais commencer à déplacer des choses. J'utilise la peau d'oignon comme référence pour voir où était mon dessin précédent sans avoir à la retourner comme ça. Je vais continuer. Maintenant, je vois déjà trois images, je recommence, et je vais continuer. Une chose que vous allez remarquer, est que je suis en train de créer un espace plus grand. Ce que je veux dire, c'est que l'espacement entre ces dessins augmente progressivement. C'est pour montrer que les choses accélèrent et s'accélèrent sans avoir à utiliser d'outils de courbe étranges. Comme vous pouvez le voir, je suis en train d'augmenter cet espacement par rapport au précédent. Même si je ne joue pas à l'animation, vous pouvez constater qu'elle s' accélère simplement en passant d'un dessin à l'autre sans avoir à y jouer. C'est une constante en ce qui concerne l'espacement, les ralentissements et les animations. Je vais réactiver la peau de mon oignon et le faire toucher par terre. Ensuite, je vais insérer une autre clé là où celle-ci quitte le sol. Maintenant, je réduis progressivement l' espacement entre mes dessins précédents. Mais voilà, j'essaie de garder l' espacement horizontal, le ballon passant de la gauche à la droite de la scène, de manière constante. C'est seulement quand ça monte et descend. Il y a donc une raison pour laquelle j'ai dessiné ces arcs plus tôt, c'est pour me guider. Maintenant, je n'ai plus à deviner où se trouvent les arcs, je l'ai planifié. C'est ainsi que je planifie l'animation et c'est pourquoi la balle rebondissante est une mission si importante. Je vais continuer. Maintenant, l'espacement augmente. Boom touche le sol. Il ralentit à mesure que je monte, mais il prend de la vitesse lorsque je redescends jusqu'à ce qu'il commence à diminuer en termes de rebond. Jouons à ça et voyons à quoi ça ressemble. Accédez à Control et cliquez sur « Loop Playback ». Maintenant, je vais appuyer sur « Play ». Nous avons maintenant une balle rebondissante très simple. Mais nous pouvons certainement rendre cela beaucoup plus crédible. L'avantage d' Adobe Animate ou animation numérique en général, c'est que je peux revenir à mes images précédentes et commencer à apporter des modifications à la volée. Maintenant, je veux appliquer un étirement, un frottis ou un flou cinétique. J'aime faire défiler mes dessins de cette façon, en maintenant le curseur enfoncé et en faisant des allers-retours pour sentir le flux. Je pense que, comme et , en maintenant le curseur enfoncé et en faisant des allers-retours pour sentir le flux. Je pense que, il y a tellement d'espacement ici et parce que c'est tellement radical, je peux sélectionner cette boule et maintenant, et si je vous laissais, par exemple, commencer à la modifier un peu ? C'est le concept d' étirement en animation. Ensuite, au fur et à mesure qu'il descend, je vais le rendre encore plus étroit et plus long. Nous avons maintenant un mouvement un peu plus crédible. Quand elle touche le sol, si on étire cette balle ? Boum, maintenant nous avons un squash. Ensuite, en le quittant, j' appuie sur « Free Transformation Tool », je sélectionne ma forme et je la modifie légèrement. Si je ne le fais pas simplement, c'est parce que je veux la rendre plus crédible en termes de rétention de la masse. S'il y a une courge dessus, parois s' élargiront comme le ferait un objet réel. J'aime faire les choses normalement à la verticale, puis simplement les faire pivoter en fonction de l'arc. C'est l' occasion idéale de s'étirer ici. Maintenant, je vais appliquer une courge. J'applique du squash chaque fois, disons, qu'une balle touche le sol, juste pour renforcer la sensation de poids et l'élasticité de notre balle. Je vais le faire, boum. Alors je vais y retourner. Non, étire-le. Je vais juste le faire pour le reste des dessins. Mais comme vous le remarquez, la chute et le rebond deviennent moins drastiques. Je ne vais pas appliquer le squash et étirer tout le temps, parce que si c'est le cas, cela aura juste l'air bien trop distrayant ou trop actif. J'aime le modérer lorsque la motion commence à se modérer, juste pour renforcer cette crédibilité. Je vais quand même appliquer l'étirement , mais pas aussi drastiquement que les précédents. Même chose ici quand il s'écrase, quand il touche le sol. Je vais juste en rester là. Je ne pense pas qu'il soit nécessaire de s'étirer et de s'écourter ici. Jouons à ça. Maintenant, nous avons une balle rebondissante très classique adaptée aux animations. Je veux que tu t' entraînes à rebondir. Dessinez les arcs pour vous guider dans une autre couche, puis animez une boule sur une autre couche, en la déplaçant image par image. Maintenant, en prime, je vais juste animer rapidement une queue. Je vais juste animer des formes rapidement, image par image, pendant que je trace ma balle. Maintenant, comme nous avons ce cadre qui s'étend jusqu'à la hauteur de notre balle, nous avons un dessin qui tient bien en place. Au fur et à mesure que j'avance, je vais maintenant appuyer sur ce bouton, « Insérer une image-clé vide ». Je vais quand même allumer la peau de mon oignon, verrouiller la couche de ma boule pour ne pas voir la peau d'oignon de cette boule et continuer à dessiner la queue image par image, en la suivant. C'est là que vous pouvez sentir l'action qui se chevauche. Dans l'animation, l'action qui se chevauche objets tels que du tissu, des cheveux ou une queue, où l'action suit simplement le ballon. Voici un exemple parfait pour cela. Disons que cette balle atterrit mais qu'elle remonte Je dois encore suivre la trajectoire de la queue en suivant la balle Elle doit donc d'abord descendre ou être fouettée. Vous pouvez simplement le faire avec des formes très simples. Je vais juste continuer à dessiner des formes. Jouons à ça. Maintenant, nous pouvons cacher le guide pour pouvoir regarder la balle toute seule. Ce que nous pouvons faire maintenant, c'est peut-être commencer à étendre la longueur de certains de ces dessins, afin que je puisse sélectionner tous les dessins ou d'autres couches, je sélectionne ces cadres et je clique sur « Insérer un cadre ». Maintenant, ces dessins vont durer plus longtemps qu'un simple cadre. Je ne vais le faire que pour les trois premiers dessins, peut-être, transformer en dessins unitaires. Quand ça augmentera, je ralentirai peut-être. La façon dont je choisis la façon d'étendre certains dessins est basée sur ce qui se passe si, exemple, un objet ralentit dans l'espace Je veux peut-être exagérer encore plus, mais sans avoir à ajouter d'autres dessins, je peux simplement le faire en prolongeant la longueur du dessin pour capturer la même sensation. J'allonge la longueur de chaque dessin, c' est là que la balle plane en l'air, parce que c'est à ce moment-là qu'elle ralentit au fur et à mesure qu'elle monte. Je ne vais pas étendre les dessins, car c'est pour vraiment vendre à un impact aussi rapide. Ensuite, je pense que pour les derniers dessins, je vais peut-être les ralentir complètement. Maintenant, quand j'y joue, c' est un peu plus stylisé. Je recommande simplement d'expérimenter avec une balle rebondissante. Il n'y a aucune règle quant à ce à quoi peut ressembler une balle rebondissante parfaite, vous pouvez y ajouter une queue, vous pouvez y ajouter des oreilles. Vous pouvez en faire un personnage clé ou un animal. Ce que je vous montre est fondamental, constitue une base et une grande partie de l'apprentissage de l'animation. Joignez-vous à moi pour la prochaine leçon et nous aborderons les bases de l'image par image. 5. Apprendre les bases de l'image par image: Dans cette leçon, nous allons parler animation image par image ou dessinée à la main, ses bases, de la façon dont je le fais avec Adobe Animate et de ce que c'est essentiellement. Pensez à une animation dessinée à la main sur papier. Chaque dessin est un tout nouveau dessin ou une nouvelle image-clé. Je veux vous montrer un exemple que j'ai fait pour vous donner une idée de ce dont je veux parler pour cette leçon. Nous allons faire quelque chose d'aussi élémentaire voire de plus fondamental. Cela peut sembler un peu confus, intimidant, de voir ce qui se passe, l'arrière-plan, tous ces effets et ces mouvements de caméra. Ne vous inquiétez pas, nous allons procéder étape par étape, car c'est ce que c'est. Ce ne sont que des éléments de base, un par un. Cela commence par quelque chose de très simple et nous ne faisons que placer des couches par-dessus des couches. Je vais créer un nouveau fichier, encore une fois, 1920 x 1080 et maintenant nous allons parler d'animation image par image classique, mais avant cela, je vais faire ce que j'ai fait avec la balle rebondissante, c' est-à-dire planifier un peu. Pour une balle rebondissante, c' était juste un terrain plat, mais pour celle-ci, je tiens à donner un peu de perspective. Je vais juste tracer quelques lignes de perspective pour une perspective à point unique. Si vous vous demandez pourquoi je crée la ligne de perspective, c'est parce que je l'utilise comme guide pour montrer la profondeur. Pour ce lapin, par exemple, le petit lapin vient vers nous par le dos. Je vais créer une nouvelle couche. Je vais juste appeler cela un point de vue ou une personne. Je vais juste dessiner différentes poses ou des guides indiquant où se trouvera notre petit guide lapin , donc en voici une. Peut-être qu'il viendra vers nous et, encore une fois, je ne suis pas très attachée à ce dessin de lapin. On s'amuse vraiment. C'est le dessin numéro 1, dessin numéro 2, et peut-être qu' il se terminera plus près de nous, peut-être face à nous, 3. Je vais faire la même chose que pour la balle rebondissante, c' est-à-dire dessiner des arcs pour illustrer comment je veux que le lapin rebondisse et peut-être qu'il repasse au numéro 1. J'ai l'impression qu'il y a peut-être trop d'informations visuelles ici. C'est un peu trop compliqué. Ce que j'aime faire habituellement, c'est accéder aux propriétés de chaque couche et réduire l'opacité à quelque chose de très faible. Disons que la perspective est peut-être de 8 %, je peux toujours la voir, mais ce n'est pas aussi distrayant. Peut-être la même chose pour ce lapin. Peut-être que je vais baisser ce chiffre à 20 % et appuyer sur « OK ». Maintenant, ce n'est pas aussi distrayant pour moi. Je peux toujours le voir et maintenant je peux simplement m' en servir comme référence. Dessinons maintenant nos poses clés pour le lapin. Choisissons une belle couleur pour le lapin. Je vais choisir quelque chose de gris. Dans l'exemple que j'ai montré, j'ai dessiné le dessin au trait du lapin et je l'ai rempli, mais dans ce cas, nous allons faire quelque chose de beaucoup plus expérimental et amusant. Et si nous ne faisions qu'animer des formes ? Je vais juste dessiner la forme d' un lapin avec le pinceau, puis le remplir avec un seau à peinture. Ce que vous pouvez également faire, par exemple, c'est que si vous dessinez par-dessus votre guide, vous pouvez déplacer votre animation juste en dessous du guide. Le guide se trouve au-dessus de votre animation. Maintenant, je peux encore voir les yeux et les oreilles du lapin. Donnons à ce lapin des oreilles rosées, puis donnons-lui des yeux perlés. J'aime utiliser la pipette pour sélectionner la même couleur d'oreilles et peut-être l'utiliser pour les jambes. Maintenant, je vais cliquer sur « Insérer une image-clé vide ». Maintenant, je vais dessiner ma prochaine pose clé et j'ai déjà dessiné la référence pour le lapin numéro 2. Encore une fois, je dessine juste à l'aide de coups de pinceau et remplissages, rien de trop compliqué. Maintenant, j'ai trois clés de notre lapin. C'est la première position, la deuxième et la dernière position. Nous allons maintenant créer du tissu conjonctif ou des dessins conjonctifs pour ces poses clés. Dans le domaine de l'animation, nous appelons cela des pannes. Dans ce cas, je dois dessiner une clé pour lapin 1 passe au lapin 2 en sautant. Ce que je vais faire, c'est accéder à mon premier dessin et appuyer sur « Insérer cadre ». Je vais le sélectionner et maintenant le vider. Nous avons maintenant un dessin vide entre ces dessins. Je vais allumer la peau de mon oignon pour régler les curseurs situés sur ma peau d'oignon afin de ne voir que le lapin 1 et le lapin 2 Les curseurs ici me permettent de régler la gamme de peau d'oignon. Comme vous le voyez, si j' étends ma dernière peau d' oignon jusqu'au quatrième dessin qui inclut un troisième lapin, cela apparaîtra, mais je ne le veux pas. Maintenant, je me concentre uniquement sur ces deux lapins. Maintenant, je vais juste dessiner notre tissu conjonctif ou notre répartition du lapin 1 au lapin 2. Maintenant que mes peaux d'oignons ont été retournées, le bleu étant le précédent et le vert étant le suivant, je vais simplement m'en servir comme guide pour déterminer à quoi pourrait ressembler mon prochain dessin. Il bondit. Encore une fois, je ne suis pas très attaché à la constance de mes pilotes. ce moment, j' essaie juste de trouver ce qui me convient ou ce qui me fait du bien. Je trouve qu'il étend ses bras comme ça, c'est assez drôle. Nous avons maintenant un tissu conjonctif. Je vais faire la même chose avec 2-3. Vous n'avez pas toujours besoin d' avoir la peau de l'oignon. Parfois, j'aime passer d'un dessin à l' autre, éteindre la peau de l'oignon pour sentir le mouvement et trouver ce qui me convient, car parfois voir plusieurs dessins à fois peut ne pas être très utile. Je vais peut-être le faire pour le prochain. Je vais simplement passer d'un dessin à l'autre ou maintenir mon curseur enfoncé et continuer à faire des allers-retours pour avoir une idée de ce à quoi pourrait ressembler le dessin suivant. Nous allons en faire un de plus, alors peut-être que je peux le faire revenir au numéro 1. Je peux sélectionner mon premier dessin, cliquer sur « Copier les cadres », puis le coller ici. Je vais simplement sélectionner mes autres calques et appuyer sur « Insérer des cadres » pour étendre ces dessins afin que tout corresponde. Ensuite, je vais étendre ce dessin ici afin de pouvoir en créer un vide juste entre les deux et peut-être pour cela et poser, je me demande : et s' il faisait un backflip ? Nous allons voir ses pattes inférieures. Encore une fois, c'est juste moi qui m' amuse, alors ce sont ses jambes. Nous regardons en dessous. Nous ne verrons probablement pas ses oreilles parce qu'il se trouvera derrière le corps. Maintenant, lorsque je passe d' un dessin à l' autre, nous avons une idée du mouvement. J'appuie sur « Control » et sur « Loop Playback », pour me permettre de mettre l'animation en boucle. Mais ça passe très vite. Et si j'espacais ou étendais ces dessins un peu plus longtemps ? Disons que je vais garder ce dessin pendant quatre cadres. Je vais sélectionner mon dessin ou déplacer le curseur sur mon premier dessin et appuyer sur 1,2,3,4 pour le maintenir plus longtemps. J'utilise le troisième bouton ici, insérer des cadres pour étendre chacun de ces dessins 1, 2, 3, 4, j'ai l'habitude de choisir quatre parce que c'est un chiffre très sûr, vous pouvez toujours avoir une idée du mouvement et du mouvement et le chronométrage semble toujours visible. J'ai besoin de tissus conjonctifs pour relier ces dessins. Juste entre ces cadres ou ces dessins, je vais simplement sélectionner un endroit aléatoire au milieu pour chacun de ces dessins et appuyer sur « Insérer image-clé vierge ». Je vais continuer à le faire pour tous les autres dessins et ce sera notre intermédiaire, ou notre tissu conjonctif. C'est ce qu'est l'animation. Il s'agit vraiment de relier les dessins entre eux pour créer cette illusion de mouvement. Quand je joue, nous avons des dessins blancs. Il ne nous reste plus qu'à le remplir. Je vais le faire assez rapidement. Je peux réactiver la peau de mon oignon, ajuster la portée de la peau de l'oignon pour voir mes dessins précédents et suivants. Voyons ce que tu ressens. Nous avons de l'animation. C'est de l'animation juste là. Je vais faire quelque chose d'un peu plus parce que je veux ce lapin se termine un peu plus ou de façon spectaculaire, et je veux vraiment vendre ce poids. Ce que je peux faire, c'est peut-être ajouter un dessin de dépassement entre ces deux dessins . Je vais faire la même chose « Insérer une image-clé vide », et je vais allumer mes peaux d'oignons pour voir le guide et je vais le faire écraser juste pour ce très bref moment. Peut-être que les oreilles seront encore ouvertes pour voir ce chevauchement. Ces deux dessins, au lieu de durer une image pour chacun, je vais simplement les faire durer deux et m'assurer que toutes les autres images sont synchronisées. Jouons à ça. Maintenant, nous avons un peu de poids lorsque le lapin atterrit. Éteignons le guide. Cela permettra de garder la ligne de perspective, c'est une bonne idée. Voilà le lapin. Je veux que vous fassiez des expériences avec votre propre lapin. Ça peut être un lapin, ça peut être un chien, ça peut être tout ce que tu veux. L'idée est simplement d'explorer comment faire ces poses clés et comment les relier. Dans la leçon suivante, nous allons explorer la bibliothèque. 6. Explorer la bibliothèque: Dans cette leçon, nous allons parler de la bibliothèque dans Adobe Animate. La bibliothèque est un endroit où vous pouvez stocker des animations, des graphismes, des effets sonores et un tas d'autres éléments prédéfinis . est si important de connaître cette bibliothèque , en particulier S'il est si important de connaître cette bibliothèque, en particulier pour les débutants dans Adobe Animate, c' est parce qu'elle est essentielle lorsque vous souhaitez réutiliser des animations ou des éléments tels que des rabats. J'aime séparer les choses. J'aime garder les choses dans un fichier différent tout le temps, juste pour ne pas trop encombrer l'espace, mais nous allons quand même utiliser ce fichier que nous avons pour le lapin. Je vais aller dans Fichier et je vais appuyer sur « Nouveau », et je vais conserver tous les mêmes paramètres, 1920 x 1080 pour la largeur et la hauteur, 24 images par seconde. Ce que je veux faire, c'est essayer de créer un petit effet pour le lapin lorsqu'il saute du sol. Je vais faire quelque chose comme une petite étincelle une petite explosion de feu ou une petite explosion d'énergie. Nous allons le faire image par image. Je préfère commencer par un point où l'effet commence. Je vais donc tracer une petite marque à partir de là, puis en appuyant à nouveau sur « Insérer une image-clé vide », je vais créer une nouvelle image. Je vais juste laisser la peau de l'oignon dessus pouvoir voir tous mes dessins précédents. Je ne vais pas me retourner autant. Je vais avoir une forte éclaboussure ou une forte rafale à venir. Je vais créer une nouvelle image-clé Insert blank, et je vais juste laisser cet effet s'estomper au fur et à mesure que je garde une trace de mes dessins précédents. Je vais continuer à le faire jusqu'à ce qu'il devienne de plus en plus petit en quelques points. L'avantage de l'animation image par image, c'est que je peux toujours revenir arrière et probablement ajouter plus de couleurs ou des effets différents. Ajoutons peut-être une autre touche ici. Parfois, la peau de l'oignon peut être un peu mouvementée ou il y a tout simplement trop d'informations, alors il est peut-être temps de la fermer. Ou ce que vous pouvez faire, c'est maintenir la peau de l'oignon enfoncée, accéder aux paramètres avancés. Vous pouvez même modifier son apparence en passant d' couleur complète à des informations de ligne uniquement. Allons-y. Je vais mettre la lecture en boucle pour pouvoir la regarder en boucle. Prévisualisons-en un aperçu. Nous avons un effet très basique, mais je trouve que cela va encore un peu trop vite Je vais donc sélectionner mon premier cadre, et je vais continuer à insérer des cadres. Commençons par ajouter un cadre par dessin. Je déplace le curseur sur chaque dessin différent et je clique sur « Insérer un cadre ». Maintenant jouons à ça. Je me sens un peu bien. Peut-être allons-nous faire en sorte que les deux derniers dessins durent un peu plus longtemps , juste pour avoir l'impression que cela ralentit sans avoir à ajouter d'autres dessins. Je vais ajouter un autre cadre d'insertion pour ces deux derniers dessins. Terminons en sélectionnant l'image suivante et en appuyant sur « Insérer une image-clé vide » pour montrer qu'il n'y a plus de dessins à la fin . Je vais appuyer sur « Play ». Nous avons maintenant un effet très simple, et nous allons maintenant en faire un symbole pour la bibliothèque. En ce qui concerne les symboles, ils ressemblent à de petites animations ou mini-fichiers avec leur propre chronologie Vous pouvez toujours les ouvrir et les modifier, et vous pouvez les modifier à votre guise. Je vais te montrer ce que je veux dire. Je vais sélectionner tous ces cadres. Cliquez avec le bouton droit et cliquez sur « Copier les cadres ». Ensuite, je vais aller dans Insérer, Nouveau symbole, et maintenant j' ai ces paramètres pour un nouveau symbole. Appelons cela des effets. Pour le type, je vais ignorer le film, le clip et les boutons, car ils sont mieux servis pour flasher les anciennes versions avec leur propre saut d'action. Je vais appuyer sur « Graphique » et sur « OK ». Vous remarquerez qu'une nouvelle fenêtre apparaît et que maintenant nous éditons effets et qu'elle charge sa propre petite chronologie. Maintenant, je vais coller toutes mes animations ici, et maintenant nous avons cette animation sous le symbole appelé effets. À mon retour, et si je crée une nouvelle couche, j' éteindrai la peau de mon oignon. Maintenant, si je vais à la bibliothèque, j'y trouve ce qu' on appelle des effets. Je peux donc mettre plusieurs versions des effets et si je les joue, tout se produira simultanément. Maintenant que nous l'avons, mettons-le avec un lapin. Je vais cliquer avec le bouton droit sur mon symbole et appuyer sur « Copier ». Je vais aller dans ma lime à lapins, et maintenant je vais ajouter un effet à chaque fois que le lapin saute du sol. Vérifions-la. Notre lapin est sur la couche 3, et je vais le renommer, lapin. Ensuite, je vais créer une nouvelle couche sous le lapin et la coller. Une chose que vous allez remarquer, c'est qu'il va ajouter les effets de l'autre fichier à la bibliothèque du lapin. Je vais en planter un ici, que lorsque le lapin saute, il y ait un effet. Ce que vous avez remarqué, c'est qu'il tourne en boucle. Vous pouvez réellement modifier ce paramètre. Si je clique sur mon symbole avec des effets et que je vais dans Propriétés, je peux désactiver la boucle et cliquer sur « Jouer une fois » en appuyant sur ce bouton juste ici. Vous pouvez même sélectionner le cadre dans lequel commence l'animation. Si je veux que l'animation commence vers la fin, je peux le faire, mais commençons à 1. Maintenant, il ne se joue qu'une seule fois. Personnellement, j'aime créer une nouvelle couche où je peux placer le symbole. Je vais le copier à nouveau. Maintenant, créons une autre couche pour l'autre symbole ou l'autre effet, et je vais coller mon effet ici, donc je vais coller. Assurez-vous de sélectionner le cadre avant de le coller. Si j'y joue, nous avons maintenant un peu d' effets qui se synchronisent avec le lapin et c'est pourquoi le système de bibliothèques est génial. Ce que vous pouvez également faire, c'est, disons, que je veuille transformer ce lapin en un symbole à part entière. Je peux sélectionner toutes les images ma chronologie avec le lapin, cliquer avec le bouton droit de la souris, copier des cadres, insérer, créer un nouveau symbole. Je vais juste appeler ça un lapin. Maintenant, je peux coller le lapin ici, et je vais appuyer sur cette flèche pour revenir à ma chronologie principale. Disons que je veux ajouter n'importe quel lapin maintenant que j'ai déjà un symbole du même lapin. Je vais faire du glisser-déposer. C'est très simple. Maintenant, nous avons deux lapins, mais disons que je veux inverser la tendance. Je vais m'assurer de cliquer dessus avec le bouton droit de la souris, d' accéder à Transformer et d'appuyer sur « Retourner horizontalement ». Maintenant, nous avons le miroir en forme de lapin. Mais peut-être que je veux le compenser, c' est-à-dire que je ne veux pas qu'il soit synchronisé avec l'autre lapin. Je peux sélectionner mon lapin, accéder à Propriétés et peut-être commencer ailleurs. Peut-être que je vais commencer à l'image 9. Jouons à quoi ça ressemble. Maintenant, nous avons deux lapins qui sautent partout et qui s'amusent différemment. Maintenant, je veux que vous essayiez d'utiliser la bibliothèque, que vous créiez votre animation, transformiez en symbole, que vous la mettiez dans votre bibliothèque et que vous la glissiez et déposez-la dans votre animation. Je vous invite à continuer à expérimenter avec la bibliothèque. Peut-être que vous voulez créer une foule de personnages et que vous ne voulez pas continuer à la redessiner. Vous souhaitez peut-être dessiner différents ensembles de personnages, de membres et d'orientations, afin de ne pas avoir à redessiner ce personnage encore et encore. Rejoignez-moi dans la prochaine leçon, et je vais vous montrer comment exporter vos animations afin de les montrer à vos amis et au monde entier. 7. Exporter votre projet: Dans cette leçon, nous allons exporter notre animation de lapin dans un format de fichier accessible aux utilisateurs. Si je veux le montrer à mes amis ou au monde entier, je dois l' exporter dans un format vidéo pouvant être publié en ligne sur mes réseaux sociaux, sur YouTube ou n'importe où en ligne pour que les gens puissent le voir. Maintenant, avant d'exporter, il se peut que nous devions faire certaines choses avant que le produit ne soit prêt. Vérifions toutes les couches, et je pense que ça a l'air bien. Mais il y a quelque chose que nous devons corriger. Nous avons une couche cachée avec ce guide en forme de lapin, et l'avantage d'exporter votre animation, c'est qu' elle exportera également vos couches cachées Vous devez donc la désactiver. Il vous suffit de sélectionner votre couche, cliquer dessus avec le bouton droit et de la transformer en guide. Cela indiquera à Adobe Animate que cette couche est un guide, et lorsque vous l'exporterez, elle sera traitée comme telle, elle n'apparaîtra pas Vous en avez donc besoin. Si je redescends, j'ai une couche de perspective où nous voyons le guide de notre ligne d'horizon. Peut-être que nous ne voulons pas voir ça. Encore une fois, je vais cliquer avec le bouton droit sur cette couche de perspective et la transformer en guide. Même si nous pouvons le voir, il n'apparaîtra pas dans notre exportation finale. Nous sommes maintenant prêts à exporter. Cachons nos lignes de perspective pour avoir un aperçu de ce à quoi ressemble cette animation. Essayons d'exporter. Je vais dans Fichier et je clique sur « Exporter », et je m'assure de cliquer sur « Exporter vers une vidéo et un média ». Il existe de nombreuses autres options, mais c'est la plus importante pour exporter des fichiers vidéo. Ensuite, je vais exporter la vidéo. Maintenant, cette nouvelle fenêtre apparaît. Je pense que tout semble bon. J'utilise généralement le format H.264. Il va l' exporter au format MP4 qui se lit bien sur Instagram, TikTok, Facebook et même YouTube. C'est un format que j' utilise habituellement lorsque je mets des choses en ligne. Maintenant, je vais sélectionner un dossier dans lequel il va le placer, et je vais simplement le placer dans ce dossier pour le moment. Appelons-le Bunny Skillshare, je vais appuyer sur « Enregistrer ». Vous allez maintenant voir un onglet qui indique Démarrer Adobe Media Encoder. Nous n'allons pas le faire, nous allons le décocher. Nous allons exporter directement depuis Adobe Animate. Maintenant, je vais cliquer sur « Exporter », et nous allons juste attendre quelques secondes. Maintenant, il est déjà exporté et nous allons accéder au dossier où je l'ai exporté. Maintenant, voici le fichier que j'ai récemment exporté, Bunny-SkillShare, double-cliquez dessus pour voir à quoi il ressemble. Nous y voilà. Nous avons un fichier vidéo de notre animation. Nous avons quelque chose qui est prêt à être téléchargé. Heureusement, comme ce fichier est si petit, il ne fait que 524 kilobites, mais vous pouvez utiliser un programme comme Adobe Media Encoder, c'est gratuit, vous pouvez le télécharger via Adobe, qui propose un moyen plus robuste de compresser des fichiers, modifier dans un autre format, peut-être de les découper si vous en avez besoin. Mais pour l'instant, nous avons une animation créée à partir d'Adobe Animate exportée directement à partir de ce programme . Nous pouvons donc simplement la télécharger sur plateforme en ligne que nous utilisons. Maintenant, je veux que vous essayiez d' exporter votre animation, qu'il s'agisse d'une œuvre en cours ou d'une animation terminée , pour l'exporter dans un fichier vidéo que vous pourrez peut-être télécharger ultérieurement si vous le souhaitez. Peut-être que vous pouvez simplement l' enregistrer sur votre ordinateur, vous pouvez probablement l'envoyer sous forme de texte à votre ami. D'habitude, j'aime animer une blague sur mes amis. D'habitude, j'aime animer mes amis en train de danser puis devenir vraiment maladroits, puis de leur envoyer l'animation et de voir comment ils réagissent. Vous avez maintenant les bases nécessaires pour utiliser Adobe Animate s'agisse de partir de zéro ou d' animer, de comprendre un peu certains outils et la bibliothèque, certains paramètres de chronologie d'Adobe Animate, que certains paramètres de chronologie d'Adobe Animate, puis de les exporter vers une vidéo terminée. 8. Réflexions finales: Nous sommes partis de zéro pour aboutir à une pièce animée terminée. Maintenant, n'oubliez pas que ce n'est pas une activité ponctuelle de pouvoir animer quelque chose. Vous souhaiterez continuer à explorer différents styles ou peut-être différents projets à l'aide d' Adobe Animate et à utiliser différentes approches avec Adobe Animate. N'oubliez pas que cela demande beaucoup de pratique, beaucoup d' expérimentation et de nombreuses approches différentes. Je veux voir ce que vous avez créé, alors téléchargez-le dans la galerie de projets afin que nous puissions tous le voir ensemble. Si vous envisagez de prendre cette aventure d'animation très au sérieux, je vous conseille de continuer à vous inspirer, continuer à parler à d' autres membres de la communauté et de continuer à expérimenter afin de continuer à parler à d' autres membres de la communauté et de continuer à expérimenter afin de trouver votre propre voix. Parce qu'il y a beaucoup de règles philosophies et d'idées en matière d'animation, mais en fin de compte, nous sommes tous en train de résoudre des problèmes au fur comme je l'ai fait avec ce cours. Si vous avez apprécié ce cours, j'ai plusieurs autres cours sur Skillshare, où je parle davantage d'autres sujets liés à l'animation, conception de personnages, story-board et les scripts , ainsi que d'autres sujets sur Adobe Animate. J'espère que tu resteras dans les parages. Merci de m'avoir rejoint et j'ai hâte de voir ce que nous allons créer à partir de ce cours.