L'outil Dégradé dans Clip Studio est très polyvalent et peut être utilisé dans différents scénarios. Je vais essayer d'appliquer cet outil à des illustrations pour créer un éclairage réaliste, mais il est d'abord nécessaire d'expliquer son utilisation sur des formes basiques pour l'appliquer ensuite à une forme complexe.

Utilisation des dégradés sur des formes basiques

Sur la figure 1, je crée quatre formes basiques : un cube, un cylindre, une sphère et un cône. Ces figures sont importantes car elles peuvent créer une diversité de formes lorsqu'elles sont mélangées, donc lorsque vous résolvez la coloration à l'aide de dégradés, vous pouvez appliquer les mêmes principes à des formes plus complexes comme des voitures, des avions ou d'autres dessins de conception industrielle.

Figure 1

Clip Studio offre différentes manières de résoudre le même problème. Pour créer un cylindre comme celui de la figure 2, une option est d'utiliser l'outil «Peinture de ligne de contour», qui vous permet d'utiliser des lignes ou des courbes simples (fonctionne dans les calques raster) avec les couleurs de base nécessaires au dégradé, et en cliquant entre les lignes, Clip Studio crée le dégradé entre les deux couleurs. Une astuce importante est de créer des lignes plutôt fines, sinon les lignes seront visibles et la transition ne sera pas fluide.

Figure 2

Une autre option est d'utiliser le sous-outil «Dégradé». Cet outil offre différentes options, comme trois formes différentes : linéaire, radiale et elliptique, leur utilisation me semble explicite. Il existe quatre processus de bordure différents. «Ne pas répéter», de sorte que les couleurs extrêmes se répéteront à l'infini. «Répéter», de sorte qu'à l'extrémité de la poignée, le même dégradé se répétera à l'infini. «Inverser», à l'extrémité de la poignée, le dégradé se répétera mais de manière inversée, de sorte que la fin d'une extrémité de la poignée se répétera de l'autre côté. «Ne pas dessiner», dans cette option, le dégradé se terminera à la fin de la poignée.

 

Mais l'option la plus importante est «Où créer», qui propose deux options : «Dessiner sur le calque d'édition», cela signifie qu'il créera le dégradé sur le calque raster sélectionné, donc une fois terminé, il n'y aura aucun moyen de le modifier. «Créer un calque de dégradé», cette option est celle que j'utilise, car elle vous permet de modifier le résultat final, en sélectionnant le sous-outil «Opération», il vous permet de modifier l'angle, la taille et les couleurs du dégradé.

Figure 3

La figure 4 montre comment changer la couleur du dégradé, simplement en choisissant la couleur souhaitée et en la collant à la couleur spécifique dans la barre de dégradé supérieure. Vous pouvez ajouter ou supprimer des couleurs en cliquant en bas de la barre de dégradé ou en faisant glisser la flèche vers le bas.

Figure 4

Sur la figure 5, je crée une «Zone de sélection» et, à l'aide de l'option «Créer un calque de dégradé», je peins le dégradé. Le résultat final n'est pas modifiable, vous devez donc être précis en utilisant cette option.

Figure 5

J'aime beaucoup travailler avec des vecteurs, donc sur la figure 6, vous pouvez voir les aplats pour les quatre formes réalisés avec l'outil «Remplir couleur vectorielle à main levée». Cet outil se trouve dans le sous-outil de remplissage «Dégradé» et, comme il est vectoriel, vous pouvez facilement le modifier.

Figure 6

Pour créer le dégradé, je crée une sélection à partir du calque (Ctrl + clic sur la miniature de la forme, dans les calques), puis je fais glisser pour créer le dégradé. Une fois terminé, utilisez le sous-outil «Opération» pour le modifier et obtenir le résultat final.

Figure 7

La sphère est créée en utilisant la forme du cercle ou de l'ellipse ; à mon avis, il est préférable d'utiliser l'ellipse. Une chose à savoir est que la couleur à gauche est la couleur concentrique initiale, donc dans notre cas, la partie la plus lumineuse. Dans presque toutes les formes, je place une couleur vive à la fin du dégradé pour créer l'illusion de la lumière réfléchie (la lumière réfléchie par le plan sur lequel reposent les objets).

Figure 8

La figure 9 montre comment créer un cube. Dans le cube, trois plans clairs sont visibles, chacun doit donc être traité individuellement. Comme la lumière est en haut à droite, le plan le plus éloigné sera le plus sombre. N'oubliez pas que la lumière sera plus intense plus elle est proche de l'objet, donc près du sol, c'est plus sombre qu'en haut du plan.

Figure 9

La forme du cône est difficile à réaliser car il n'existe pas de dégradé en forme de cône dans Clip Studio. Pour la créer, vous devez comprendre que le cône réfléchit la lumière de manière radiale vers le sommet. Vous ne pouvez pas utiliser le cercle car il est concentrique, la seule option est donc d'utiliser la forme linéaire. Après utilisation, vous devez rastériser le calque et, à l'aide de l'outil «Transformation libre» (Édition\/Transformation\/Transformation libre), vous devez déformer le calque jusqu'à ce que le sommet soit proche d'un point pour obtenir l'effet nécessaire, comme le montre la figure 10.

