Déplaçons les illustrations avec Live2D! ~ Séparez les parties de caractère avec `` CLIP STUDIO PAINT ''

16,266 vue(s)
ClipStudioOfficial

ClipStudioOfficial

Cette section présente le concept de division des parties pour déplacer des personnages dans Live2D et comment séparer réellement les parties à l'aide de "CLIP STUDIO PAINT".

Explication: MUGENUP Inc.

https://mugenup.com/


Cet article est basé sur "vivant 2019-un endroit où les rêves peuvent être trouvés- | Live2D Creators Conference" session "Les bases du déplacement et de la séparation d'illustrations à une seule couche avec" CLIP STUDIO PAINT ".

https://alive2019.live2d.com/company/mugenup_clipstudio/#company-session


* Cet article est en japonais. Des traductions automatiques sont disponibles pour les sites non japonais.

Lors de la création d'une nouvelle illustration pour Live2D

Pour créer une nouvelle illustration pour Live2D, procédez comme suit.

-Séparez le calque de dessin au trait et le calque de remplissage pour les pièces susceptibles de se déplacer.
・ La conception des costumes sera basée sur la conception des pièces.

Si vous allez utiliser Live2D depuis le début, vous pouvez créer un personnage tout en pensant à diviser les parties comme indiqué ci-dessous.


Les caractères de cette image sont des exemples d'images à titre de référence uniquement, il s'agit donc d'un exemple très simple. Dès le début, il est conçu pour être facile à déplacer.

Par exemple, dans cet exemple, la main est signe de paix.
Le doigt de préhension et le doigt extensible sont découpés en différentes couches afin qu'ils puissent être facilement déplacés en tant que pièces.

Les cheveux sont divisés en supposant qu'ils se déplacent à la base de la queue jumelle.
La maladresse des articulations n'est pas perceptible car les parties du ruban chevauchent la base.

Le bras est divisé en haut du bras de «l'épaule au coude» et l'avant-bras du «coude au poignet».
Chaque pièce a une conception qui peut être déplacée par le déformateur rotatif.

Lors de la création d'images Live2D à partir d'illustrations existantes

Comme mentionné ci-dessus, lors de la création sur le principe du déplacement depuis le début, la conception et la division des pièces sont fluides, mais il y a aussi des cas où "je veux déplacer une image JPG". Il y a.

Dans un tel cas, il est nécessaire d'effectuer une "division partielle".

Cette fois, nous allons introduire la préparation pour déplacer une illustration de personnage avec un calque de dessin au trait et un calque de remplissage en tant que Vtuber.

Comment séparer les pièces?

Si l'image d'origine est un JPG unique ou un PSD avec des couches combinées, il est nécessaire non seulement de découper les parties, mais également d'ajouter l'arrière-plan.


Séparer les pièces en détail est une tâche difficile, mais compte tenu du mouvement lors de l'utilisation de Live2D, plus les pièces sont fines, mieux c'est.
Par conséquent, il est nécessaire de diviser les pièces aussi finement que possible et d'ajouter et de peindre en tenant compte du mouvement.


■ Vérifier le temps et le travail requis pour la division des pièces

Lors de la séparation de pièces d'un seul JPG ou d'une image dans laquelle les calques sont combinés, il est nécessaire d'ajouter et de repeindre de manière fiable.
Si la méthode de peinture est unique ou a un motif compliqué, il faut du temps pour travailler, ainsi que des compétences en tant que telles.


■ Déterminer la ligne de qualité

Il est important de décider ce que vous voulez faire et combien vous voulez déplacer. Ensuite, vous comprendrez que "je veux bouger comme ça, donc je dois ajouter ici."

Afin de "ne pas diviser plus que nécessaire, ne pas augmenter le nombre de pièces", précisons où il faut absolument découper.

Ce que vous voulez vérifier à l'avance en divisant les pièces

■ Division des parties faciales

Même si vous dites "Je veux fonctionner en tant que Vtuber", les parties nécessaires changeront en fonction de la façon dont vous souhaitez l'utiliser.
Si le discours est le principal et que seul le visage est utilisé, il n'est pas nécessaire de diviser les parties sous le cou.

Lorsque le visage est principalement relevé, l'impression du personnage dépend de l'expression du visage.

Comme dans la vraie vie, les yeux sont très importants dans Vtuber.
Surtout dans Live2D, la division des yeux est très fine.

Dans un Vtuber réel, la partie supérieure de l'écran est souvent affichée à l'écran, et la partie supérieure du cou est souvent importante.


[Points pour ajouter du mouvement avec Live2D]
Comme un point de Vtuber, faites attention de ne pas cacher votre visage en secouant vos cheveux.
Dans les illustrations, vous pouvez dessiner les cheveux afin qu'ils ne chevauchent pas les yeux et la bouche, et de nombreux personnages peuvent voir les yeux depuis les lacunes de la frange, mais dans le cas de Vtuber, les cheveux bougent en temps réel .
Pour cette raison, des précautions doivent être prises lors du déplacement des cheveux afin que les cheveux ne chevauchent pas les yeux.


■ Séparation partielle des joints

