Le Groove des Personnages : Animez les Mouvements de Votre OC !

3 190

Brufhh

Vidéo :

Texte :

Bonjour, je vais vous montrer comment j'anime des danses dans Clip Studio Paint EX, vous pouvez l'utiliser comme guide pour animer les vôtres !

Je vais passer en revue ma configuration/espace de travail de Clip Studio Paint, le processus d'animation et comment l'exporter.

ദ്ദി ˉ͈̀꒳ˉ͈́ )✧

J'animerai DEUX danses :

la première avec un seul personnage sans utiliser de références et la seconde avec plusieurs personnages effectuant les mêmes mouvements de danse mais avec des références utilisées.

✦ Configuration/Espace de travail de CSP

🎞️ 1ère ANIMATION

✤ Créer une toile d'animation

❈ Allez dans la [ Barre de menus ] > [ Fichier ] > [ Nouveau ]

———————————ou———————————

❈ Trouvez et cliquez sur ce bouton comme alternative

◇Dans la fenêtre qui apparaît, sélectionnez Animation à la toute dernière option

◇Changez le nom de l'animation dans Nom du fichier

◇Il y a des tailles prédéfinies que vous pouvez choisir dans Préréglage, vous pouvez également modifier les tailles selon vos préférences et les ajouter aux préréglages en cliquant sur l'icône de sauvegarde 📥

◇La Fréquence d'images est le nombre d'images affichées en une seconde, 24 est standard mais j'utilise aussi personnellement 12 fps

◇Le Temps de lecture est la durée de votre animation, vous pouvez choisir comment vous voulez qu'elle soit affichée dans la chronologie

Pour créer une animation verticale :

-1080x1920

-12fps (personnellement)

-Laissez le temps de lecture tel quel

✤ Configuration/Espace de travail

∟✧ Chronologie

◇Si vous avez accidentellement fermé la chronologie ou si vous ne l'avez pas, vous pouvez aller dans la [ Barre de menus ] > [ Fenêtre ] > [ Chronologie ] puis l'ancrer où vous le souhaitez

1️⃣ Menu de la chronologie

2️⃣ Zoom avant/arrière de la chronologie

3️⃣ Lit l'animation

4️⃣ Boucle la lecture de l'animation