Figure 10

Le résultat final est présenté à la figure 11. Si vous êtes intéressé par le fichier de cet exemple, téléchargez-le via le lien suivant.

Figure 11

Rendu de voiture de dessin animé

Pour appliquer le dégradé dans un exemple réel, j'ai décidé de créer une voiture de dessin animé. J'ai donc utilisé les règles de perspective pour créer cette forme de voiture simple (figure 12), puis je l'ai utilisée pour peindre à main levée les courbes afin de comprendre la forme finale de la voiture, comme le montre la figure 13.

Figure 12

Figure 13

Après cela, j'ai dessiné la voiture à la main sur le dessus, c'est le premier croquis (figure 14)

Figure 14

En réduisant l'opacité du calque de croquis, je peins la voiture plus soigneusement. La figure 15 montre le résultat… pas très bon à mon avis, les lignes sont trop tremblantes.

Figure 15

Sur la figure 16, je refais la voiture en utilisant l'outil «courbe» avec le «Bézier quadratique» sur un calque vectoriel. Le résultat des lignes est plus froid, mais je l'aime mieux.

Figure 16

Après cela, je crée les aplats à l'aide de l'outil «Remplir couleur vectorielle à main levée». Les aplats sont divisés par les différents plans de l'objet ; s'il y a un grand changement de plan ou de couleur, il sera traité séparément.

Figure 17

Pour créer un dégradé de couleurs cohérent pour tous les plans, je peins des calques de référence de couleurs avec toutes les couleurs que j'utiliserai pour la voiture. Sur la figure 18, vous pouvez voir comment j'applique la couleur du dégradé, puis je modifie le résultat, en changeant l'angle pour l'adapter à la forme de la voiture. Pour la voiture, j'ai décidé de ne pas créer de sélection mais de «masquer le calque inférieur», ce qui m'a permis de modifier le calque de remplissage vectoriel si nécessaire.

Figure 18

Pour les autres plans, vous devez savoir que la couleur de départ d'un plan est la couleur finale du plan précédent, sinon il y aura un saut de couleur visible et l'idée est de créer l'illusion d'une forme continue.

Figure 19

La couleur de la voiture est prête, mais pour créer l'illusion d'une peinture réfléchissante, il est nécessaire de placer des reflets. Ceux-ci sont normalement le reflet du ciel ou de l'éclairage utilisé pour illuminer l'objet. Sur la figure 20, la lumière est placée sur le côté et le dessus de la voiture, mais comme la forme de la voiture n'est pas régulière, l'éclairage est brisé et irrégulier. Pour créer cette lumière, j'utilise simplement une référence photographique. Les bords du reflet sont adoucis à l'aide d'une ligne d'aérographe sur le calque ; vous pouvez simplement réduire l'opacité et le résultat sera satisfaisant.

Figure 20

Pour obtenir un résultat encore meilleur, j'ai décidé d'utiliser un dégradé de surbrillance, montré à la figure 21. En utilisant la surbrillance précédente, j'ai créé une zone de sélection et le calque de dégradé. Le résultat est meilleur car il donne aux surbrillances une transition plus douce.

Figure 21

En continuant avec les reflets, je change la couleur des lignes internes en vert foncé et je copie-colle les lignes qui présentent une indentation dans la voiture, comme les portes et le capot, pour créer la lumière pour cette zone.

Figure 22

La figure 23 montre l'effet d'éclairage obtenu avec les lignes copiées, colorées en vert vif et légèrement décalées par rapport aux lignes vert foncé.

Figure 23

La jante sera créée avec l'ellipse dans un dégradé de gris, et pour donner de la brillance aux roues, un dégradé linéaire du gris vers la transparence est utilisé, comme le montre la figure 24.

Figure 24

Les phares de la voiture sont réalisés avec un simple effet chromé. L'important est de créer une division entre la lumière et l'obscurité, ce qui représente un reflet du ciel et de l'horizon sur la peinture chromée. L'angle est important, mais comme il sera partiellement couvert par le verre du phare, seule une partie de l'effet sera visible.

Figure 25

Le pare-chocs est spécial car sa forme est irrégulière. J'ai donc créé différentes lignes suivant la forme du pare-chocs avec le dégradé que je voulais, puis j'ai utilisé l'outil «Peinture de ligne de contour» pour remplir entre les lignes. Il est important d'utiliser des lignes sans anticrénelage, cela a donné de meilleurs résultats, comme vous pouvez le voir sur la figure 26.

Figure 26

Pour finaliser la voiture, il est important de créer un reflet dans les vitres de la voiture et peut-être une lueur pour les phares. La figure 27 montre la voiture sans cet effet ; vous pouvez comparer le résultat final avec la figure 28.

Figure 27

Figure 28

Enfin, je tiens à remercier DadoAlmeida. La technique vectorielle présentée dans ce tutoriel est basée sur l'astuce "Création d'art vectoriel pour l'impression et les jeux" (lien ci-dessous).

Si vous êtes intéressé par l'analyse du fichier Clip Studio de cet exemple, vous pouvez télécharger le lien ci-dessous.

Merci, j'espère que ce tutoriel est facile à suivre. Si vous avez des doutes, n'hésitez pas à me le faire savoir.