Principes d’animation Bam Fonctionnalité

Comment commencer à animer vos personnages : Les quatre principes

Le 2 juin 2023

L’animation des personnages est un sujet complexe. Si vous ne l’avez jamais essayé, vous pouvez avoir l’impression d’essayer d’atteindre une cible en mouvement ou plutôt de dessiner une cible en mouvement. Dans ce tutoriel amusant et informatif, les vétérans de l’industrie Brent Noll et Maximus Paulson de BaM Animation décomposent quatre principes clés du mouvement et les démontrent alors qu’ils animent un chat dansant en utilisant Adobe Animate et ToonBoom Harmony sur un Wacom Cintiq Pro.

L’animation est écrasante, et la plupart des artistes pensent que puisqu’ils peuvent déjà dessiner, ils pourraient apprendre à animer assez facilement, et s’il est vrai que pouvoir dessiner aide, c’est un ensemble de compétences entièrement nouveau qui prend du temps et de la pratique.

Image saccadée Bam Animation Principes 1

La plupart des gens surestiment leurs capacités avant même de dessiner la première image, et c’est parce qu’ils ont besoin d’acquérir la compréhension des principes du mouvement. Après tout, l’animation n’est pas synonyme d’illustration ; animation est égal au mouvement.

Selon The Animator’s Survival Kit de Richard Williams, il y a 12 principes d’animation. Pourtant, nous allons nous concentrer sur seulement quatre faciles dans cette vidéo pour vous faire démarrer.

Assouplissement des principes d’animation d’image Bam 1

I. Assouplissement

L’assouplissement est un mot de fantaisie pour l’accélération. Considérez qu’une voiture ne peut pas passer brusquement de zéro à soixante instantanément ; c’est très contre nature. Les voitures sont lourdes et prennent du temps à accélérer, tout comme tous les objets ou personnages en mouvement. Lorsqu’un objet prend du temps à accélérer, nous appelons cela une facilité, et quand il ralentit pour s’arrêter, nous appelons cela une facilité d’in.

Un mouvement qui est facilité correctement est d’aspect plus naturel : un objet lâché dans les airs se détend de sa hauteur d’origine, mais il ne se détend pas lorsqu’il frappe le sol. Donc, savoir quand utiliser des facilités est également la clé. Au lieu de cela, il maintient sa vitesse d’origine et tire vers le haut, puis il peut se détendre à nouveau au sommet car il perd de l’élan.

Principes d’animation De Bam D’Espacement Dynamique

Parce que la fréquence d’images de l’animation est si constante, nous obtenons un assouplissement en ajustant l’espacement entre chaque dessin afin que les dessins proches les uns des autres fassent un ralenti et que les illustrations éloignées les unes des autres fassent un mouvement rapide. Remarquez comment les dessins en haut sont proches les uns des autres, puis deviennent plus éloignés lorsque la balle tombe. C’est ce qu’on appelle l’espacement dynamique, c’est ainsi que vous créez une accélération ou un assouplissement.

Dépassement des principes d’animation de Bam

II. Dépassement

Essayons d’animer une main. Parce que nous apprenons à animer les personnages et à les déplacer du point A au point B, ajoutons notre deuxième principe, le dépassement, lorsqu’un objet dépasse son point de repos final pour se remettre en place. Cette idée peut sembler trop caricatural, mais elle peut ajouter beaucoup de vie aux mouvements de votre personnage.

Dans cet exemple, je vais ajuster les images finales pour aller au-delà de deux images ; ensuite, il reviendra ici, puis ira un peu plus en avant, puis s’installera finalement. Regardez la différence ! Vous pouvez maintenant voir comment l’ajout de dépassements aux fins de votre animation apporte encore plus de vie. Bien sûr, il n’est pas possible à moins que vous ne soyez un robot de vous arrêter parfaitement, donc à moins que vous n’alliez pour une chaîne raide folle, même en ajoutant simplement un cadre de dépassement peut faire tellement de choses.