Selon le Vtuber, tout le corps peut être réfléchi.
Comme présenté dans le premier "Création d'une nouvelle illustration pour Live2D", il est difficile de se déplacer s'il y a des motifs (collants en filet, motifs en damier, etc.) dans les articulations.

De plus, il est difficile de concevoir de telle sorte que les matériaux transparents se chevauchent, même s'il ne s'agit pas d'un joint.
S'il est dessiné sur une seule image, il faut beaucoup de temps pour reproduire l'apparence.

↑ De cette façon, il est facile de se déplacer s'il s'agit d'un joint simple et simple


■ Séparation d'objets tremblants

Réfléchissez à la façon de séparer l'objet qui tremble, en envisageant de couper l'image telle qu'elle est, de déplacer la bande ou la ceinture allongée en plusieurs joints, ou de la réécrire dans une forme différente, etc.

Par exemple, dans une seule image, si les chaînes ondulent ou si les cordes flottent, elles sont dessinées dans un état courbé. Cependant, il est très difficile de redresser une forme pliée, il est donc préférable de dessiner une chaîne, une chaîne ou une bande droite une fois, puis de la déplacer.

Processus de séparation des pièces à l'aide de "CLIP STUDIO PAINT"

Cette fois, nous utiliserons ce personnage comme un Vtuber et diviserons les parties afin que le visage et le haut du corps avec de nombreux besoins puissent être déplacés.

Je vais expliquer le travail de la partie du visage comme un échantillon avec une capture d'écran du "CLIP STUDIO PAINT".


Les données sont cette fois dans un état où les "couches de dessin au trait" sont combinées en une seule.
"Remplir le calque" est également combiné en un seul. Étant donné que la couche de dessin au trait et la couche de remplissage ont été combinées, la fonction de couche spéciale est indispensable.

Pour la division des pièces, si les données contiennent plusieurs couches, il est nécessaire de sélectionner plusieurs couches pour le dessin au trait et de remplir et répéter le même processus.

Dans un tel cas, "CLIP STUDIO PAINT" est pratique.
"CLIP STUDIO PAINT" peut être sélectionné sur plusieurs couches et découpé tel quel. Si vous avez déjà fait des pièces, vous saurez à quel point il est pratique de pouvoir séparer les calques tout en conservant les calques.

Même dans le cas où les couches sont combinées dans une certaine mesure comme cette fois, la fonction est active.


■ faisceau de cheveux

Tout d'abord, séparez-vous des cheveux.
Nous travaillons à partir des cheveux car ils sont situés devant les parties du visage, telles que les contours du visage, les yeux, les oreilles et la bouche.
En particulier, comme le contour est facilement caché sous les cheveux, couper les cheveux en premier rendra le travail plus efficace.

Et dans le cas de ce personnage, les deux faisceaux de cheveux qui dépassent du haut de la tête sont particulièrement visibles dans les cheveux. Ce qu'on appelle ahoge.


Ces grappes sont les premières à fonctionner parce que le mouvement est visible en premier lieu et est situé plus près des cheveux que la tête entière.

Ce personnage a deux faisceaux de cheveux, mais il n'est pas naturel que les deux faisceaux de cheveux bougent en même temps, nous les avons donc coupés en parties distinctes.

Tout d'abord, coupez la face avant du paquet de cheveux.

Le gros point ici est que vous sélectionnez "calque de dessin au trait" et "calque de remplissage" à la fois. Sélectionnez un peu à l'extérieur du dessin au trait et découpez-le.


De plus, si vous utilisez des fonctions telles que "Quick Mask", vous pouvez travailler plus rapidement.

Après avoir découpé la face avant des deux faisceaux de cheveux, la suivante consiste à travailler sur le paquet de cheveux arrière.

De la même manière que précédemment, utilisez la fonction "CLIP STUDIO PAINT" pour sélectionner et continuer avec le calque de dessin au trait et le calque de remplissage.


Vous avez maintenant séparé les deux tresses.

Le faisceau de cheveux sur le côté proche est situé sur le côté proche de toutes les autres parties, il n'est donc pas nécessaire d'ajouter ou de peindre après la coupe.

Cependant, le paquet de cheveux à l'arrière a une partie cachée derrière. J'ajouterai les parties manquantes pour qu'il n'y ait pas de problème avec l'animation.

Il s'agit d'une capture d'écran lorsque la petite fenêtre en haut à droite est coupée. Plus précisément, c'est la base du faisceau de cheveux arrière.


À ce stade, si vous ajoutez une couleur d'ombre à la partie qui se déplace vers l'arrière pour ajouter un sentiment d'incongruité, vous pouvez ajouter une impression naturelle.


■ Bangs

Ensuite, coupez la frange.

Cette fois, nous avons coupé la frange entière en une grande partie, mais selon l'état de l'illustration originale et la qualité que nous voulons, nous pouvons couper la frange en plusieurs parties.


Ensuite, lorsque la frange est coupée, appliquez-la.
Comme le montre la figure ci-dessous, la partie où le faisceau de cheveux du côté proche est coupé est un trou.


