« Utilisation de la composition des calques – création de cartes de différences d'expression de caractères »

Dans de nombreuses applications de messagerie instantanée, vous pouvez désormais créer divers autocollants et les envoyer directement à votre correspondant au lieu de texte.

Avez-vous déjà pensé à dessiner et à créer des autocollants de vos propres personnages ou de personnages originaux ?

 

Cependant, dessiner un grand nombre d'expressions différentes peut devenir fastidieux et chronophage. Je vous recommande donc une fonction de gestion des calques très pratique : [**Composition des calques]**. Cette fonction est disponible à partir de CSP EX version 3.0. Elle est très utile pour traiter un grand nombre d'images différentes !

 

Outre sa capacité à s'appliquer à différentes versions d'illustrations, comme les différences de lumière et d'ombre dans la scène (matin, crépuscule, soir, etc.), ou les différentes expressions des visages des personnages, cette fonction permet également de gérer des bandes dessinées multipages et de passer rapidement d'une version à l'autre.

Par ailleurs, pour les personnes rencontrant des difficultés à sélectionner une version lors du dessin d'illustrations, cette fonction permet également de changer rapidement de version pour comparer, ce qui est très pratique !

 

Dans cet article, je vais :

1️⃣Partie 1 : Brève introduction à la fonction de composition de calques ;

2️⃣Partie 2 : Création d'une carte différentielle d'expressions de caractères, démonstration de l'utilisation de la gestion de la composition de calques et présentation d'autres points importants à prendre en compte lors de la création.

 

Alors, commençons ! ✨

1️⃣【Composition des calques——Introduction à l'utilisation】

✧ Introduction au panneau de composition des calques

Tout d'abord, affichez le panneau Composition des calques.

Emplacement : [Fenêtre] → [Composition des calques]

Après avoir choisi les calques à afficher, cliquez sur « Ajouter une composition de calques » pour créer une nouvelle composition. Vous pouvez nommer la composition lors de sa création.

• Icône œil : indique la composition du calque actuellement affichée (※Une seule composition sera affichée à la fois).

• Icône coche : pour modifier la composition du calque, sélectionnez-la (※Sélections multiples possibles).

• Icône en bas à droite : déplacez-vous vers le haut ou le bas pour changer la composition affichée.

• Autres opérations facultatives

Après avoir sélectionné la composition de calque à utiliser, les opérations disponibles incluent :

• Écraser la composition

• Supprimer la composition

Si vous devez modifier l'ordre de composition des calques, faites simplement glisser la composition sur le panneau.

 

 

---

✧ Démonstration d'utilisation

Dans la démonstration suivante, il y a trois calques au début : A, B et C.

 

Ajouter une composition de calque est très simple. Après avoir affiché A et C et masqué le calque B, cliquez simplement sur l'icône d'ajout et remplacez le nom par A+C.

 

 

Si vous cliquez pour afficher le calque B à ce stade, l'icône en forme d'œil dans le panneau de composition des calques reviendra à l'état d'affichage du dernier calque.

 

L'état affiché n'est plus « A+C ».

 

Bien que « A+C » soit coché dans le panneau, vous pouvez ignorer cette icône si vous n'effectuez aucune opération liée à la composition des calques.

En cliquant à nouveau sur l'icône en forme d'œil « A+C », vous reviendrez rapidement à l'enregistrement d'affichage de cette couche.

---

【Ajouter un nouveau calque】

À ce stade, si vous ajoutez le calque D, l'icône en forme d'œil reviendra à l'état d'affichage du dernier calque.

 

Car, à ce stade, il ne s'agit pas de l'état « A+C », mais de l'état où A, C et D sont affichés simultanément.

Après avoir ajouté un nouveau calque, vous pouvez, si nécessaire, ajouter une autre composition de calque, en suivant la même méthode que ci-dessus.

 

Pour remplacer A+C, vous pouvez utiliser la fonction écrasement.

 

Dans la démonstration, j'ai ajouté un calque « ★ ».

À ce stade, l'icône en forme d'œil revient toujours à l'état d'affichage du dernier calque, mais comme l'étape suivante consiste à « opérer », vous pouvez ignorer la partie « affichage ».

 