Principes d’animation De La Forme Dynamique Statique Bam

III. Courge et étirement

Les personnages sont organiques et changent de forme à mesure qu’ils se déplacent. Une animation devrait exagérer cela. Le squash et l’étirement est un principe qui met l’accent sur l’élasticité.

S’il vous plaît jeter un oeil à ces deux rebonds de balle : sur la droite, la balle change de forme ; il semble tellement plus malléable et élastique parce que j’ai changé certains cadres pour les rendre soit regarder écrasés ou étirés. Cela aide à mettre l’accent sur le mouvement. Il peut ne pas sembler que c’est quelque chose que vous devriez faire aux personnages, mais le squash et l’étirement peuvent aller un long chemin dans la transmission du mouvement.

Anticipation Bam Animation Principes

IV. Anticipation

Dans l’exemple de la main ici, la main se déplace en quelque sorte vers l’avant, mais que se passerait-il s’il y avait un peu d’hésitation - comme si elle se préparait à aller de l’avant, comme une liquidation pour un terrain ?

Faisons quelque chose de plus subtil. Nous allons d’abord avoir la main faciliter vers l’arrière dans ces cadres, puis la vitesse vers l’avant à sa position finale. Regardez la différence ! L’anticipation n’est pas toujours naturelle dans chaque mouvement, mais il est beaucoup plus agréable de regarder et rend le jeu plus évident. Comme l’a dit Alan Becker, Anticipation « aide à communiquer les actions au public en le préparant à l’action suivante afin qu’il ne la manque pas ».

La principale différence entre la mauvaise et la bonne animation est que la mauvaise animation ne se déplace pas de manière intéressante.

Ball bounce Bam Animation Principes

Après avoir vu cette démonstration des quatre principes de base de l’animation, vous pouvez sentir que vous avez une meilleure compréhension de la distinction entre le bon mouvement et le mauvais mouvement, mais cela ne signifie pas que vous serez soudainement capable d’animer comme un animateur Disney des années 90. Au lieu de cela, devenir un bon animateur nécessite une longue série de formations par le biais d’exercices d’apprentissage, à partir des bases mêmes.

L’exercice le plus basique par laquelle de nombreux étudiants commencent est le rebond de balle. C’est trompeusement plus compliqué qu’il n’y paraît, cependant, et la plupart des gens se trompent parce qu’ils ouvrent leur logiciel d’animation, dessinent une balle, la déplacent lentement vers le bas, puis remontent et disent : « Ici ! Je l’ai fait ! Mais fait de cette façon, l’animation a l’air terrible ; il n’y a pas d’espacement graduel.

La meilleure façon d’animer le rebond de la balle est de placer les cadres supérieurs près les uns des autres, puis de les espacer progressivement pour créer une accélération dynamique. Ensuite, copiez et inversez les cadres.

Exemple de rebond de balle d’animation Bam

Mais vous pouvez le rendre encore plus intéressant en vous appuyant sur plus de techniques comme le squash et l’étirement et en ajoutant un cadre d’impact.  Au fur et à mesure que votre animation progresse, vous obtiendrez assez fort pour vous attaquer à des tâches plus avancées comme un pendule, une balle qui tombe, une main qui saisit, un visage qui tourne et, avec le temps, qui se préparent à un cycle de marche complet. Apprendre à s’attaquer à des mouvements simples affinera vos yeux et vous préparera à des mouvements de personnages complexes et multicouches.


À propos de BaM Animation

Logo de Bam Animation

BaM Animation a été créé par Brent Noll et Maximus Pauson, vétérans de l’industrie de l’animation professionnelle basés à Burbank. Ils ont lancé leur populaire chaîne YouTube en 2017 et ont trouvé un moyen unique et ludique de fournir un contenu d’animation informatif et éducatif de manière engageante et mémorable.

Max dessine les personnages pour BaM et est généralement le réalisateur d’action en direct et le superviseur du script. Dans sa vie non-YouTube, Max est un concepteur de personnages primé aux Emmy Awards qui a travaillé sur des émissions, notamment Rick and Morty, FutureWorm, Disenchantment et Nico, and the Sword of Light.