Des dégradés sont appliqués à toute la frange et les lignes qui traversent les cheveux sont dessinées.
De cette façon, si la zone est large, utilisez l'outil [Pipette] ou l'outil [Aérographe] pour appliquer la couleur afin qu'elle ne flotte pas par rapport à l'image d'origine.
Bien sûr, ajoutez des lignes qui n'ont pas été dessinées derrière le faisceau de cheveux.



■ visage

Lorsque la frange est terminée, l'étape suivante consiste à découper les parties du visage.
Nous allons couper les yeux, les paupières, les sourcils, la bouche, etc. La partie importante ici est les parties d'ombre.


La façon de séparer l'ombre autour du visage dépend des hypothèses et des spécifications de l'animation, mais cette fois, elle a été incluse dans les parties d'expression.

En divisant les cils, les yeux blancs, les pupilles, les iris, etc. en expressions fines, il est possible de créer des expressions détaillées telles que des clignements et des yeux magnifiques.

Après avoir découpé la frange et les parties d'expression faciale, ajoutez les parties percées comme indiqué ci-dessous.


Comme vous pouvez le voir dans la comparaison, le contour est également ajouté.

Lors de l'ajout de trous dans la tête, peignez la couleur de l'ombre qui tombe, en supposant que la frange oscille.

Cette fois, la frange a été coupée ensemble, donc l'ombre de la frange fait également partie. Si vous voulez vous déplacer richement, vous devez diviser finement la frange et l'ombre de la frange.


[À propos du mode de composition des calques]
Si vous utilisez le mode de composition de calque [Multiplication] lors de la classification des parties d'ombre, cela provoquera une gêne telle que l'assombrissement de la partie où chaque ombre se chevauche. Pour cette raison, en division partielle, le mode de composition [Normal] est essentiellement utilisé et la division est effectuée tout en ajoutant la couleur d'ombre visible.


Réorganisez les parties de l'expression faciale qui ont été découpées et ajoutez les parties cachées derrière les cheveux.
En réarrangeant à ce moment, il devient plus facile de vérifier si la couleur d'ombre utilisée pour la partie d'expression faciale est invisible et séparée de l'ombre de la frange.


Récemment, afin de clipser sur le côté Live2D en fonction du mouvement des pièces, il augmente le nombre de cas où il vaut mieux ajouter une ombre légèrement plus grande que le contour.


■ Brûlures latérales

Ensuite, découpez les favoris à gauche et à droite.
C'est difficile à comprendre car les favoris et la frange ont été découpés, mais il faut rajouter les oreilles.

La figure ci-dessous est une vue agrandie de l'oreille.


Il est facile d'oublier de séparer les petites pièces et les petites pièces.
Afin d'éviter que cela ne se produise, il est important de s'assurer qu'il n'y a aucune pièce manquante en chevauchant l'image d'origine après la découpe.

Ajoutez les pièces manquantes et ajoutez de la peinture sur les favoris coupés.


Lorsque vous ajoutez une pièce qui est largement masquée par d'autres pièces, assurez-vous de l'ajouter en tenant compte du point d'origine.

Cette fois, je devais remplir la partie supérieure de l'oreille, mais si vous ajoutez seulement la partie cachée et l'ajoutez brièvement, cela ressemblera à des cheveux qui poussent de la joue au moment de l'animation.


■ Double queue

Ensuite, découpez les queues jumelles à gauche et à droite.
Dessinez et ajoutez aux queues jumelles sculptées.

Les parties des nœuds de cheveux sont en contact étroit avec la tête, nous avons donc supposé qu'elles ne bougeraient pas de manière significative, nous avons donc appliqué environ la moitié des cheveux et divisé les cheveux.



■ Terminer

Le visage et le corps sont coupés de la même manière, et les pièces terminées sont illustrées ci-dessous.


J'ai essayé de le déplacer comme Vtuber en utilisant ces pièces.

Lors de la production avec plusieurs travailleurs

Lorsque vous travaillez avec plusieurs personnes, comme un client, un travailleur qui sépare des pièces et un travailleur Live2D, la coordination est importante.

Lors de la découpe d'une seule image JPG ou d'un PSD avec des couches combinées, il est absolument nécessaire d'ajouter et de repeindre.
Selon la situation, des pièces qui n'ont pas été dessinées à l'origine peuvent être créées.

Cependant, les ressources sont limitées, comme le temps et le personnel. Vous devez minimiser le nombre de pièces et de pièces à couper avec un minimum d'effort et la plus haute qualité.

La décision sur le type de mouvement que vous souhaitez effectuer, les parties qu'il est important de séparer ou l'endroit où vous pouvez l'omettre dépend du but et du but du client.
Il est important de coordonner ce que le travailleur Live2D doit faire avec le travailleur qui sépare les pièces, en tenant compte des souhaits du client.

À propos de Live2D

Live2D est une méthode d'expression unique qui permet de déplacer des images 2D, telles que des illustrations, des mangas et des animations, en trois dimensions tout en conservant la forme et le style uniques de la 2D.

Expérience

https://www.live2d.com/download/cubism/


achat

https://store.live2d.com/jp/

Commentaire

Articles similaires

Nouveautés

Nouveautés de la catégorie Officiel