Ensuite, cochez « A+C » et cliquez sur « Écraser la composition du calque ».

L'icône en forme d'œil revient alors à « A+C », car « A+C » a été écrasé et défini sur « A+C+★ », qui correspond à l'état d'affichage actuel. Vous pouvez ensuite renommer la composition du calque si nécessaire.

 

Renommez la composition du calque, double-cliquez sur la position du nom.

Si vous souhaitez ajouter un calque qui sera partagé par toutes les versions (c'est-à-dire qu'après avoir ajouté le calque, il sera affiché dans toutes les compositions de calques), vous devez avant d'ajouter le calque, cliquer pour activer « Afficher le calque supplémentaire dans toutes les compositions ».

---

Supprimer le calque

La suppression d'un calque n'affecte pas l'état d'affichage de sa composition.

 

Par exemple, il existe deux compositions de calques : « A+C » et « A+C+D ».

Si vous supprimez le calque D, l'état d'affichage (icône en forme d'œil) ne changera pas.

En fait, le contenu affiché de « A+C+D » sera identique à celui de « A+C », mais la composition du calque elle-même ne disparaîtra pas.

 

 

---

【Modifier l'ordre des calques】

La modification de l'ordre des calques n'affecte pas leur composition.

 

 

---

Fusionner les calques

✧ Cas 1

 

La composition originale des calques est « A+C+ ★ ».

 

Si je fusionne les calques « C » et « ★ » en un seul calque « C ★ »,

 

Le contenu visuel ne change pas, mais la composition ne contient en réalité que deux calques d'affichage « A+C ★ ».

 

---------------------------------------------

 

✧ Cas 2

 

La composition originale des calques est « A+C+ ★ » et « A+C+D ».

 

Si je fusionne les calques « C » et « ★ » en un seul calque « C ★ »,

 

La composition des calques « A+C+D » sera alors « ★ », c'est-à-dire « A+C ★ +D ».

 

Le contenu visuel de la composition de calques « A+C+ ★ » ne changera pas, mais la composition de calques ne contient en réalité que deux calques d'affichage : « A+C ★ ».

 

Les contenus d'affichage de « A+C+ ★ » et « A+C+D » seront cohérents.

 

 

---

【Ajouter un nouveau dossier de calques】

Composition originale des calques « A+C ».

 

Si j'ajoute un nouveau dossier de calques et que j'y place « C »,

 

Le dossier de calques est masqué.

Le contenu affiché sera uniquement « A » et « C ».

Si vous souhaitez conserver le contenu affiché en A et C, vous devez activer l'affichage du dossier de calques et le remplacer par la composition originale.

 

 

---

【Conversion de calque】

Si vous convertissez un calque (par exemple, un calque vectoriel en calque matriciel) sans conserver le calque d'origine, la composition du calque ne sera pas affectée.

 

En revanche, si vous choisissez de conserver le calque d'origine, le calque matriciel d'origine et le nouveau calque vectoriel seront ajoutés, ce qui sera considéré comme un « ajout de calque ». Il ne correspondra donc pas aux paramètres de composition existants. L'icône en forme d'œil reviendra donc à l'état d'affichage du dernier calque.

 

 

---

Modifier l'opacité du calque

La modification de l'opacité du calque n'affecte pas sa composition.

 

La composition du calque n'enregistre pas son opacité.

 

 

---

Renommer le calque

Renommer un calque n'affecte pas sa composition. Cependant, veillez à bien renommer la composition du calque en fonction du nouveau nom.

 

 

---

2️⃣【Pratique réelle — Création d'une carte des différences d'expression des caractères】

✏ ️Commencez à dessiner

Commencez par dessiner le brouillon du personnage. Voici quelques points à noter :

 

1. Si vous souhaitez l'utiliser comme autocollant pour une application de communication, il est recommandé de laisser de l'espace en haut, à gauche et à droite afin d'éviter de couper le personnage.

 

2. Taille : Tenez compte de la taille requise par l'application de communication. Il peut s'agir d'un rectangle proche d'un carré, plutôt que d'un carré. Vous pouvez d'abord dessiner avec les mêmes proportions, mais en plus grand, mais il est nécessaire de réduire l'image au moment du dessin pour vérifier que les détails sont bien visibles.

 

3. Résolution : Si vous souhaitez imprimer l'image ultérieurement, vous devez définir une résolution d'au moins 300 dpi.

Si elle est uniquement publiée en ligne, 72 dpi suffisent également.

 

4. Concernant la composition des calques :

Je recommande de séparer les calques en fonction des objets individuels.

Il est recommandé de placer soigneusement les objets liés aux expressions, tels que la bouche, les yeux, les sourcils, etc., dans des dossiers de calques. D'autres parties, comme le corps et le visage, peuvent également être fusionnées en un seul calque.

 

• Bouche

• Yeux

• Sourcils

• Cheveux

• Maquillage

• Visage

• Corps

• Cheveux (en bas)

 

Parmi eux :

• Les cheveux sont divisés en un calque inférieur (sous le visage et le corps) et un calque supérieur (au-dessus du visage).

• Le calque de maquillage ne désigne pas le maquillage proprement dit, mais un terme générique désignant les couleurs du visage, comme le blush, qui peuvent changer de position selon l'expression. Dans l'image de démonstration, j'ai utilisé trois calques pour dessiner respectivement le blush, les doubles paupières et les ombres à paupières.

• Il est recommandé de séparer le calque des sourcils de celui des yeux.

• L'ordre des calques des cheveux et des yeux peut être défini selon vos préférences. Vous pouvez également dessiner dans l'ordre suivant : [Cheveux (en haut) > Yeux > Cheveux (au milieu)]. (Cela signifie qu'en incluant les cheveux du bas, il y a trois calques de cheveux au total). + Ici, j'ai dessiné le nez dans le calque de la bouche, mais vous pouvez également ouvrir un nouveau calque selon vos préférences.

 

💡 Si nécessaire, vous pouvez également ajouter un calque de couleur d'arrière-plan en bas.

L'ajout d'une bordure blanche est une pratique courante, notamment pour les autocollants utilisés dans les applications de communication.

 

💡 De plus, si vous souhaitez obtenir un arrière-plan transparent, vous devez masquer le « papier » lors de l'ajout de calques à la composition.

 

 

5. Vérifiez que l'image est complète.

Surtout pour les autocollants, un trou transparent au milieu de l'image peut être très visible lors de l'utilisation.

Ajoutez simplement un calque clair sous tous les calques et zoomez pour vérifier s'il doit être repeint.

Une fois l'inspection terminée, supprimez le calque.

---

🧾Utiliser la fonction de composition de calque

Commencez par masquer les calques liés aux expressions, notamment :

• Yeux

• Sourcils

• Maquillage (comme le blush, les paupières doubles, les ombres à paupières, etc.)

• Nez et bouche

Notez qu'il est préférable de masquer les « calques » plutôt que les « dossiers de calques ».

 

Ajoutez ensuite une nouvelle composition de calques et nommez-la comme base de peinture.

Cette image étant une démonstration, j'ai déjà dessiné une expression de smiley basique. J'affiche donc directement les calques concernés et ajoute une autre composition de calques.

Dans la section suivante, j'expliquerai les règles de nommage que j'utilise personnellement :

 

【Composition des calques】

Sourire 1+1+1

Signifie : description de l'expression, sourcil 1, forme des yeux 1, forme de la bouche 1.

L'ordre des numéros peut être modifié selon vos préférences.

 

【Nommage des calques】

1 - normal

2 - fermé

Signifie : numéro, description.

 

De plus, j'utiliserai des couleurs pour marquer les dossiers de calques liés aux expressions courantes afin de faciliter le travail.

Par exemple, si je veux dessiner un visage froid pour l'expression suivante, je nommerai la composition du calque suivant en fonction du calque utilisé, soit :

Sans émotion 1+1+3

Car en fait, les yeux et les sourcils de « Sans expression » sont les mêmes que ceux de « Sourire », donc les nombres commencent tous les deux par « 1+1 », et seul le troisième nombre est différent.

Quant à la partie « maquillage », comme elle ne change généralement pas beaucoup, je ne la marquerai pas dans le nom de la composition du calque.

 

À la place, je nommerai le calque de maquillage pour qu'il corresponde à différentes expressions.

Cette partie sera expliquée ci-dessous.

---

📰 Utilisez la fonction Dupliquer le calque

Pour dessiner différentes expressions, au lieu d'ajouter un nouveau calque et de redessiner, il est préférable de copier le calque existant et de le modifier légèrement, ce qui accélère le processus !

 

Par exemple, je souhaite ajouter une expression de smiley louche.

Je dois donc ajouter une forme d'œil louche dans l'option Forme d'œil.

 

【 🔨 Méthode】

 

1 Copiez le calque d'œil d'origine (1 - normal).

La méthode consiste à faire glisser le calque vers l'icône « Nouveau calque de points » ;

ou à faire un clic droit sur le calque et à sélectionner [Copier le calque].

 

2 Effacez la partie du globe oculaire et déplacez légèrement le calque vers le bas.

Si nécessaire, utilisez la fonction d'inclinaison (Fluidification) ou d'autres fonctions de déformation pour le rognage.

★ N'oubliez pas de modifier le nom du calque pour l'expression correcte une fois terminé.

 

3 Selon la nouvelle position de l'œil, ajustez la position de la paupière de la même manière que pour la copie du calque.

En fait, j'ai simplement copié le calque de la paupière d'origine, je l'ai légèrement déplacé vers le bas et j'ai nommé le nouveau calque « Paupière - Plissement ».

 

Vous pouvez ensuite ajouter une nouvelle composition de calque basée sur cette nouvelle expression.

De cette façon, nous disposons déjà de trois expressions rapidement ajustables !

De plus, vous pouvez également ajuster la position du blush avant d'ajouter une nouvelle composition de calque.

Puisqu'il s'agit d'une simple démonstration, la partie répétitive est omise.

Si nous n'utilisons pas de système de numérotation pour le calque « Maquillage », c'est parce que le blush et les autres éléments sont rarement ajustés.

De plus, si vous ajoutez un numéro au nom de la composition du calque, le nom entier deviendra trop long et sa structure sera plus difficile à lire.

 

Bien sûr, c'est un choix personnel. Si vous souhaitez attribuer un numéro distinct au calque « Maquillage », vous pouvez le faire.

 

 

Si vous devez ensuite dessiner l'expression et que vous n'avez pas besoin d'utiliser le calque d'expression d'origine, vous pouvez cliquer sur l'état sans traits faciaux (c'est-à-dire la base « Sans visage » stockée au début) dans le panneau de composition des calques pour revenir à l'état d'origine.

 

De cette façon, vous n'avez pas besoin de perdre du temps à masquer le calque existant !

 

 

---

📁 Organisez les calques requis

Si vous devez dessiner de nombreuses expressions, vous pouvez utiliser un tableau pour vous aider à trier les styles de chaque calque.

 

Voici un exemple simple. Vous pouvez ajouter des styles tels que n° 4, n° 5, etc. selon vos besoins.

---

📄 Ajout de nouvelles images de paramètres de personnage

Si vous devez ajouter des objets partagés à ce stade, c'est très simple.

 

Par exemple, je souhaite ajouter un accessoire pour cheveux au personnage.

 

Bien que vous puissiez dessiner directement sur le calque de cheveux, étant donné que si vous souhaitez dessiner une expression sans vie ultérieurement, l'accessoire pour cheveux se détachera, il est préférable de le dessiner sur un calque séparé.

 

【 🔨 Méthode】

1. Dans le panneau de composition des calques, cliquez pour activer « Afficher les calques supplémentaires dans toutes les compositions ».

2. Ajoutez un calque pour dessiner les accessoires pour cheveux.

3. Dessinez normalement.

4. Cliquez à nouveau pour désactiver « Afficher les calques supplémentaires dans toutes les compositions ».

 

De cette façon, les accessoires pour cheveux seront affichés sur toutes les compositions de calques !

Si vous oubliez de cliquer sur « Afficher les calques supplémentaires dans toutes les compositions » après avoir terminé de peindre les objets partagés nouvellement ajoutés, vous pouvez également mettre à jour rapidement toutes les compositions de calques en suivant les étapes ci-dessous :

 

【 🔨 Étapes】

1 (Terminer la peinture des objets partagés nouvellement ajoutés)

2 Dans le panneau de composition des calques, cliquez sur « Afficher les calques supplémentaires dans toutes les compositions ».

3 Dupliquez le calque cible.

4 Cliquez à nouveau sur « Afficher les calques supplémentaires dans toutes les compositions ».

---

Si vous souhaitez conserver la base sans visage sans décorations supplémentaires, comme cet accessoire pour cheveux, suivez les étapes suivantes :

 

1. Sélectionnez le calque de composition « Base sans visage ».

2. Masquez le calque d'accessoire pour cheveux.

3. Dans le panneau de composition des calques, cliquez sur « Superposition ».

4. Terminé !

---

📝 Modifier l'image des paramètres des personnages

Pour modifier rapidement une image existante, par exemple la couleur des yeux, vous pouvez utiliser les méthodes suivantes :

 

① [Nouveau calque de compensation des tons] → [Correspondance du dégradé] (appuyez d'abord sur OK)

② Attachez le calque de compensation des tons au dossier de calques de l'œil entier.

③ Double-cliquez sur le calque de compensation des tons.

④ Ajustez la couleur du dégradé, et c'est terminé !

【À propos du réglage du dégradé de couleur】 :

1 Cliquez sous la barre de couleur pour ajouter un point d'ancrage.

2 Double-cliquez sur « Spécifier la couleur » pour modifier la couleur du point d'ancrage.

3 Ajoutez deux points d'ancrage de même couleur et réduisez la partie dégradée en rapprochant les points d'ancrage de couleurs différentes, afin de pouvoir définir la couleur des différentes positions.

 

💡 Plus le contraste entre les zones claires et foncées des yeux (eye-liner, pupille, etc.) est important, plus le dégradé est facile à utiliser pour ajuster la tonalité des couleurs.

En changeant la couleur des yeux ou des sourcils, etc., vous pouvez appliquer des expressions à différents personnages, créant ainsi des modèles d'expression, ce qui est très pratique !

---

📤 Image de sortie

Une fois les différentes expressions dessinées, vous pouvez exporter le fichier image !

 

【 🔨 Méthode】

1 Si vous souhaitez exporter un arrière-plan transparent, mais que vous n'avez pas masqué le calque « papier » lors de la préparation, vous pouvez directement le supprimer.

2 [Fichier] → [Autre écriture] → [Composition du calque d'écriture].

3 Définissez l'emplacement de stockage, le nom, etc. du fichier image. Si vous souhaitez un arrière-plan transparent, vous devez sélectionner un fichier PNG.

Dans les paramètres d'exportation, vous pouvez ajuster la taille du fichier.

 

Ainsi, si les autocollants destinés à la communication nécessitent une taille plus petite et que vous rencontrez des difficultés pour dessiner de manière fluide, vous pouvez définir une taille plus grande lors de la création d'un nouveau fichier, puis la réduire !

 

💡 Bien que les paramètres d'exportation JPG permettent d'ajuster les paramètres de qualité, si vous ne souhaitez pas que la qualité soit compressée lors de la réduction de l'image, vous pouvez choisir d'exporter au format PNG.

Finition!

---

Après avoir terminé la différenciation de chaque expression, vous pouvez ajouter du texte sous forme d'autocollant :

Pour les méthodes de traitement de texte, veuillez vous référer à l'enseignement officiel suivant :

Conclusion

Merci beaucoup d'avoir lu ceci !

 

Bien que l'image de démonstration ne montre que l'utilisation de la composition de calques pour gérer trois expressions, cette fonction est en réalité très pratique pour gérer des fichiers plus différentiels !

La sortie par lots de différentes versions d'expressions est une fonction indispensable qui permet de gagner un temps précieux.

De plus, les méthodes ci-dessus peuvent également être appliquées à la création de bases de données de paramètres d'expression pour les personnages, de CG de différences d'expression pour les personnages dans les dialogues de jeu, etc., et ne se limitent pas à la création de textures !

 

Que pensez-vous de ce partage ?

N'hésitez pas à me laisser un message pour me faire part de vos commentaires ! J'espère que ce contenu vous sera utile.