Brent est en charge des arrière-plans, de l’animation et de nombreux aspects techniques du spectacle, y compris le tournage, l’audio, la post-production, les effets visuels et le dépannage général. Il gère également la présence de BAM sur les réseaux sociaux. Lorsqu’il ne travaille pas sur BaM, Brent est un concepteur d’arrière-plan et d’accessoires pour des spectacles comme Rick and Morty, FutureWorm, Troll Hunters et Final Space.

Une caractéristique populaire de BaM est qu’ils demandent aux téléspectateurs d’envoyer leur art original à l’émission afin qu’il puisse être présenté dans les prochains épisodes. Si vous souhaitez soumettre un article pour examen, vous pouvez le faire ici.

Pour en savoir plus sur BaM Animation, consultez BaM Animation sur YouTube, leur site Web, leur Discord ou leur Instagram. Consultez également les sites Web de Brent Noll ou Maximus Pauson, ou Twitch de Brent.

Articles connexes :

Making the most of your Wacom with Pablo Muñoz Gómez — Tip 10: How to Back Up Your Custom Wacom Settings

Making the most of your Wacom with Pablo Muñoz Gómez — Tip 10: How to Back Up Your Custom Wacom Settings

“Movink Reminded Me Why I’m An Artist:” Animator Joshua Bronk Reviews The Wacom Movink 13

“Movink Reminded Me Why I’m An Artist:” Animator Joshua Bronk Reviews The Wacom Movink 13

Making the most of your Wacom with Pablo Muñoz Gómez, Tip 9: Other Wacom devices and features

Making the most of your Wacom with Pablo Muñoz Gómez, Tip 9: Other Wacom devices and features

Wacom Movink, My New Best Friend! An animated review by Javadoodles

Wacom Movink, My New Best Friend! An animated review by Javadoodles

Connectez-vous avec Wacom sur les médias sociaux

