Prologue

Si vous rencontrez l'un des problèmes ci-dessous lors de l'animation des cheveux.

- Votre personnage semble chauve.\n- La tête de votre personnage ressemble à celle d'un alien [sauf si c'est votre intention]\n- Vos cheveux flottent pendant l'animation.\n- Vous ne savez pas où dessiner les mèches ou les courbes.\n- Vous ne savez pas comment décider quelle partie sera épaisse ou fine, plate ou large.

Alors cet article est fait pour vous !

Processus vidéo

❌️ Dessiner chaque mèche de cheveux

Stylisez les cheveux pour maintenir un volume et une amplitude constants, et réduisez le temps inutile pendant le processus.

Styliser les cheveux

La clé pour styliser les cheveux est la SIMPLIFICATION et l'EXAGÉRATION\nAu lieu d'illustrer chaque mèche de cheveux, je préfère les combiner en formes de RUBANS

Je décide ce qu'il faut garder et ce qu'il faut ignorer en diversifiant les calques, la taille.\nN'ayez pas peur d'aller trop loin\nPoussez plus loin pour les rendre nets et dynamiques, uniques et intrigants.\nLa stylisation équivaut à déformer sélectivement la réalité.

Parfois je dessine les cheveux comme un TRONC

Ou simplement en utilisant l'outil pour bloquer la forme comme ceci.

Outil

1. Choisissez le symbole Stylo\n2. Cliquez ici pour ouvrir la liste des stylos\n3 - 4. Je préfère utiliser des stylos épais comme Mapping et Calligraphy pour accélérer mon processus d'esquisse.\n5. Ouvrez l'onglet Propriété de l'outil\n6. Pour ajuster la taille du pinceau afin qu'il corresponde à la taille du personnage.

1. Sur le calque sélectionné\n2. Ouvrez l'onglet Propriété du calque\n3. Choisissez l'effet Bordure\n4. Ajustez la couleur du trait extérieur ici\n5. Ajustez l'épaisseur du trait si nécessaire \n6. La couleur à l'intérieur du contour peut être modifiée ici\n7. Cet effet peut affecter d'autres images[calques] dans un dossier d'animation sans avoir besoin d'ajustements répétés.

✅️ Identifier les points de départ

Placer la ligne des cheveux, la raie ou le tourbillon de cheveux au bon endroit pour éviter un flottement des cheveux et pour savoir dans quelle direction les cheveux poussent.

Structure générale

En fait, les cheveux seront divisés en 3 parties.

1. Partie avant appelée FRANGE.\nIl existe 2 types de frange selon leurs points de départ.\n- De la ligne des cheveux\n- Du tourbillon de cheveux\n2. Parties latérales appelées PATTES\n3. Et les cheveux arrière qui ont aussi 2 types selon leur point de départ\n- De la ligne des cheveux\n- Du tourbillon de cheveux\n\n

Ligne des cheveux

Normalement, elle se situe à 1\/3  du haut\nSi elle est plus loin, votre personnage sera chauve

Raie et tourbillon de cheveux

1. Divisez la distance entre le sommet de la tête et le niveau des yeux en 3 parties.\n2. La ligne des cheveux sera au premier 1\/3 depuis le sommet.\nÀ partir de cette ligne, la frange et les cheveux arrière pousseront dans des directions opposées.\n(*) Il existe de nombreuses lignes parallèles qui s'étendent de la ligne des cheveux vers l'arrière, appelées raies\n3. C'est une raie qui est au centre.\n4. Le tourbillon de cheveux est un point aléatoire qui appartient à la raie.\nDe ce point, la frange et l'arrière pousseront.

Nous pouvons utiliser un modèle 3D pour ajuster la structure de la tête avec plus de précision avant de définir les points de départ pour la pousse des cheveux.

✅️ Définir le flux, la force

Cette étape m'aide à comprendre où je vais dessiner les mèches de cheveux, dans quelle direction les cheveux se déplacent et comment ils se déplacent.

Si j'imagine les cheveux comme un matériau, ce serait un matériau flexible qui peut facilement changer de forme sous l'effet de forces ou de toute surface avec laquelle il entre en contact.

Forces externes

La gravité qui permet aux cheveux de recouvrir une partie du corps comme la tête, le cou, l'épaule ou toute surface avec laquelle les cheveux entrent en contact.

Le vent qui tire les cheveux dans son sillage. Plus le vent est rapide, plus les cheveux changent de forme.

