Bonjour à tous, bienvenue dans mon tutoriel !!

 

Dans ce tutoriel, je vais vous montrer les étapes simples pour créer un personnage artistique pour un avatar animé ou un modèle de rigging !!!

Ce tutoriel est divisé en 2 parties :

 

La première partie vous montrera comment créer un personnage artistique pour l'avatar animé, et

La seconde partie vous montrera comment animer l'avatar dans Clip Studio Paint (Pro/Ex)

Vous pouvez également exporter l'œuvre vers un autre logiciel d'animation pour créer un modèle de rigging 2D pour un avatar interactif, tel qu'un sprite de jeu ou un modèle Vtuber.

 

Ce tutoriel inclut également le processus de nettoyage des fichiers pour cela.

Commençons !!

Tutoriel Vidéo

Version vidéo de ce tutoriel

Partie 1 : Créer le modèle d'avatar

La base pour créer un avatar animé est simple.

Divisez le personnage en parties et déplacez-les pour créer l'animation.

La manière traditionnelle de faire cela est de dessiner un personnage puis de couper et d'éditer les parties.

Si vous dessinez les parties séparément, la planification de la division des parties vous aidera à travailler plus facilement.

Voici le processus que je vais vous montrer dans ce tutoriel.

Étape 1 : Créer le design clair

Esquissez l'œuvre en vue de face et en pose debout de base.

L'œuvre doit être claire avec les détails pour le processus de traçage.

Optionnel : J'ai également coloré l'esquisse pour l'utiliser comme référence couleur dans le processus de dessin

Vous pouvez utiliser le modèle de tête pour vous aider à esquisser.

Le modèle de tête se trouve dans le [Panneau Matériaux > 3D > Tête]

(Vous pouvez accéder à ce panneau via le menu [Fenêtre>Matériau:3D])