🎉✨ December of Giveaways is HERE! ✨🎉 The holiday magic is upon us and we're ecstatic to bring you weekly giveaways throughout the month of December! 🎁 Come back every Friday for your chance to unwrap something amazing! ✨ This week, we're giving away a Wacom Movink! 🎨 Here's how to enter: 🎅 Follow @wacom and @wacomedu ❤️ Like this post 🌟 Tag a friend + your favorite creator! This week's giveaway ends 12/27 at 9 am PST. Winner will be tagged in this post and ONLY contacted through official Wacom accounts. Please be extra cautious if contacted via DM – make sure the sender is @wacom or @wacomedu before sharing any personal info. 📩 We’ll only ask for your shipping details if you win! Good luck 🍀 #Wacom #WacomForEducation #WacomGiveaway
628 419
Have you ever tried masking out a person using a mouse? 🫢 @ruthiesmagicalcamera did and it really sucked. 🤷🏻‍♀️ Ruthie likes to have full control over every single detail on her photo composites, and editing with a Wacom pen allows her to get really deep in the details, with razor sharp precision, as if she were painting over her photos 💃✍️📸🌾 Check her out trying out the new #WacomMovink! PS. The Wacom Movink is now on sale! #photoediting #photoretouch #madewithwacom #creativeprofessionals #creativesonthego #digitalphotography
415 9
Jake aka @killerrabbitmedia prefers working on a Wacom Intuos because it's easy to carry and super durable. He also loves pixel art and Asperite because it blends artistry with technical skill. There's a long tutorial video on our YouTube explaining how Jake achieved this look. Go check it out! #madewithwacom #wqcomintuos #intuos #wacomtablet #pixelart #artistsoninstagram
432 6
Enjoy this stylized illustration created by @bonehaus inspired by his recent trip to Amsterdam. ⁣ ⁣ He goes full circle, collecting inspiration and reference, sketching in #AdobePhotoshop, illustrating in #AdobeIllustrator, and then right back to #photoshop for finalizing color and texture 🔄✌️⁣ ⁣ Once in Illustrator, Kirk outlines and traces the major shapes of his sketch, then removes the lines and focuses instead on shapes and shadows. ⁣ ⁣ "I start building in more shadows and more details to help separate any of the shapes that are struggling without that outline. I like my art without a ton of outline, so I prefer the challenge of using some shadows and highlights and stuff to separate them.”⁣ - @bonehaus⁣ Head to the #WacomBlog to read the full interview! ⁣ #MadeWithWacom #WacomCintiqPro #DigitalIllustration #adobeillustrator #Photoshop
369 1
El óleo perfecto para tus ideas es tan delgado como un espejo. 🪞🌾 Descubre la magia de Wacom Movink, nuestro primer lienzo digital OLED. Video creado por la maravillosa @martinab.illustrations 🌹 #WacomMovink #creativeprofessionals #creativesonthego #tabletadigital #artedigital
500 5
📝 Managing license requests and agreements is an essential part of protecting your work as a professional artist. And in this tutorial we show you how to do it easily. Wacom Yuify allows you to easily view, approve, or reject requests, ensuring your creative rights are secured. Streamlining the process means more control over your art and less hassle. 🔒 Ready to simplify your license management? Register for free at yuify.com *Yuify Licensing is only available in selected regions and may require additional agreements for specific cases not covered by the License Builder. #WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
84 2
This week's giveaway is closed now. ✌️✌️✌️ Congratulations @dumartrigali, you're the lucky winner. Thanks to everyone who participated. Stay tuned for this week's giveaway coming up soon! 🎉✨ December of Giveaways is HERE! ✨🎉 The holiday magic is upon us and we're ecstatic to bring you weekly giveaways throughout the month of December! 🎁 Come back every Friday for your chance to unwrap something amazing! ✨ This week, we're giving away a Wacom Cintiq 16! 🎨 Here's how to enter: 🎅 Follow @wacom and @wacomedu ❤️ Like this post 🌟 Tag a friend + your favorite creator! This week's giveaway ends 12/20 at 9 am PST. Winner will be tagged in this post and ONLY contacted through official Wacom accounts. Please be extra cautious if contacted via DM – make sure the sender is @wacom or @wacomedu before sharing any personal info. 📩 We’ll only ask for your shipping details if you win! Good luck 🍀 #Wacom #WacomForEducation #WacomGiveaway
932 585
Therapeutic break! Let's draw some Winnie stickers with @konistudio on a #WacomOne 13. 🧣❄️🌲 #Wacomworkspace #madewithwacom #artistsoninstagram #artistlife
713 13
How to draw fire without burning yourself 🧯🔥 @lplucas thank you for this important service. Stay cozy and stay safe out there friends ✌️ #madewithwacom #drawingtips #digitalartist #digitalart #wacomtips
151699 108
How do you keep inspired during ordinary days? @buttersketch shares a glimpse into her creative process, full of graphic novels, picture books, music, journaling and art materials. "“I really love bribing myself with new materials,” she confesses with a smile. “I think it helps my brain bypass the anxiety of starting, because now I’m focused on just playing.” - @buttersketch✌️ #Wacomworkspace #WacomMovink #creativeprofessional #artistlife #artistsoninstagram #creativeinspiration
238 2
As an artist, protecting your work can feel impossible. Watermarks distort your art, and even then, they can be removed. Many have felt the frustration of seeing creations copied without credit - and that’s why Wacom Yuify exists ✨ —it adds an invisible mark to your work, keeping it safe and traceable without compromising its beauty. 🔒 Ready to protect your art? Visit Yuify.com for more info. Now available for @escapemotions #WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
154 2
Reimagining everyday objects by adding a little bit of magic is easy with a little ingenuity, patience and curiosity. Thank you @monsieur_arefin for walking us through your process and showing us how you edit using Wacom Intuos Pro 🥰 #madewithwacom #photoshop #photoediting #ConnectedInk2024 #artistsoninstagram
282 5