Salut, les gars !
Je suis Link, un animateur et illustrateur de @linkurys
Linkurys (@linkurys) • Photos et vidéos Instagram
C'est la 3ème fois que je partage des astuces d'animation en ligne, alors si l'un de mes conseils vous semble peu clair ou déroutant, n'hésitez pas à me contacter et à poser des questions ! Vous pouvez laisser un commentaire ou m'envoyer un message privé 😊
Dans ce tutoriel, je vais vous montrer 3 façons d'animer rapidement, facilement et de manière amusante votre personnage danseur ! Chaque méthode a ses défis, mais ne vous inquiétez pas ! Je vous guiderai à travers chaque étape, du début à la fin, en utilisant Clip Studio Paint EX (Ver. 4.0). 😤
Et oui, ce tutoriel est adapté aux débutants ! ✨😉
Je vais vous montrer comment créer une animation de danse simple, facile à suivre et à reproduire par vous-même !🕺
Qu'allons-nous faire ?
Quand vous pensez à animer un personnage danseur, vous pourriez croire que c'est difficile, compliqué et que cela demande beaucoup de travail. Je pensais la même chose avant de commencer à animer. Mais croyez-le ou non, les trois méthodes que nous allons aborder ici sont essentiellement tout ce dont vous avez besoin pour commencer ! Bien sûr, ce n'est pas complètement sans effort — mais c'est certainement plus facile que vous ne le pensez, surtout avec Clip Studio Paint, qui regorge de fonctionnalités géniales et utiles 😎
Puisque nous créons une animation de danse destinée à devenir virale sur des plateformes comme TikTok, YouTube Shorts et Instagram Reels, nous allons d'abord configurer une zone de travail verticale appropriée.
Après cela, nous plongerons dans l'animation elle-même, puis enfin, vous apprendrez comment exporter et partager votre personnage danseur avec le monde ! 🌍🤩
3 Façons d'Animer Votre Personnage Danseur !
Comme mentionné précédemment, je vais vous présenter 3 façons d'animer votre personnage danseur. En commençant par les techniques les plus simples et en passant progressivement à des techniques plus avancées. Ce sont :
1. Animation à 2 images
Oui, vous avez bien lu ! Dans cette technique, tout ce dont vous avez besoin, ce sont juste deux images de votre personnage dans différentes poses, ajoutez une petite retouche entre elles, et le tour est joué ! C'est le moyen le plus simple et le plus facile de donner vie à votre personnage avec un mouvement de danse amusant !
L'animation de danse ci-dessus n'utilise que 2 images différentes pour chaque variation, au fait 👀
2. Animation par Déformation de Marionnette (Puppet Warp)
Ici, au lieu d'utiliser deux poses différentes, vous n'avez besoin que d'une seule pose de votre personnage ! Ensuite, en utilisant un nouvel outil dans CSP Ver 4.0 appelé Déformation de Marionnette (Puppet Warp), vous pouvez plier et déplacer différentes parties du corps pour créer un mouvement fluide qui ressemble à la danse que vous visez. 🏹
Cette danse utilise une seule image et plusieurs expressions faciales 👀
3. Animation image par image
Animez la danse en dessinant chaque mouvement image par image !
Cette technique demande plus d'efforts et peut être un peu difficile, mais c'est aussi le moyen le plus flexible d'animer votre personnage qui danse. Vous avez un contrôle total sur chaque pose, timing et style, ce qui la rend parfaite pour créer des boucles de danse dynamiques et expressives !🕺
Ce sont les trois méthodes que nous allons expérimenter dans ce tutoriel, alors sans plus tarder, commençons ! ✨
Animation image par image !!😍😍
Préparer Votre Espace de Travail
1. Configuration de votre espace de travail Clip Studio Paint
Avant de passer à la partie amusante, configurons d'abord une zone de travail verticale. Nous utiliserons cette configuration pour toutes les techniques d'animation, alors assurez-vous qu'elle est prête !
1. Ouvrez votre Clip Studio Paint
2. Cliquez sur Fichier > Nouveau…
3. Sélectionnez Animation dans Projet
4. Définissez la taille de votre zone de travail/cadre sur 1080 x 1920 px et la résolution sur 200
(Cela vous donne le rapport vertical parfait de 9:16, couramment utilisé pour les plateformes de médias sociaux comme TikTok, Instagram Reels et YouTube Shorts.)
5. Définissez la fréquence d'images sur 12
Ne vous inquiétez pas, nous allons toujours créer une animation de danse fluide et amusante avec cette fréquence d'images 😉
Mais si jamais vous souhaitez l'augmenter plus tard, vous pouvez toujours la modifier dans les Paramètres du document à tout moment !
6. Définissez le Temps de lecture sur 50 (facultatif)
7. Cliquez sur OK
🚩Ou ne cliquez pas encore, si vous souhaitez continuer avec l'étape facultative supplémentaire après celle-ci !
2. Zone de sécurité des titres (Facultatif)
Cette étape est facultative et vous pouvez tout à fait la sauter — mais je la recommande vivement !
Vous savez comment Instagram ou TikTok placent leur interface utilisateur, tels que les boutons J'aime, Commenter et Partager, sur le côté droit de l'écran ? Sans compter que la Légende en bas peut couvrir une partie de votre vidéo.
Avec l'option Zone de sécurité des titres dans Clip Studio Paint, vous pouvez marquer ces zones spécifiques afin que, lorsque vous créez votre animation, les parties importantes ne soient pas couvertes lorsque vous la publiez sur les réseaux sociaux. 😉
Dans les Paramètres du projet d'animation :
1. Cochez Paramètres des images d'animation
2. Activez Zone de sécurité des titres
3. Ajustez les marges inférieure et droite à environ 250 px et 200 px, ou jusqu'à ce que vous soyez sûr que les parties clés de votre vidéo ne seront pas couvertes par les boutons d'interface.
4. Cliquez sur OK
💡Gardez à l'esprit, c'est juste un guide visuel, comme une règle, pour vous aider à marquer les zones qui pourraient être couvertes lors de la publication sur les réseaux sociaux. Cela n'affectera en rien votre animation ou votre exportation !
Votre affichage devrait ressembler à ceci ✨
💡Si le Panneau Chronologie n'apparaît pas, vous pouvez aller dans Fenêtre > Chronologie pour l'activer
Hourra ! Vous avez terminé la configuration de votre espace de travail Clip Studio Paint ! ✨
Commençons à animer la danse ! 🤩
Animer et Déplacer Vos Éléments
Si vous lisez ceci, cela signifie que vous êtes prêt à animer votre personnage danseur, n'est-ce pas !? (Ou peut-être avez-vous simplement sauté à cette partie 😏). Quoi qu'il en soit, commençons par la méthode la plus simple et la plus facile : l'Animation à 2 images !
1ère Astuce : Animation à 2 images
🧩 Comment fonctionne l'animation à 2 images ?
L'idée de ce tutoriel est de faire passer votre personnage de deux poses de danse différentes en utilisant la technique d'écrasement et d'étirement (Squash and Stretch) pour donner à l'animation un bel effet de rebond, afin de rendre le mouvement plus naturel.✨
👀Bien sûr, ces deux poses doivent bien se synchroniser pour que le mouvement soit fluide et amusant. Mais en fait, vous pouvez appliquer cette méthode à n'importe quel type de pose que vous voulez !😉
1. Préparez votre personnage
Eh bien, pour cette partie, permettez-moi de vous présenter l'un de mes personnages originaux : Caramel !
Je l'ai préparé avec deux poses de danse. L'une où il est debout, les bras levés, et l'autre où il est à moitié accroupi, les bras baissés à la taille (je ne connais pas le nom de cette danse… désolé 😅). Le rendant fabuleux avec cette danse simple🤩
🎶N'hésitez pas à créer vos propres poses à deux images !
Combinez-les et cela ressemblerait à ceci !
Nous pouvons voir un certain mouvement maintenant 👀
2. Animer la danse
Après avoir préparé le matériel nécessaire, commençons l'animation !
1. Créez un nouveau dossier d'animation > Nouveau calque de dossier > Nouveau calque
🚩Rappel rapide !
Le dossier d'animation par défaut lorsque vous avez démarré un nouveau projet ne contient qu'un seul calque, ce qui signifie que vous ne pouvez pas empiler plusieurs calques à l'intérieur. Pour travailler plus facilement, surtout si votre dessin comporte plusieurs calques, supprimez le dossier d'animation par défaut et créez-en un nouveau avec un Calque de dossier à la place !
💡Cela vous permet de coller votre dessin d'un autre projet qui contient plusieurs calques dans un seul dossier d'animation. C'est également utile si vous n'avez pas encore préparé votre dessin, car cela rend le processus beaucoup plus facile à gérer.
2. Créez de nouvelles cellules d'animation ou une nouvelle image
3. Importez votre personnage que vous avez préparé, sur chaque cellule d'animation
4. Activez les Pellicules d'oignon (Onion Skins) pour aligner votre personnage de manière transparente
💡Cela vous permettrait de voir l'image suivante ou précédente dans votre chronologie d'animation
Cela ressemblerait à ceci ✨
5. Créez une nouvelle cellule d'animation après l'image 1 et avant l'image 2
6. Dupliquez l'image 1 et l'image 2 sur chaque nouvelle cellule d'animation
L'aperçu des images serait comme ceci
Vous avez maintenant dupliqué l'image 1 et l'image 2 sur chaque nouveau calque
7. Sur l'image 1a, appuyez sur CTRL SHIFT T pour entrer en Mode Transformation Libre
8. Cliquez et maintenez le nœud carré supérieur central, puis tirez-le doucement vers le bas pour écraser légèrement le personnage. Puis OK
✨Cet écrasement agit comme une anticipation, donnant au personnage une préparation rapide avant de passer à la pose suivante
Le résultat ressemblerait à ceci
9. Passez à l'image 1b, appuyez sur CTRL SHIFT T pour entrer en Mode Transformation Libre
10. Cliquez et maintenez le nœud carré supérieur central, puis tirez-le doucement vers le haut pour étirer légèrement le personnage. Puis OK
11. Parce que cette animation est simple et rapide, nous pouvons réajuster la lecture des images de 1 à 10 images seulement
💡Vous pouvez faire glisser le carré bleu au-dessus de votre chronologie d'animation
12. Ajustez l'espacement et le timing des images pour que l'effet de rebond soit plus fluide et naturel.
👀 Assurez-vous que l'Image 1 est placée près de l'Image 1a, et faites de même pour l'Image 1b et l'Image 2. Laissez un peu d'espace entre ces deux groupes pour donner à votre animation un meilleur rythme et un meilleur rebond !
13. Terminé !✨🤩
3. Le résultat
Félicitations ! Vous venez de créer une animation de personnage danseur en utilisant seulement 2 images de poses ! 🎉
4. Complétez la danse !
Complétez votre danse en ajoutant une autre variation de poses à 2 images à votre animation, ajoutez quelques boucles, et Ta-Da ! 🤩
Seulement 6 poses différentes — et boom ! Une danse complète comme celle ci-dessus est créée ! Si simple, n'est-ce pas ? 😉✨
🎉 NIVEAU SUPÉRIEUR ! FÉLICITATIONS ! ✨
Vous venez de terminer la Technique d'Animation à 2 images pour donner vie à votre personnage ! Maintenant, vous êtes prêt à plonger dans l'Animation par Déformation de Marionnette (Puppet Warp) ! 🔥
2ème Astuce : Animation par Déformation de Marionnette (Puppet Warp)
🧩Comment fonctionne l'animation par déformation de marionnette (Puppet Warp) ?
Pour faire simple, l'outil Déformation de Marionnette (Puppet Warp) vous permet de plier, tordre ou étirer des parties de votre image en plaçant des points de contrôle, un peu comme si vous ajoutiez des articulations invisibles à votre personnage !
Il est parfait pour ajouter du mouvement à un dessin statique sans avoir à tout redessiner😁
Et oui, nous allons utiliser cet outil pour faire danser notre personnage !🕺✨
0. Avant de commencer...
Avant de nous lancer, simplifions les choses ! Comme nous utiliserons beaucoup l'outil Déformation de Marionnette (Puppet Warp), attribuez-lui une touche de raccourci. Cela vous fera gagner du temps et rendra le processus d'animation beaucoup plus fluide ! 🎯
1. Allez dans Fichier, puis Paramètres des raccourcis…
2. Choisissez la catégorie Commandes de menu, puis Éditer
3. Allez dans Transformer
4. Double-cliquez sur la Déformation de marionnette (Puppet warp)
5. Attribuez votre raccourci clavier comme vous le souhaitez !
👀Pour ma part, j'utiliserai Ctrl Shift Y
6. Cliquez sur OK
Vous êtes prêt ! Continuons ! 🕺
1. Préparez votre personnage
Pour cette partie du tutoriel, j'utiliserai un personnage différent pour aider à rendre le concept plus facile à comprendre et plus amusant ! Permettez-moi de vous présenter : Vanilla ! 🥰
Like I mentioned at the beginning, this technique only requires a single pose of your character ! 🤯🔥
Yes, unlike the 2 frames animation method, which we’ve done before 👀
Since we’re creating a simple dance using this method, I recommend drawing your character in a T-pose, just like mine.
💡Why a T-pose?\ Because it makes puppet warping much easier and helps reduce image distortion when you start bending and moving each body part.
2. Séparez les parties
⚠️Bien que nous n'utilisions qu'une seule pose, voici le piège : vous devrez séparer les parties du corps de votre personnage.
Dans cet exemple, je vais simplifier en séparant juste la tête et le corps de mon personnage.
🤔 Pourquoi dois-je les séparer ?\ C'est parce que lorsque vous déplacez le corps de votre personnage en utilisant les articulations de la Déformation de Marionnette, la tête ne sera pas déformée. Séparer des parties comme la tête aide à préserver leur forme intacte pendant l'animation.
3. Animer la danse
En utilisant le dessin que nous avons préparé, créons une simple animation de danse des hanches, juste comme celle-ci !✨
Analysons-le !🔍
Comme le montre le croquis ci-dessus, l'animation se compose de trois poses clés avec la même position des mains. La seule différence est au niveau des hanches : l'une reste immobile, l'une se déplace vers la gauche et l'une vers la droite, et juste comme ça, vous avez une boucle simple !
Donc, tout ce que nous devons créer pour commencer, ce sont ces trois poses clés :
Nous commencerons par créer la pose debout (puisque c'est la plus facile), puis nous passerons à l'ajustement des hanches.
Création de la 1ère pose clé
Après avoir configuré votre nouvel espace de travail :
1. Créez 2 nouveaux Dossiers d'animation ou Calques sur la Chronologie
💡Un pour la Tête, et l'autre pour le Corps
2. Importez les parties de votre personnage sur chaque calque, puis alignez-les
3. Choisissez le calque du Corps, puis activez le mode Déformation de Marionnette (Puppet Warp)
💡Pour une meilleure clarté de l'aperçu de l'image, vous pouvez désactiver l'option Afficher le maillage
4. Ajoutez des épingles (ou articulations) aux zones clés du corps. Par exemple, j'en ai placé cinq : deux sur les bras, deux sur les jambes et une au centre du corps.
💡Guide rapide
Si vous avez mal placé l'épingle, vous pouvez la retirer en maintenant ALT et en cliquant avec le bouton gauche sur cette épingle
5. Une fois les épingles en place, vous êtes prêt ! Maintenant, vous pouvez lever les bras sans déformer le reste du corps.
6. Cliquez sur OK
⚠️Rappel rapide
Toutes les modifications que vous apportez avec l'outil Déformation de Marionnette (Puppet Warp) sont permanentes une fois que vous cliquez sur OK. Donc, si vous repérez une erreur après coup, vous devrez refaire tout le processus depuis le début.\ Assurez-vous donc que tout semble correct avant d'appliquer la pose finale !✨
Nous avons maintenant terminé la pose debout principale 🥳✨
Continuons avec les deux autres poses clés !
Création des 2ème et 3ème poses clés
1. Créez de nouvelles cellules d'animation ou images sur le calque du Corps
2. Copiez le Corps de votre personnage sur cette nouvelle image (celle qui a été déformée)
3. Choisissez le Calque du Corps que vous avez copié, puis activez le mode Déformation de Marionnette (Puppet Warp)
4. Ajoutez des épingles (ou articulations) aux zones clés du corps. Comme nous l'avons fait précédemment
5. Déplacez l'épingle centrale (celle de l'estomac) vers la gauche
6. Déplacez les deux épingles des mains légèrement dans la même direction que la hanche pour éviter que les mains ne paraissent étirées ou « collées » en place.
Comme vous pouvez le voir sur l'image ci-dessus, la pose est déjà superbe ! Mais le cou et les pieds ne sont pas encore tout à fait corrects. Voici comment y remédier :
7. Ajoutez une nouvelle épingle de marionnette sur le cou afin que nous puissions ajuster et verrouiller sa position
8. Pour les pieds, sélectionnez l'épingle qui y est attachée. Ensuite, vous pouvez l'ajuster en faisant pivoter la poignée circulaire autour de l'épingle
9. Cliquez sur OK et Terminé ! ✨
Nous avons maintenant terminé la pose clé de la hanche gauche ! 🥳
Ensuite, créez une nouvelle image, copiez le Corps de la première pose debout, et répétez le même processus pour créer la pose clé de la hanche droite !
Après cela, nous avons maintenant terminé les trois poses clés principales ! 🔥
Pour créer la boucle, il suffit de dupliquer la pose debout principale et de la placer entre les poses de hanche gauche et droite. Cela aide à fluidifier la transition et à compléter la boucle joliment !
Combinez-les, et cela ressemblerait à ceci !
Bien que vous puissiez considérer que c'est terminé ici, allons plus loin et rendons le mouvement encore plus fluide grâce à l'intercalage (In-betweening) ! 💃✨
L'intercalage signifie simplement ajouter plus d'images entre chaque pose clé pour que le mouvement paraisse plus fluide et plus naturel.
Ajoutons une nouvelle cellule d'animation ou image entre les trois poses clés
Votre chronologie ressemblera à ceci :
Vous avez remarqué à quel point les noms des images sont un peu désordonnés ? C'est parce que nous avons ajouté de nouvelles images dans le désordre, donc le format de nommage s'est un peu embrouillé.
Pour corriger cela, vous pouvez simplement :
1. Ouvrez le Menu Bouton Burger sur le côté des onglets de la chronologie
2. Choisissez Modifier la piste > Renommer dans l'ordre de la chronologie
Maintenant votre chronologie est de nouveau bien rangée, propre et nette ! 🥰
D'accord, continuons !
Basé sur la chronologie ci-dessus, les images intermédiaires sur lesquelles nous devons travailler sont les suivantes :
Comme vous pouvez le voir sur l'image ci-dessus, les images 2 et 4 partagent le même dessin intermédiaire, et il en va de même pour les images 5 et 7.
Puisqu'elles sont identiques, nous n'avons besoin de créer qu'un seul intermédiaire pour chaque paire, puis de les dupliquer simplement plus tard !
Réalisation des intermédiaires 1 et 2
1. Activez les Pellicules d'oignon (Onion Skin) pour voir les images précédente et suivante afin de mieux vous référer.
2. Copiez le corps de la pose clé principale debout dans l'image 2 (le premier intermédiaire).
3. Activez l'outil Déformation de marionnette (Puppet warp)
4. Ajoutez quelques épingles de marionnette comme nous l'avons fait précédemment
5. Déplacez et déformez légèrement l'image pour qu'elle ressemble à une transition naturelle entre la pose debout et le mouvement de la hanche gauche.
💡Conseils rapides
Concentrez-vous simplement sur le positionnement de votre personnage à mi-chemin entre les contours bleus et verts de la pellicule d'oignon.
1. Le bleu représente l'image précédente
2. Le vert représente l'image suivante
Cela vous aide à trouver la pose intermédiaire parfaite pour une transition fluide !
Cela devrait ressembler à ceci
6. Une fois que vous êtes satisfait de la première pose intermédiaire, dupliquez-la simplement sur l'Image 4. Cela maintient le mouvement de retour fluide et cohérent
7. Maintenant, faites la même chose pour les Images 5 et 7, votre deuxième intermédiaire pour le mouvement de hanche droite.
8. Mettez tout cela ensemble et votre animation de danse de hanches fluide est terminée 🎉🕺✨
4. Le résultat
Félicitations ! Vous venez de créer une animation de personnage danseur fluide en utilisant les outils de marionnette !🥳🎉
Ou si vous voulez changer l'ambiance de la danse, essayez de jouer avec différents espacements et timings, et vous pouvez ajouter des effets de rebond comme ceci :
Quoi qu'il en soit, c'est à votre imagination de décider ! 🕺✨
5. Complétez la danse
Je suis sûr que vous avez acquis les compétences nécessaires pour animer votre propre personnage et créer des mouvements de danse amusants et originaux en utilisant la déformation de marionnette (Puppet Warp). Les bases sont les mêmes après tout 😎
Ajoutez plus d'images et de mouvements avec l'outil marionnette. Changez les expressions, expérimentez avec les articulations, bouclez-le en douceur, et ta-da ! Votre danse complète est prête à briller ! 🤩✨
Juste avec une image de votre personnage (enfin… sans compter le visage supplémentaire, hehe), vous pouvez créer une danse complète comme celle-ci ! Une fois que vous devenez créatif et maîtrisez cette technique, les possibilités de création d'animations de danse sont vraiment illimitées ! 🤯🔥
Enfin…
Bien que la déformation de marionnette soit géniale et amusante, elle a ses propres limites. Vous ne pouvez pas vraiment faire de mouvements complexes avec elle, car l'image risque d'être déformée si vous y placez trop d'épingles et de courbures. Elle a également du mal avec des mouvements plus avancés comme les rotations, les vues latérales, ou tout ce qui nécessite plus de flexibilité.🤯🤯
Mais ne vous inquiétez pas !😤🔥
C'est là qu'intervient notre prochaine astuce : l'Animation image par image ! Cela vous donne beaucoup plus de flexibilité pour gérer les mouvements complexes !
🎉 NIVEAU SUPÉRIEUR ! FÉLICITATIONS ! ✨
Vous venez de terminer la Technique d'Animation par Déformation de Marionnette (Puppet Warp) pour donner vie à votre personnage ! Maintenant, vous êtes prêt à plonger dans l'Animation image par image ! 🔥
3ème Astuce : Animation image par image
🧩Comment fonctionne l'animation image par image ?
L'idée de ce tutoriel est de créer une animation de danse en dessinant différentes images pour chaque image, et en jouant avec l'espacement et le timing pour rendre le mouvement fluide et amusant.😎✨
Si vous avez terminé les deux méthodes précédentes que je vous ai montrées, alors vous êtes plus que prêt à vous lancer dans l'animation image par image ! C'est facile, je vous le jure ! 😤
1. Esquisse d'animation
Dans cette section, au lieu de simplement préparer les dessins, nous commencerons par esquisser le mouvement prévu. Nous déciderons comment le personnage se déplace, quelle danse il fera, etc. Pour simplifier les choses, nous reviendrons à l'utilisation du personnage original de ma 1ère astuce, Caramel 😺
💡Note
Plus votre personnage est détaillé, plus l'animation peut prendre du temps, mais c'est tout à fait normal ! Soyez patient et profitez du processus 🥰
Étape 1 : Concept d'animation
Avant de commencer à dessiner, réfléchissez à la danse que vous voulez créer.
Comprendre clairement votre objectif améliorera à la fois la qualité et la vitesse de votre animation, il est donc important de savoir ce que vous visez !
Dans ce tutoriel, je vais réaliser une animation rapide et simple pour vous aider à comprendre le processus : une jolie boucle de danse avec balancement de bras !
Analysons-le ! 🔍\
Comme le montre le concept ci-dessus, le dessin se compose de deux poses clés avec la même position du corps. La seule différence est au niveau des bras : l'un est levé et l'autre est baissé. Donc, tout ce que nous avons à faire est d'animer les deux bras qui changent de position d'avant en arrière, si simple, n'est-ce pas !? 😎
Donc, tout ce que nous devons créer, ce sont ces deux poses clés du concept, ainsi qu'une image supplémentaire pour montrer la transition lorsque les mains changent de position.
Étape 2 : Esquisse de gestes
Après avoir configuré votre nouvel espace de travail :
1. Créez un nouveau Dossier d'animation sur la chronologie, puis renommez-le Croquis
2. Dessinez les première et deuxième poses clés du concept
💡Conseils rapides
Vous pouvez simplement dupliquer la 1ère image, puis juste changer la main
Combinez-les, et cela ressemblerait à ceci
3. Ajoutez une image supplémentaire entre ces deux images et après la dernière image pour la boucle
📌Où la main est à la même hauteur et position lorsqu'elles changent
💡Vous pouvez activer les Pellicules d'oignon (Onion Skin) pour une meilleure référence
Votre chronologie ressemblerait à ceci
C'est facultatif, mais renommons nos images en K1, K2 et K3 pour un processus d'apprentissage plus fluide
Et l'esquisse de l'animation ressemblerait à ceci
Nous avons maintenant terminé les 3 poses clés principales de notre animation de danse ! ✨
Maintenant, rendons l'animation plus fluide en ajoutant des images intermédiaires (in-between) !
Oui, tout comme nous l'avons fait précédemment en utilisant la technique d'animation par déformation de marionnette (Puppet Warp).
Sur l'image ci-dessus, vous remarquerez que IB1 et IB2 apparaissent chacun deux fois. Comme ils sont identiques, il vous suffit de les dessiner une fois et de dupliquer le reste !
Réalisation des intermédiaires 1 et 2
1. Activez les Pellicules d'oignon (Onion Skin) pour voir les images précédente et suivante afin de mieux vous référer
2. Ajoutez une nouvelle image et dessinez l'image intermédiaire de K1 et K2.
📌Rappelez-vous
Comme seul le bras bouge, vous pouvez dupliquer le corps seul, puis simplement redessiner le bras pour un mouvement plus facile et plus cohérent.
💡Conseils rapides
Concentrez-vous simplement sur le positionnement de votre personnage à mi-chemin entre les contours bleus et verts de la pellicule d'oignon.
1. Le bleu représente l'image précédente
2. Le vert représente l'image suivante
Cela vous aide à trouver la pose intermédiaire parfaite pour une transition fluide !
cela devrait ressembler à ceci
6. Une fois que vous êtes satisfait de la première pose intermédiaire, dupliquez-la simplement vers l'autre intermédiaire identique. (Comme l'aperçu de l'image ci-dessus)
7. Maintenant, faites la même chose pour le 2ème intermédiaire
8. Mettez tout cela ensemble et cela ressemblerait à ceci !
Maintenant que nous avons ajouté les intermédiaires, l'animation semble un peu rugueuse, n'est-ce pas ? Ne vous inquiétez pas, vous pouvez corriger cela en ajoutant un effet de rebond sur votre chronologie !
📌J'ai renommé les images en BC1 et BC2
L'effet de rebond :
📌Un effet de rebond signifie simplement ajouter quelques dessins superposés supplémentaires juste avant la fin du mouvement
Le résultat ressemblerait à ceci !
Voyez la différence ? Ça a l'air plus dynamique, n'est-ce pas ?
Le mouvement des mains seul ne suffit pas à rendre notre personnage fluide. Ajoutons un mouvement de hanches sans gâcher la position des mains 👀
1. Créez un nouveau dossier d'animation au-dessus du Croquis
2. Réduisez l'opacité du calque de croquis
3. Redessinez le corps par défaut sur l'image 1
4. Créez l'image 2 au milieu de la lecture de l'animation. Comme nous avons 16 images, j'ai placé cette image sur la 8ème image
5. Ajoutez une légère modification à la position des hanches.
Dans ce cas, je ferai reculer légèrement la hanche.👀
6. Créez un effet de rebond en ajoutant une ligne de hanche superposée dans l'image avant le début du mouvement
7. Sur le calque de croquis, effacez tous les croquis de corps inutiles précédents, puis couvrez-les ou remplacez-les par les nouveaux que nous venons de créer.
💡Vous pouvez augmenter votre opacité à nouveau
Combinez-les, et cela ressemblerait à ceci
Eh bien, regardez ça ! Notre personnage a déjà un mouvement stylé. Maintenant, introduisons le design du personnage. Il est temps de l'esquisser 😎🔥
Étape 3 : Esquissez votre personnage
1. Créez un nouveau dossier d'animation au-dessus du Croquis et du Croquis du corps
Comme nous avons deux mouvements distincts, il est bon de diviser l'esquisse du personnage : un calque pour les bras et un autre pour le corps
2. Réduisez l'opacité du calque de croquis et de croquis du corps
3. Sur le calque du corps, dessinez et esquissez le design de votre personnage sur chaque image en vous basant sur le geste que nous avons déjà créé. Ensuite, faites de même pour le calque des mains
👀 Rappelez-vous !\ Ce n'est qu'une esquisse de notre design de personnage, alors ne vous inquiétez pas si les lignes sont désordonnées ou rugueuses. Nous nettoierons tout plus tard lors de l'étape du lineart. Mais si vous voulez sauter cette étape et passer directement au lineart en réalisant un dessin propre pour votre personnage, c'est à vous de voir !
Pour le design de mon personnage, cela ressemblerait à ceci
Maintenant vous pouvez voir l'image de mon personnage Caramel !
L'aperçu complet de toutes les images d'esquisse brutes ressemblerait à ceci
Et voici l'aperçu de la chronologie
📌Je les regroupe dans un seul dossier pour les rendre plus ordonnés
Une fois l'animation et nos croquis de personnages terminés, l'étape suivante consiste à réaliser le lineart propre.✨
2. Lineart
Maintenant que nous avons atteint le mouvement désiré lors de l'esquisse, il est temps d'affiner notre animation avec des lignes douces et précises ! 😻💖
Étape 1 : Configuration des calques
1. Créons trois calques d'animation différents — un pour le corps, un pour la main droite et un pour la main gauche. Vous vous demandez peut-être pourquoi séparer les mains ? Si vous regardez nos croquis d'animation, la superposition des calques du personnage ressemblerait à ceci...
C'est pourquoi nous les séparons, pour faciliter la coloration par la suite et pour éviter que les calques ne se chevauchent de manière désordonnée
Votre chronologie ressemblerait à ceci
✨Facultatif : Vous pouvez ajouter un nouveau calque d'animation pour son visage, afin de pouvoir changer l'expression aussi !
💡Rappel :\ Assurez-vous de maintenir l'ordre des calques correct et utilisez un dossier de calques pour pouvoir appliquer plusieurs calques sur une seule image
Étape 2 : Réalisation du lineart
Après avoir configuré le calque d'animation, dessinons notre lineart dessus !
Voici quelques conseils qui pourraient vous aider pendant le processus :
Outils :
1. Sélectionnez vos outils de stylo ou de pinceau préférés qui correspondent à vos styles de dessin (ceux que vous utilisez toujours dans vos dessins). Dans mon cas, j'utilise le stylo texturé
3. Assurez-vous d'avoir une taille de stylo ou de pinceau constante !
4. Activer le stabilisateur sur votre stylo vous aidera considérablement lors du tracé de votre ligne
5. Ajoutez plus de calques tramés à votre dossier de calques, afin de pouvoir dessiner les parties de votre personnage séparément
6. Utilisez les outils de transformation pour modifier la position, la forme de votre dessin, etc.
Conseils :
1. Utilisez des traits longs et continus pour un aspect plus lisse et plus confiant plutôt que des traits courts et hachés.
2. Faites des pauses, dézoomez périodiquement pour voir l'image globale et assurez-vous que tout est proportionnel et cohérent.
3. SOYEZ PATIENT, si une ligne ne semble pas correcte, n'hésitez pas à l'annuler et à réessayer. Visez la meilleure qualité, même si cela prend plusieurs tentatives.
4. Nettoyez toutes les lignes qui se chevauchent ou les imperfections une fois que vous avez terminé pour donner un aspect poli à votre animation.
5. N'hésitez pas à personnaliser les poses des personnages et à ajouter des images à l'animation.
6. Visualisez la progression de votre lineart propre en activant et désactivant la visibilité du calque d'esquisse.
Et c'est tout pour les conseils de lineart que je peux vous donner pour l'instant
Bonne chance et amusez-vous bien à faire le lineart ! 😘
Voici à quoi ressemble le lineart de mon animation ! 😎✨
Pas besoin de se stresser avec les lignes qui se chevauchent. Les couleurs les couvriront plus tard !😎
3. Colorisation et Rendu
La façon dont nous colorons et rendons nos dessins en animation dépend de la complexité du dessin. Plus votre personnage est détaillé, plus il faudra de temps pour le terminer. Donc, si vous prévoyez de créer une animation de danse pour les réseaux sociaux, je vous recommande fortement de rester simple, d'utiliser juste des couleurs plates et un rendu facile.
D'après mon expérience, ce qui fait vraiment ressortir une animation de danse, c'est le mouvement et l'unicité de votre personnage, pas le détail. 👀
Étape 1 : Configuration des calques
1. Créez un nouveau calque d'animation en dessous pour chaque calque de lineart que nous avons créé
2. Ajoutez un nouveau dossier de calques pour chaque calque de couleur
Maintenant que vous avez terminé de configurer votre calque d'animation pour la couleur, passons à l'étape suivante !
Étape 2 : Couleur de base
1. Commencez à colorer sur votre calque de couleur, en suivant chaque image que vous avez créée.
💡Conseils rapides
Vous pouvez utiliser l'outil de remplissage pour un processus plus rapide !
2. Pour un flux de travail plus fluide, ajoutez une palette de couleurs pour aider à identifier votre calque de couleur.🎨
Voici mon personnage avec la couleur de base 😎✨
Étape 3 : Rendu
Normalement, le rendu inclut des éléments comme les couleurs secondaires, les ombres et les reflets. Mais pour cette animation, je la garde simple, j'ajouterai juste la couleur secondaire à mon personnage et je m'en tiendrai aux couleurs plates, sans ombrage.
Tout d'abord, ajoutons une ligne de couleur secondaire pour la couleur secondaire de mon personnage.👀
🤔Qu'est-ce qu'une ligne de couleur secondaire ?
Les lignes de couleur secondaire sont de simples guides ajoutés à chaque image clé pour aider à placer les couleurs secondaires du personnage de manière cohérente. Ces lignes agissent comme des bordures où les couleurs secondaires seront appliquées pendant le rendu.
1. Créez un nouveau calque d'animation au-dessus du calque de lineart de votre personnage
2. Maintenant, dessinons la ligne de couleur secondaire selon le design de notre personnage
💡Conseils rapides
Utilisez une couleur pour les lignes qui contraste avec la couleur de base pour les rendre claires et faciles à voir.
3. Faites la même chose pour toutes vos images
4. Ensuite, tout ce que vous avez à faire est d'utiliser l'outil de remplissage sur votre calque de couleur pour appliquer la couleur secondaire à chaque image.
📌Assurez-vous que l'option de l'outil de remplissage est « Référencer les autres calques »)
5. Ensuite, vous pouvez supprimer la ligne de couleur secondaire, ou simplement basculer le bouton de visibilité
Ta-da ! Voici le résultat final de notre animation ! 🥳🎉🎉
NIVEAU MAXIMUM ATTEINT ! FÉLICITATIONS ! ✨
Vous avez maîtrisé l'art de l'animation image par image pour créer un personnage danseur ! Fort de cette réussite, vous êtes maintenant prêt à vous lancer dans de nouvelles aventures créatives et à perfectionner vos compétences. Le monde de l'animation attend avec impatience votre prochain chef-d'œuvre ! 🚀
Exporter Votre Personnage Danseur
Nous avons atteint le dernier chapitre de notre voyage explorant différentes idées et techniques pour créer un personnage danseur. Maintenant, rassemblons tous les mouvements de danse que nous avons créés ! 🥰💖
1. Ajustez le point de début et de fin d'animation préféré (la lecture)
2. Ouvrez Fichier > Exporter l'animation > Film…
3. Nommez votre fichier d'animation de danse
4. Choisissez le format ou enregistrez sous le type MP4
5. Lorsque la fenêtre contextuelle apparaît, vérifiez les paramètres de mise à l'échelle, définissez la fréquence d'images sur 12 comme prévu, et désactivez 'Appliquer les effets de caméra 2D'.
6. OK
Et voilà, votre adorable animation de danse est prête à être partagée avec le monde entier ! 😆✨✨
Conseils pour les créateurs débutants
Avant de partir, laissez-moi vous donner quelques conseils au cas où vous aspireriez à devenir une idole TikTok ou Instagram en un rien de temps !
1. Suivez les tendances !👀
Recréez des danses virales populaires sur les réseaux sociaux ou utilisez une chanson virale et créez votre propre danse avec. C'est le moyen le plus rapide d'augmenter l'engagement et de faire grandir votre compte.
2. Rendez-le amusant et unique !🧐
Concevez votre personnage pour qu'il soit aussi amusant et unique que possible. Plus votre personnage est distinct, plus il est facile pour les gens de vous remarquer et de se souvenir de vous !
3. Appréciez le processus !🙊
Si les choses ne se déroulent pas exactement comme vous l'avez imaginé, ne vous inquiétez pas, cela fait partie du voyage. Continuez à aimer ce que vous faites et soyez cohérent. Finalement, le monde vous remarquera. 💪✨
Conclusion
Notre voyage de partage de mes expériences dans la création d'animations de danse est arrivé à son terme. Ce fut un plaisir de vous guider à travers ce processus, et j'espère sincèrement que vous l'avez trouvé inspirant et utile 🥺💖
À la prochaine ! ✨✨✨
Les utilisateurs qui ont aimé cette publication
Commentaire