Optionnel : Vous pouvez personnaliser les traits du visage pour qu'ils correspondent à votre design en ajustant les valeurs dans l'onglet [Traits du visage] du panneau [Détail de l'outil secondaire]

Créez un nouveau calque et esquissez par-dessus le modèle de tête.

Le modèle de tête a des détails clairs, vous pouvez l'utiliser comme référence pour la forme du visage, la position des oreilles et des yeux.

Étape 2 : Planification de la division des parties

Lorsque le design est terminé, divisez l'œuvre en parties.

 

La clé pour la division des parties :

« Diviser là où cela sera animé » et « Commencer par la ligne centrale, du plus grand au plus petit »

Note : dans ce tutoriel, je vais d'abord terminer les parties du corps, puis travailler sur les traits du visage plus tard pour éviter toute confusion.

Commencez par la tête (visage + arrière de la tête) et le corps

Optionnel :

J'ai divisé la tête en 2 parties : le visage et l'arrière de la tête.

Cela donnera un aspect plus naturel à l'animation de rotation de la tête.

Divisez les détails supplémentaires autour de la ligne centrale, listez-les par ordre d'apparition.

Vous pouvez voir que certaines parties sont symétriques et d'autres sont asymétriques.

Il y a aussi les parties qui ont une version miroir sur le côté opposé, comme les franges latérales ou les couettes.

Vous pouvez dessiner ces parties une fois, puis les copier et les retourner pour faire l'autre côté.

Lorsque la liste des parties est terminée, créez un nouveau dossier pour chaque partie.

Dans ce tutoriel, j'ai défini l'étiquette de couleur par type pour montrer le processus de travail,

vous pouvez la configurer de la manière la plus confortable pour vous.

Note : J'utilise le « - » dans le nom du dossier pour identifier le groupe de la partie. (ex : « hair-twintail-L »)

Étape 3 : Dessiner les parties # Corps

Configurer l'espace de travail

Je copie l'esquisse colorée pour l'utiliser comme référence couleur.

Vous pouvez également utiliser le panneau [Sous-vue] pour cela.

Changez la couleur du calque d'esquisse dans le panneau [Propriétés du calque]

C'est maintenant l'heure de la règle symétrique !!

 

Sélectionnez le calque Papier,

Allez dans [Règle] et choisissez [Règle symétrique]

Définissez les options :

[Nombre de lignes] : 2,

[Symétrie de ligne] : coché,

[Angle d'accrochage] : 90,

 

Dessinez la règle sur le canevas, la règle s'accrochera à 90 degrés.

Faites-la apparaître sur tous les calques :

Faites un clic droit sur l'icône de la règle et [Afficher sur tous les calques]

Sélectionnez la règle avec l'outil [Objet] et alignez-la au centre du canevas.

 

Vous pouvez définir l'option [Centre X] dans le panneau [Propriété de l'outil] à la moitié de la largeur du canevas.

Ou l'aligner avec le panneau d'alignement/distribution (Clipstudio 2.0+)

Ajustez certaines parties pour qu'elles s'alignent avec la ligne de la règle à l'aide de la transformation de maillage :

[Édition > Transformer > Transformation de maillage]

Le canevas est prêt, il est temps de commencer à dessiner !!

Dessiner les parties n°1 : Parties symétriques

Commençons par la partie visage.

Créez un nouveau calque vectoriel pour l'encrage.

Ceci est facultatif, vous pouvez également utiliser le calque raster pour l'encrage, mais le calque vectoriel sera plus facile à éditer/modifier ultérieurement.

Assurez-vous que l'option [Accrochage à la règle spéciale] est activée.

Lorsque vous dessinez sur le canevas, cela apparaîtra des deux côtés de la ligne de la règle.

Note : Si le pinceau/la gomme ne fonctionne pas avec la règle, cochez [Activer l'accrochage]

dans le panneau [Détail de l'outil secondaire], onglet [Correction]

Pour remplir la couleur :

Créez un nouveau calque vectoriel et tracez des lignes pour fermer la zone.

Pour la partie du visage, je dessine une ligne de cheveux.

Créez un nouveau calque raster

Remplissez la couleur avec [Remplir] > [Se référer aux autres calques]

Dans le panneau [Propriété de l'outil], définissez l'option [Se référer à plusieurs] sur [dossier]

Et activez l'option [Remplir jusqu'au chemin vectoriel]

Supprimez le calque vectoriel pour la ligne de cheveux

puis verrouillez les pixels transparents et l'ombrage sur la partie.

La première partie est terminée !

Optionnel : Je change le mode du calque de dossier en [Lumière douce] pour pouvoir voir le calque d'esquisse et travailler sur une autre partie.

Dessiner les parties n°2 : Parties asymétriques

Pour les parties asymétriques,

désactivez l'option [Accrochage à la règle spéciale] et dessinez la partie.

Dessiner les parties n°3 : Parties en miroir

La frange de cheveux gauche peut être retournée pour créer la frange de cheveux droite

Lorsque vous avez fini de dessiner une partie, sélectionnez le dossier de la partie.

Ensuite, créez une sélection rectangulaire, couvrant la partie et la largeur de la zone du canevas.

Cliquez sur l'icône [Copier et Coller] dans le menu flottant pour copier le dossier de la partie.

Dans le menu flottant, cliquez sur [Mise à l'échelle/Rotation]

et dans le panneau [Propriété de l'outil], cliquez sur l'icône [Retourner horizontalement]

Renommez le dossier et ajoutez des détails personnalisés.

[Astuces pour la règle symétrique]

Vous pourriez avoir besoin d'une autre règle spéciale pour dessiner certaines parties,

et une fois terminé, la règle symétrique ne fonctionnera plus.

Cela se produit car une seule règle spéciale peut être accrochée simultanément.

Ainsi, lorsque vous créez une nouvelle règle spéciale, l'ancienne sera désactivée.

 

Pour l'activer, sélectionnez la règle avec l'outil [Objet] et cliquez sur l'icône d'accrochage sur la règle.

Lorsque toutes les parties sont terminées, sélectionnez toutes les parties et changez le [Mode de calque] pour [Normal]

Vous pouvez remarquer le bord dur de certaines parties.

Pour le corriger, créez un masque avec l'icône [Masque] dans le panneau [Calque]

puis peignez le transparent avec l'[Aérographe doux]

Étape 4 : Dessiner les parties # Visage

Contrairement au corps où il faut diviser les parties par coiffure et costume,

Il y a une structure de base qui est toujours la même.

vous pouvez également ajouter des parties supplémentaires (comme la langue ou un calque de pupille séparé),

mais assurez-vous qu'elles sont dans le bon ordre de calques.

Déplacez le calque d'esquisse en haut et créez des dossiers pour les parties du visage.

Créez une sélection [Rectangle] couvrant seulement la moitié du visage, puis masquez-la sur l'esquisse.

Ce sera moins déroutant en dessinant le visage avec la règle symétrique.

Lorsque vous dessinez les parties, vous pouvez également voir le résultat sur les parties terminées.

Astuces :

Pour les utilisateurs de Clip Studio 3.0,

vous pouvez sélectionner plusieurs points sur la transformation de maillage pour ajuster les deux côtés simultanément.

 

Note : vous devez également sélectionner le point en position miroir.

[Problème de détourage]

La plupart des logiciels d'animation pour avatars disposent de la fonction de masque d'écrêtage.

Cependant, son utilisation peut parfois être plus complexe, selon le logiciel.

 

Il peut être nécessaire de rechercher la méthode la plus adaptée à votre logiciel d'animation.

Pour dessiner la bouche, je dessine la ligne de la bouche et l'intérieur de la bouche.

Je copie la ligne de la bouche et la mets dans le dossier des lèvres inférieures,

puis je peins la peau pour couvrir la zone intérieure de la bouche.

Lorsque le visage est terminé, déplacez les dossiers de calques vers le bas, au-dessus du dossier du calque du visage.

Vous pouvez peindre sur le masque de calque avec la gomme transparente ou douce

pour rendre la frange avant translucide.

Habituellement, les yeux gauche et droit sont animés séparément.

Pour diviser les parties des yeux gauche et droit :

Sélectionnez les dossiers de calques, faites une sélection sur un œil

puis cliquez sur le bouton [Couper et coller] dans le menu flottant.

Renommez les dossiers et maintenant toutes les parties sont terminées !!

Étape 5 : Nettoyer le fichier

Lorsque votre œuvre d'avatar est prête, vous pouvez l'exporter vers un autre logiciel d'animation ou l'animer dans Clip Studio Paint. Certains logiciels peuvent exiger que vous fusionniez les calques pour chaque partie avant l'exportation, ce qui sera inconfortable si vous souhaitez modifier la partie ultérieurement.

(Note : J'utilise Spine 2D pour le processus d'animation. Le résultat peut être différent dans d'autres logiciels.)

 

La fonctionnalité [Objet fichier] de Clip Studio peut vous aider à garder la partie modifiable (dans des fichiers séparés) et vous n'avez pas besoin de fusionner les calques à chaque processus d'exportation !!

Préparons le fichier.

 

Tout d'abord, supprimez tout sauf les dossiers de parties du fichier

(Ex : Calque Papier, calque d'esquisse, référence, etc.)

Convertir le dossier de calques en objet fichier :

Faites un clic droit sur le dossier de calques > [Objet fichier > Convertir le calque en objet fichier]

Définissez la zone sur [Zone de dessin] et enregistrez le fichier.

 

La partie est maintenant enregistrée dans un fichier externe.

Astuce : placer le menu d'exportation dans le panneau [Accès rapide] vous fera gagner du temps lors de la conversion.

Convertissez tous les dossiers en fichiers.

Le nom de fichier sera le nom du dossier par défaut.

Note : Si le logiciel d'animation requiert le format .psd (Document Photoshop), vous pouvez simplement enregistrer via le menu [Enregistrer sous...]

(Si vous avez besoin de modifier quelque chose, vous ne pourrez pas l'éditer depuis le fichier .psd avec Clip Studio. Modifiez-le simplement dans le fichier .csp puis exportez-le à nouveau en .psd.)

Pour modifier la partie, sélectionnez-la avec l'outil [Objet]

Ensuite, dans le panneau [Propriété de l'outil], cliquez sur [Ouvrir le fichier]

Lorsque vous enregistrez le fichier de la partie, il sera automatiquement mis à jour dans le fichier principal

 

Maintenant votre avatar est prêt à être animé

Il a une structure de fichier propre avec des noms clairs !!

L'art de la division des parties est généralement animé avec la méthode de rigging (squelette) pour les modèles interactifs pour jeux ou avatars de streaming.

Si vous n'avez pas besoin du modèle dynamique,

Vous pouvez simplement créer l'animation dans Clip Studio Paint et l'exporter en tant que vidéo ou animation GIF aussi !!

Partie 2 : Animer l'avatar dans Clip Studio Paint

Vous pouvez utiliser les [images clés de calque] pour créer votre animation d'avatar.

L'expression faciale est plus facile à animer avec l'animation image par image.

Mettez les parties des traits du visage dans un dossier de calques.

Sélectionnez tous les calques sauf le dossier d'expression faciale, et cliquez sur l'icône [Mise à l'échelle/Rotation]

Dans le panneau [Propriété de l'outil], définissez le mode sur [Inclinaison],

Puis déplacez le point de contrôle supérieur et ramenez-le à sa position.

Ouvrez le panneau de la chronologie ([Fenêtre > Chronologie])

 

Créez une nouvelle chronologie avec Fréquence d'images : 8 et Durée de lecture : 24

(Ce nombre d'images est compatible avec la version Pro de Clip Studio Paint)

Sélectionnez tous les calques cette fois, et activez les images clés de calque dans le panneau [Chronologie]

L'onglet rouge indique l'image active actuelle.

À la première image, cliquez sur le bouton [Ajouter une image clé]

Note : la couleur de l'icône d'image clé dépend du type d'interpolation.

Vous pouvez utiliser linéaire pour une vitesse de mouvement constante, lisse pour une vitesse exponentielle

et maintenir pour fixer la position de l'objet à l'image.

Lorsque vous sélectionnez la partie avec l'outil [Objet]

dans le panneau [Propriété de l'outil], vous verrez l'option [Transformer] apparaître pour la position des coins. Ceci provient de l'inclinaison de toutes les parties à l'étape précédente.

Avec le coin ajustable, la partie peut être ajustée plus librement.

Concevez l'animation avant l'ajustement.

Dans ce tutoriel, je vais créer une pose de clin d'œil, en animation en boucle.

Lors de la mappage de l'animation au cadre temporel,

La pose doit être définie uniquement pour le début et pour la position du clin d'œil.

Ajustez la pose de départ à l'image 1.

Note : Je commence par le corps, puis je déplace les autres parties plus tard.

Ajoutez les images clés de fin pour tous les objets.

Sélectionnez tous les calques, cliquez sur la dernière image et ajoutez l'image clé pour créer la boucle.

Arrêtez l'animation,

Créez une image clé pour tous les calques à l'image 7, puis définissez la pose pour l'image d'arrêt.

Lorsque vous avez terminé la pose, copiez les images clés pour faire la prochaine pause d'animation.

Cliquez et faites glisser pour sélectionner plusieurs images clés,

puis faites un clic droit sur l'image clé et copiez.

Sélectionnez tous les calques, allez à l'image 13 et collez.

Presque terminé

Décalez les dernières images clés à l'image 19,

et maintenant le mouvement du personnage est le même que celui du design.

Physique d'animation

Rendons le mouvement plus vif en ajoutant de la physique d'animation !

Actuellement, les vêtements et les cheveux bougent tous ensemble avec le mouvement du personnage...

 

mais en réalité, il y a un effet d'inertie qui fera en sorte que les objets attachés s'arrêtent de bouger plus lentement. L'ajout de cet effet à l'animation la rendra plus naturelle.

Ajoutez plus d'effet de mouvement à l'image qui marque la fin du mouvement.

Il y a un mouvement de l'image 1 à 7, ajoutez plus d'effet de mouvement à l'image 7.

Il y a un autre mouvement de l'image 13 à 19.

Ajoutez également plus d'effet de mouvement à l'image 19.

Les images clés à l'image 19 étaient les mêmes que celles de l'image 1, et l'animation était en boucle.

Puisqu'il y a un ajustement à l'image 19, l'animation ne sera plus en boucle.

 

Pour corriger cela, copiez toutes les images clés de l'image 1 et collez-les sur la dernière image clé.

 

Cet ajustement fait que les cheveux continuent de bouger sur l'image où le personnage ne bouge pas.

[Écart de boucle]

L'animation a un petit écart d'arrêt entre les boucles parce que la dernière image clé est à la fin de l'image 23.

Pour le supprimer, vous devez déplacer l'image clé à la fin de l'image 24.

 

Voici comment le déplacer facilement.

[Rebondissement]

L'ajout d'un effet de rebondissement à l'animation donne un aspect plus naturel.

 

Insérez une image clé avec l'objet se déplaçant/pivotant dans la direction opposée,

entre les images clés de l'effet d'inertie.

Astuce : si vous avez trop ajusté la position du mouvement et que l'animation semble vaciller,

vous pouvez augmenter l'écart entre les images clés au lieu de réajuster les objets.

Expressions faciales

Il est plus facile d'ajouter les expressions faciales avec le [Dossier d'animation].

 

Sélectionnez tous les calques et désactivez les [images clés de calque], les parties seront à leur position initiale.

Dans le dossier d'expression faciale, fusionnez toutes les parties des yeux gauche et droit (sauf l'iris/la pupille),

et pixellisez les calques de la bouche.

Mettez les parties du visage éditées dans un dossier.

Copiez le dossier et redessinez ou ajustez les parties avec [Transformation de maillage]

J'ai créé 3 émotions faciales.

Créez un nouveau [dossier d'animation] à l'intérieur du dossier d'expression faciale

puis déplacez tous les dossiers d'émotions faciales à l'intérieur.

Sélectionnez tous les calques et activez à nouveau les images clés de calque, les images clés reviendront.

Développez le dossier de calques d'expression faciale, il affichera le dossier d'animation.

Développez l'option pour le dossier avec l'icône [+] , vous verrez la chronologie pour [cel]

Faites un clic droit et sélectionnez le visage à attribuer à l'image clé.

Et c'est fait !!

J'espère que mon processus de travail et mes techniques d'animation vous seront utiles pour votre projet !!

Amusez-vous à animer et à bientôt pour le prochain tutoriel !!