L'eau\nSi vous jetez votre personnage dans l'eau, les cheveux seront poussés et maintenus par une force opposée appelée principe d'Archimède.

Forces internes

Qui sont des forces provenant de points de tension tels que\n- Le point où les cheveux se soulèvent au-dessus de l'oreille.\n- Le point où les cheveux sont attachés en chignon ou en queue de cheval.\n- La ligne des cheveux, la raie ou le tourbillon de cheveux.

Selon leur position et leur longueur, les cheveux bougeront différemment.\n>\n> Plus ils sont longs, plus ils sont lourds > beaucoup affectés par la gravité > beaucoup de retard  > plus lents > nécessitent plus d'images pour représenter le mouvement et vice-versa\n>\n> Les parties proches des points de tension[ ligne des cheveux, raie ou tourbillon de cheveux] ont une faible amplitude de mouvement.

Les cheveux du dessus ne bougent pas beaucoup tandis que les mèches du dessous bougent beaucoup.\nEt les cheveux courts bougent plus vite que les cheveux longs.

Processus d'animation

Cheveux × eau

Animer le torse [Utilisation d'images clés]

1. Il y a 2 calques pour le torse [1 pour le line art, 1 pour la couleur]\n2. Je les garde dans un dossier comme assurance pour les ajuster plus tard si nécessaire.\n3. Assurez-vous de dupliquer le dossier pour conserver les calques originaux.\n4. Dans le dossier dupliqué\n5. Cliquez sur ce symbole pour ouvrir la liste\n6. Fusionnez 2 calques à l'intérieur du dossier [ligne+couleur]

1. Sur le calque du torse qui contient déjà le trait et la couleur\n2. Cliquez sur ce symbole pour ouvrir la liste de réglages du calque\n3. Choisissez Convertir le calque\n4. Changez le type en Calque de matériel image, le calque aura ce symbole après conversion.\n5. À la 1ère position\n6. Activer l'image clé\n7. Ajouter une image clé

8. À cette position\n9. Faites glisser le torse vers le bas, et une nouvelle image clé sera ajoutée automatiquement \n10. À cette position \n11. Déplacez le torse légèrement vers le haut, et une nouvelle image clé sera ajoutée automatiquement \n12. Cliquez sur le losange bleu \n13. Animation > Modifier la piste > Copier\n14. À cette position \n15. Animation > Modifier la piste > Coller

Les étapes de 12 à 15 sont utilisées pour copier l'ensemble des mouvements de l'image clé de l'étape 8 vers l'image clé de l'étape 14.\n>\n> Et tout ajustement sur l'image clé de l'étape 8 affectera également l'image clé de l'étape 14.

Animer les jambes et les bras [dessinés à la main image par image]

1-2. Ouvrez un nouveau dossier d'animation au-dessus du calque du torse.

Activez la PEAU D'OIGNON avant de commencer les étapes ci-dessous.

3. Dessinez le bras et la jambe image par image jusqu'à la 9ème image\n4. Lorsque le torse s'enfonce, le bras et la jambe sont plus lâches et s'étirent progressivement.\n5. À la même position lorsque le torse remonte légèrement, ajoutez une nouvelle cellule d'animation pour la jambe et le bras, et dessinez-les se déplaçant légèrement vers le bas[dans la direction opposée au torse]\n6. Ajoutez une nouvelle cellule d'animation et dessinez le mouvement intermédiaire entre la 9ème et la 10ème image [cela s'appelle l'image 9a]\n7. Ajoutez une nouvelle cellule d'animation et dessinez le mouvement intermédiaire entre la 9a et la 9ème image\n8. Ajoutez une nouvelle cellule d'animation et dessinez le mouvement intermédiaire entre la 9a et la 10ème image\n9. Cliquez sur cette cellule > [*] Animation > Modifier la piste > copier \n10. À cette position > [*] Animation > Modifier la piste > coller\n11. Cliquez sur cette cellule > [*] Animation > Modifier la piste > copier\n12. À cette position > [*] Animation > Modifier la piste > coller\n13. Cliquez sur cette cellule > [*] Animation > Modifier la piste > copier\n14. À cette position > [*] Animation > Modifier la piste > coller\n15. Cliquez sur cette cellule > [*] Animation > Modifier la piste > copier\n16. À cette position > [*] Animation > Modifier la piste > coller

Explication\n>\n> Les mouvements de la cellule à l'étape 9 seront les mêmes que ceux de la cellule à l'étape 10, tout changement apporté à la cellule à l'étape 9 affectera la cellule à l'étape 10 et vice-versa.\n>\n> Processus similaire pour \n>\n> les étapes 11 et 12\n>\n> les étapes 13 et 14\n>\n> les étapes 15 et 16

Animer les cheveux [dessinés à la main image par image]

1. Reliez le centre des 2 oreilles, il y a le sommet de la tête\n2. Du niveau des yeux au sommet, divisez en 3 parties\n3. La ligne des cheveux est au 1er 1\/3 du haut\nUtilisez un stylo de mappage et l'effet de bordure de la section ci-dessus pour bloquer la forme des cheveux.\nLe torse descend, les cheveux s'étirent vers le haut

Processus similaire à celui de la jambe et du bras, les mouvements des cheveux à la même position seront répétés.

Cheveux × gravité et surface

Animer le corps [dessiné à la main image par image]

Je vais créer une animation d'un personnage allongé avec 5 poses.

1. Après avoir ouvert manuellement l'onglet Chronologie, j'ajoute une Nouvelle chronologie\n2. Puis j'ajoute un Nouveau dossier d'animation \n3. Puis j'ajoute une Nouvelle cellule d'animation pour chaque position, puis je dessine les poses image par image.

1. Ajoutez un Nouveau dossier d'animation pour l'esquisse propre\nEt faites glisser le dossier [esquisse propre] au-dessus du dossier [esquisse]\nAssurez-vous que l'opacité du dossier [esquisse] est faible pour faciliter le traçage.\n2. N'oubliez pas d'activer la Pelure d'oignon lors du dessin image par image \n3. Après avoir réalisé l'esquisse propre image par image, je désactive l'esquisse et j'ajoute 2 dossiers d'animation supplémentaires\n- 1 pour la couleur brute [déplacez-le sous le dossier d'esquisse propre]\n- 1 pour les cheveux bruts\n\n

Animer les cheveux

1. J'utilise l'Outil Stylo\n2-3. Et je choisis le stylo Calligraphie\n4. J'ouvre l'onglet Propriété de l'outil\n5. Et j'ajuste la taille du trait pour qu'elle convienne au corps du personnage

1. Sur la 1ère image[calque] pour les cheveux\n2. J'ouvre l'onglet Propriété du calque\n3. Choisissez l'effet Bordure [simule le dessin des traits]\n4. Ajustez la couleur de la ligne ici\n5. Ajustez l'épaisseur du trait selon votre style habituel \n6. La couleur intérieure peut être ajustée[affectée] ici\n7. Cependant, je préfère utiliser les couleurs par défaut.\n8. Cet effet de Bordure s'appliquera aux autres calques à l'intérieur du dossier d'animation sans répéter les étapes précédentes à chaque fois.\n\n

C'est un mouvement lent, donc les cheveux ne sont pas trop affectés par les mouvements du corps.\n>\n> Ils sont presque uniquement affectés par la gravité.

Pose (I)\n1. Les cheveux sont tirés vers le bas par la gravité à cause de leur poids.\n2. Et la raie maintient les parties adjacentes immobiles.\n3. De même, le point de tension où les cheveux se soulèvent au-dessus de l'oreille\n4. Et le point de tension où les cheveux se soulèvent au-dessus de l'épaule maintiennent les parties adjacentes immobiles.\n5. Lorsque les cheveux touchent le sol, en raison de leur longueur et de leur poids, ils se plient et se déroulent à certains endroits.\nPose (II)\n1. Les cheveux continuent d'être tirés vers le bas par eux-mêmes [gravité]\n2. La raie maintient toujours des parties des cheveux immobiles\n3. Les cheveux se poussent et se déroulent d'eux-mêmes sous l'effet de leur poids\n4. Les points de tension maintiennent toujours les cheveux adjacents immobiles.\nPose (III)\n1. La tête s'abaisse, faisant légèrement tomber les cheveux, et la gravité continue d'étirer les cheveux.\n2-3-4. La raie et les points de tension sont toujours utilisés comme ancres pour les cheveux.\n5. Les cheveux sont maintenant affectés par une nouvelle force, celle du coude, et ils sont pliés à cet endroit.\n6. Les cheveux continuent de se dérouler d'eux-mêmes.\nPose (IV)\n1. Gravité\n2-3-4. Points d'ancrage\n5. Les cheveux sont pliés par leur poids\n6. Les cheveux sont légèrement étirés par les mouvements du corps\n\n

Après avoir dessiné les cheveux en suivant les mouvements du corps image par image, voici l'animation brute.

Et après avoir nettoyé le trait pour le corps et les cheveux, et recoloré, voici le résultat final.\n[Vous pouvez regarder mon timelapse dans la vidéo ci-dessus]

Cheveux × cycle de marche

Différence entre ces processus de copie

(I) Copier les images\n- Il faut ajouter une Nouvelle cellule d'animation avant de copier l'image\n- Toute modification des images sources[images\/calques] n'affectera pas les copies\n(II) Copier les propriétés \n- Pas besoin d'ajouter de Nouvelle cellule d'animation avant de copier \n- Les changements se produiront simultanément pour les deux [sources et copies]

Animer le torse

1. En utilisant le modèle de tête 3D des matériaux CSP \n2. Réduisez l'opacité de la tête \n3. Et tracez pour corriger le personnage.

1. Sur le calque de line art\n2. Cliquez sur ce symbole pour fusionner le calque de ligne avec le calque de couleur en dessous.\n3. Après la fusion, sur le calque du torse[ligne×couleur], cliquez sur ce symbole pour ouvrir la liste des réglages du calque.\n4. Convertissez le calque en Calque de matériel image

1. Le calque du torse est maintenant passé d'un calque raster à un Calque de matériel image qui porte ce symbole.\n2. En utilisant l'Outil Opération\n3. À la 1ère image\n4. Activer l'image clé \n5. Ajouter une nouvelle image clé \n6. À cette image, en utilisant l'outil Opération, déplacez légèrement le personnage vers le bas, et une nouvelle image clé sera ajoutée automatiquement.\n7. À cette image, déplacez légèrement le personnage vers le haut, presque à la même position que la 1ère image, et une nouvelle image clé sera ajoutée automatiquement.\n8. À cette image, déplacez légèrement le personnage vers le bas, presque à la même position que le personnage à l'étape 6, et une nouvelle image clé sera ajoutée automatiquement.\n9. À cette image, déplacez le personnage comme à l'étape 7\n10. À cette image, déplacez le personnage comme à l'étape 8

Animer les cheveux

1. Ajoutez un Nouveau dossier d'animation pour les cheveux\n2. Faites glisser le dossier des cheveux au-dessus du calque du torse\n3. À la 1ère image\n4. Ajoutez une nouvelle cellule d'animation

1. Lorsque le corps monte, les cheveux seront tirés vers le bas.\n2. Lorsque le torse descend, les cheveux seront soulevés en suivant la courbe\n3. Ajoutez une nouvelle cellule d'animation sur ces 2 images et remplissez les poses intermédiaires pour les mouvements des cheveux.

En gros, les mouvements des cheveux aux images [1, 3, 5] sont les mêmes, et les mouvements des cheveux aux images [2, 4, 6] sont les mêmes. Cependant, j'ai déplacé le torse un peu aléatoirement. Je dois donc copier les images de cheveux et les déplacer manuellement aux images 7 et 8 [utilisez la formule ci-dessous à chaque fois]\n\n> Ajouter une nouvelle cellule d'animation > l'image source > Éditer > copier > ajouter une nouvelle cellule d'animation pour la copie > Éditer > coller

1. Une fois la ligne des cheveux terminée\n2. J'ajoute un Nouveau dossier d'animation pour la couleur et le place sous le dossier de la ligne des cheveux.\nJ'ajoute toutes les nouvelles cellules d'animation [pour éviter d'ajouter une nouvelle cellule à chaque fois que je copie plus tard] avant de colorer 4 images et de les utiliser comme sources.\nCopiez chaque couleur et laissez-les s'adapter aux mouvements des lignes ci-dessus.

Voici le résultat final.

Cheveux × brise

Créer un personnage aux cheveux courts

1. Cliquez sur ce symbole [généralement sur l'un des bords de la tablette]\n2. Cet onglet s'ouvrira > Cliquez sur Maj pour dessiner une règle droite\n3. Cliquez sur le symbole Règle\n4. Ouvrez la liste des règles\n5. Choisissez la Règle symétrique \nMaintenant je peux dessiner la même chose des deux côtés.

Remarque\n>\n> - Désactivez le bouton Maj après avoir dessiné la règle, sinon cela affectera le choix des calques ou le dessin des lignes.\n>\n> - Ouvrez un Nouveau calque pour l'esquisse, ne dessinez pas sur le calque qui contient la règle.\n>\n> [Plus pratique pour activer\/désactiver la règle lorsque vous en avez besoin]

1. Après avoir tracé le calque d'esquisse et la couleur\n2. Voici le calque de line art\n3. Et le calque de couleur\n4. Choisissez le calque de line art, cliquez sur ce symbole pour ouvrir la liste\n5. Fusionnez 2 calques vers le bas [ligne et couleur]\n6. N'oubliez pas de désactiver le calque de la règle avant de commencer les étapes suivantes.

Séparer les éléments pour l'animation

1. Utilisez l'outil Lasso et dessinez sur la frange du personnage \n2. Cliquez sur ce symbole et la frange sera automatiquement déplacée vers un nouveau calque.\n3. Répétez les 2 étapes précédentes jusqu'à obtenir des calques séparés pour\n- la tête et le torse\n- la frange\n- les 2 pattes\n- les cheveux arrière\n- l'ombre

1. Activez la règle \n2. Utilisez le remplissage Lasso pour colorer les espaces dans les calques\n3. Ouvrez les propriétés de l'outil après avoir choisi une nouvelle couleur\n4. Cliquez ici pour aligner le remplissage lasso sur la règle, vous pouvez maintenant colorer de la même manière des deux côtés.

Ouvrir la chronologie

J'utilise Clip Studio Paint sur une tablette Android, donc la zone de dessin doit être prioritaire. [Je n'ouvre pas trop d'onglets par défaut]\nOuvrons la Chronologie manuellement.

1. Ouvrez l'onglet Fenêtre\n2. Ouvrez la Chronologie \n3. Ajoutez une Nouvelle chronologie > cette boîte apparaîtra pour les ajustements \n4. J'utilise la version PRO, donc je n'ai que 24 images max. Cependant, je n'utilise que 8 images [Fréquence d'images] ×2 [Durée de lecture] = 16 images pour cette animation > cliquez sur OK

Activer le mode Transformation libre

1. Choisissez le calque des cheveux arrière.\n2. Édition > Transformer > Transformation libre > OK [Cette étape activera le mode de transformation libre lors de l'utilisation d'images clés, ce qui nous permet d'ajuster librement les 4 coins de l'objet]\n3. Cliquez sur ce symbole pour ouvrir la liste des réglages du calque\n4. Convertir le calque > la boîte apparaît\n5. Changez le type en Calque de matériel image

6. Le Calque de matériel image aura un symbole comme celui-ci\n7. Choisissez l'Outil Opération [l'objet peut être ajusté par un cadre bleu avec des points bleus]\n8. Ouvrez les propriétés de l'outil, nous pouvons voir que le mode est déjà passé en Transformation libre, mais ce n'est pas encore fini.\n9. Nous devons déplacer légèrement le point à l'un des coins pour activer totalement le mode.\n10. À cette position \n11. Activer l'image clé \n12. Ajouter une image clé > une nouvelle image clé sera ajoutée à cette position sous forme de losange bleu.

1. À cette position \n2. Déplacez les 2 coins inférieurs vers la gauche et une nouvelle image clé sera ajoutée automatiquement.\n3. Ne touchez pas ce point, car il sera utilisé comme point de tension pour les cheveux [tourbillon de cheveux] afin d'éviter le flottement des cheveux.\n4. À cette position \n5. Déplacez légèrement les 2 coins inférieurs vers la droite et une nouvelle image clé sera ajoutée automatiquement.\n6. À cette position \n7. Déplacez légèrement les 2 coins inférieurs vers la droite et une nouvelle image clé sera ajoutée automatiquement.

1. Choisissez une autre partie de cheveux [la frange par exemple]\n>\n> 2. Répétez toutes les étapes ci-dessus, depuis l'activation jusqu'à l'ajout d'images clés, jusqu'à obtenir les images clés comme ceci.

Et voici le résultat.

Récapitulatif

Les caractéristiques seront d'une manière ou d'une autre présentées à travers la coiffure du personnage. Cela doit donc être une partie essentielle de la conception du personnage.\nEt je sais que la manière de présenter les cheveux à travers l'animation n'est pas facile, j'espère que quelques expériences que j'ai vécues pourront vous aider à traverser le processus.\nSi vous essayez l'un des processus d'animation ci-dessus, n'hésitez pas à me taguer dans votre animation 😉 J'ai hâte de voir votre travail ♡