5️⃣ Nouveau dossier d'animation crée un nouveau dossier d'animation (essentiellement un dossier d'images)

6️⃣ Nouvelle Cel crée des images (et des calques)

7️⃣ Assigner la Cel affiche la cel assignée dans la chronologie mais pas dans le panneau des calques

8️⃣ Supprimer la Cel assignée

9️⃣ Le Calque pelure d'oignon est ce qui vous montre vos images précédentes ou suivantes et ce bouton est son interrupteur marche/arrêt

✎🗒 Paramètres de la pelure d'oignon

[ Menu de la chronologie ] > [ Afficher les cellules d'animation ] > [ Paramètres de la pelure d'oignon ]

————————————-———————— OU —————————————————————-

[ Barre de menus ] > [ Animation ] > [ Afficher les cellules d'animation ] > [ Paramètres de la pelure d'oignon ]

vous pouvez l'ajuster à vos préférences, l'image ci-dessous est juste comme je l'aime (—ᴗ—)

∟✧ Table lumineuse

La table lumineuse est quelque peu similaire à la pelure d'oignon, juste QUELQUE PEU, car elles vous permettent toutes les deux de voir les images. La différence est que la table lumineuse n'affiche que les images que vous voulez qu'elle affiche, et la pelure d'oignon affiche soit l'image précédente, la suivante ou les deux, bien que la table lumineuse ait quelques fonctionnalités de plus que la simple affichage de cels spécifiques.

Vous pouvez trouver la table lumineuse en allant dans la [ Barre de menus ] > [ Fenêtre ] > [ Cellules d'animation ]

1️⃣ Active la table lumineuse (interrupteur marche/arrêt)

2️⃣ Verrouille la cel actuelle fait en sorte que la cel actuelle soit la seule qui puisse être modifiée

3️⃣ Activer/désactiver les outils de la table lumineuse c'est ici que vous pouvez mettre à l'échelle, faire pivoter et déplacer la Cel affichée ! (c'est TRÈS utile ദ്ദി ˉ͈̀꒳ˉ͈́ )✧)

4️⃣ Afficher la table lumineuse spécifique à la cel affiche une table lumineuse sur une cel spécifiée

5️⃣ Table lumineuse générale

6️⃣ Mode couleur Modifie la couleur de la Cel de la table lumineuse

7️⃣ Désenregistrer l'image sélectionnée de la table lumineuse

✦ Processus d'animation

✤ Brouillons

C'est ici que vous posez simplement l'idée de ce que vous voulez, c'est l'esquisse en termes d'illustrations.

Pour cette animation, nous animerons une danse qui va de gauche à droite avec des hanches qui se balancent en chemin, tandis que les bras sont sur les côtés, les épaules allant à l'opposé des hanches

◇Créez un nouveau dossier d'animation, nommez-le Brouillons, ou esquisse, ou tout ce que vous voulez tant que vous pouvez encore le distinguer des autres qui seront ajoutés plus tard

✎🗒 L'organisation et les étiquettes sont vos amis, elles vous seront utiles en cours de route, surtout si vous essayez de trouver quelque chose parmi tous les autres !

✎🗒 Vous pouvez surligner votre dossier d'animation en modifiant la couleur de sa palette dans l'onglet des calques, puis en allant dans le [ Menu de la chronologie ] > [ Afficher la couleur de la palette ] > [ Afficher la couleur de la palette sur les clips ]

◇ Activez [ Boucle ] et [ Pelure d'oignon ]

◇Ajoutez une ligne horizontale pour ancrer les mouvements des personnages

✎🗒 [CTRL+R] affiche l'outil Règle, il suffit de cliquer et de glisser pour produire un guide de règle. Si vous voulez le supprimer, faites simplement [CTRL +clic gauche] puis faites-le glisser hors de la toile

✎🗒 Vous pouvez également changer la couleur du calque en cliquant sur [ Changer la couleur du calque], et si vous voulez la changer pour une couleur différente, cliquez sur la flèche vers le bas et choisissez la couleur de votre choix

◇ Dessinez une base grossière du corps de votre personnage afin d'avoir une référence pour les proportions corporelles lors de l'animation et de maintenir un volume similaire tout au long.

◇ Ajoutez de nouvelles images en cliquant sur le bouton [ Nouvelle cel d'animation ], puis commencez à dessiner les images clés de l'animation.

ⓘ Les images clés sont les poses de début et de fin d'une action ; cela peut aussi être appelé pose à pose. Il existe également une autre méthode, appelée directe, qui n'utilise que la première image et continue à partir de là.

◇ La tête et les bras suivent le mouvement du torse et des jambes

✎🗒 Vous pouvez copier et coller des cels/images en sélectionnant les images que vous voulez copier, faites un clic droit, copiez, allez à l'image ou au moment où vous voulez la coller, faites un clic droit à nouveau puis collez, tout changement se reflétera sur toutes les images copiées

∟✧ Attribution de cels par lot

Pour boucler l'animation sans tout redessiner :

◇ Copiez et collez les images dans la fenêtre des calques

◇ Allez dans le Menu de la chronologie > Modifier la piste > Assign Multiple Cels (Assigner plusieurs cels) cliquez sur [Assign by Cel number] (Assigner par numéro de cel)

◇ Dans Start Cel (Cel de début), choisissez le numéro du premier calque copié, puis dans End cel (Cel de fin), mettez le dernier numéro du calque copié

◇Sélectionnez à nouveau les images copiées dans la fenêtre des calques

◇Puis simplement Transform > Flip Horizontally (Transformer > Retourner horizontalement) et ajuster

∟✧ Trajectoires de mouvement

Comme vous pouvez le voir, l'animation ne va pas simplement de gauche à droite de manière droite, elle plonge au milieu puis remonte, c'est parce qu'elle suit une trajectoire de mouvement.

L'arc est l'une des trajectoires de mouvement les plus courantes que vous verrez, les mouvements organiques ont des arcs, ou du moins de légères courbes comme saluer, tourner la tête, marcher, etc.

Ainsi, l'ajout d'arcs au mouvement de votre personnage peut lui donner plus de réalisme au lieu de la trajectoire de mouvement droite et robotique 🤖

✤ Base

Cette partie est celle où vous pouvez affiner les brouillons, ce n'est pas un tiedown car ce sera encore nu, sans cheveux ni vêtements.

je l'appelle aussi parfois images clés car c'est juste une version raffinée de celles-ci •𐃷•

◇ Créez un nouveau dossier d'animation et commencez à tracer le brouillon aussi proprement que possible

◇ Ajoutez les yeux et la bouche ou toute expression faciale que vous souhaitez ajouter

Il est également bon de vérifier si votre synchronisation est bonne, vous pouvez toujours la modifier pendant l'intercalation, mais avoir une synchronisation correcte dès le départ aide.

Pour moi, la synchronisation est le moment où les images sont exposées ou vues dans l'animation et pendant combien de temps.

✤ Tiedown

Il est temps d'habiller la base et de coiffer leurs cheveux !

En supposant que vous ayez déjà un OC, c'est la partie où vous appliquez leurs designs uniques ! et la première étape est BIEN SÛR de créer un nouveau dossier d'animation ! （´∇｀''）

◇Créez un nouveau dossier d'animation pour les vêtements, les cheveux et les accessoires

◇Changez la couleur du calque pour que vous puissiez distinguer les éléments

La façon dont je procède pour les séparer est de décider s'il deviendra un peu difficile de distinguer à quelles lignes elles correspondent, si/quand elles se chevauchent, si elles bougent beaucoup, ou si elles seront un problème à nettoyer plus tard. ( 〃．．)

✤ Nettoyage

C'est assez facile si vous avez été propre avec votre tiedown !

Il suffit d'effacer toute partie du dessin que vous ne voulez pas voir, NETTOYEZ-LE

✤ Intercalation

La partie où vous rendez ces mouvements saccadés fluides en connectant les poses

Plus d'images = mouvements lents

Moins d'images = mouvements rapides

Vous pourriez intercaler en utilisant la méthode de la moitié, en insérant des images à mi-chemin entre les poses de début et de fin, puis à mi-chemin entre la 1ère pose et la moitié de l'intercalation, et ainsi de suite

Ou vous pourriez utiliser la méthode de l'accélération et de la décélération qui rend l'animation beaucoup plus rapide. Vous dessinez la pose initiale mais la décalez un peu pour la décélération, faites de même pour la pose finale pour l'accélération, puis ajoutez une intercalation au milieu

✎🗒 Si vous voulez avoir une miniature de votre image dans la chronologie, allez dans [ Menu de la chronologie ] > [ Taille des miniatures]

✎🗒 Ces petites lignes avant les images suivantes sont des images de flou de mouvement (Smear frames), l'une des façons d'intercaler, il existe de nombreuses façons de créer des images de flou de mouvement mais j'ai opté pour la plus simple.

✤ Couleur

Ah, le moment est venu de rendre notre animation PLUS vibrante.

◇Créez un nouveau dossier d'animation pour la couleur

◇Séparez les dossiers d'animation pour les vêtements et les cheveux s'ils ont un nombre d'images différent

Ajoutez un autre dossier d'animation pour l'ombre, mais c'est facultatif.

Nous avons maintenant accumulé BEAUCOUP de dossiers d'animation, c'est pourquoi j'ai dit au début que l'organisation et les étiquettes sont vos amis (⁠ ⁠╹⁠▽⁠╹⁠ ⁠)

✤ FINAL

Vous avez TERMINÉ ! L'animation l'est, je veux dire, mais oui, vous pouvez maintenant savourer la satisfaction de voir votre OC bouger et être en vie ! ✧｡٩(ˊᗜˋ )و✧*｡

OPTIONNEL : composez, ajoutez des filtres, des arrière-plans, des mouvements de caméra, etc. !

Ou vous pouvez simplement mettre un fond de couleur unie, peut-être 2 couleurs différentes pour donner l'illusion d'un arrière-plan et d'un premier plan. ദ്ദി ˉ͈̀꒳ˉ͈́ )✧

✦ Exportation

C'est simple et direct, donc facile comme bonjour ! ദ്ദി(｡•̀ ,<)~✩‧₊

[ Barre de menus ] > [ Fichier ] > [ Exporter ]

◇ Choisissez le format de fichier que vous souhaitez exporter

🎞️ 2ème ANIMATION

Je ne serai pas AUSSI approfondi sur CERTAINES parties car je fais la plupart des mêmes étapes MAIS je donnerai quand même quelques étapes ici et là

celle-ci est un peu plus difficile que la précédente !

Animer plusieurs personnages même s'ils font les mêmes mouvements est toujours un gros travail mais nous persévérons !

∟✧ Référence

Trouvez de bonnes vidéos haute résolution pour vos références ! Ou des vidéos où le corps est entièrement et clairement visible, à moins que vous ne vouliez quelque chose avec des mouvements de caméra et une mise en scène complexe.

Mes critères pour une bonne vidéo de référence de danse :

Haute résolution
Vue complète du corps
Vêtements ajustés ou vêtements qui n'obstruent pas les mouvements

Après avoir obtenu une vidéo de référence, je la regarde et je prends des captures d'écran de ce que je pense être les images clés, généralement lorsqu'il y a un grand mouvement ou un écart par rapport à la dernière pose, puis je les organise dans un logiciel de référence ou je les colle simplement sur une autre toile dans Clip Studio Paint.

Toutes les images que j'ai prises n'étaient pas des images clés, certaines sont probablement des intercalations (｡•́ ̫ •̀｡)