La théorie des couleurs est difficile. Colorer des éléments affectés par un éclairage et une atmosphère colorés est difficile. Je veux dire, à quoi ressemble une boule rose sous une lumière verte ?!

Dans ce tutoriel, je vais vous apprendre à transformer une illustration « normale » en une illustration aux intempéries ! Je vous montrerai comment utiliser les calques de correction pour ajuster l'ambiance colorée de l'illustration, et les pinceaux Clip Studio Assets que vous pouvez utiliser pour ajouter plus de détails environnementaux.

 

En fin de compte, il est préférable que ces couleurs soient peintes naturellement (avec seulement un peu d'utilisation de calques de correction pour les retouches) plutôt que de s'appuyer entièrement sur les calques de correction seuls. Vous pouvez le faire en réalisant d'abord une petite vignette. Cependant, ces techniques fonctionnent bien pour les webcomics, les débutants, ou si vous avez besoin de faire quelque chose rapidement.

 

« Allez-vous parler des cartes de dégradé ? »

Comme vous pouvez le voir dans d'autres tutoriels sur la météo, certains artistes ont déjà très bien expliqué comment utiliser les cartes de dégradé pour étalonner les couleurs de votre illustration. Dans ce cas, je n'expliquerai pas comment utiliser les cartes de dégradé. Jetez un œil à leurs merveilleux tutoriels !

 

Et à mon avis, je trouve que les cartes de dégradé peuvent être un peu trop délicates. Je devrais savoir quel mode de fusion de calque est le meilleur et quelle doit être la transparence du calque. Le même calque affecte également la lumière et les ombres alors que les deux pourraient avoir besoin d'être séparés en 2 modes de calque différents. Plus tard, j'expliquerai comment ce problème est résolu avec le calque de correction Balance des couleurs.

Dans les cartes de dégradé, vous devez également choisir les bonnes couleurs, ce qui peut prendre un certain temps. Les cartes de dégradé sont très spécifiques. Avec les calques de réglage, il s'agit uniquement de curseurs, c'est donc plus flexible et facile à utiliser.

 

J'utiliserai cette illustration de ma création pour les démonstrations, et comme vous pouvez le voir, elle est colorée avec un éclairage neutre, alias un éclairage « normal ».

Mon personnage s'appelle Dr. Mul, au fait :)

Principes fondamentaux à connaître

Des lumières plus vives produisent des couleurs plus contrastées, des bords d'ombre plus nets et des ombres dégradées moins douces.

Un moyen plus facile de vérifier le contraste de vos couleurs est d'utiliser un filtre de niveaux de gris !

1. Créez un nouveau calque au-dessus de tous vos autres calques.

2. Définissez le mode de fusion du calque sur Couleur

3. Remplissez le calque avec du noir, du blanc ou du gris

Les lumières chaudes produisent des ombres froides, et les lumières froides produisent des ombres chaudes.

Il existe des circonstances où un environnement aura des lumières chaudes avec des ombres chaudes et vice versa, mais cela se produit généralement dans des zones éclairées artificiellement, comme les pièces intérieures. Ce tutoriel se concentre sur les changements de couleur causés par la météo, qui est un élément naturel et extérieur, nous utiliserons donc le principe énoncé précédemment.

Généralement, les rouges et les jaunes sont chauds, tandis que les bleus et les verts sont froids. Cependant, tout est relatif et le contexte est important ! Par exemple, le magenta est plus froid que le rouge.

 

Comment utiliser les calques de correction + astuces

Pour créer un nouveau calque de correction, allez dans [Calque] > [Nouveau calque de correction]. Vous verrez de nombreux types de calques de correction à choisir.

Ce tutoriel utilisera ces 3 types :

1. Luminosité/Contraste

2. Courbe de tonalité

3. Balance des couleurs

J'expliquerai les points 2 et 3, car le point 1 devrait être très simple.

NOTE : La différence entre l'ajustement de la luminosité/contraste et l'ajustement de la luminosité Teinte/Saturation/Luminosité est que le premier conserve plus de contraste entre les couleurs tandis que le second en conserve moins.

Voici à quoi ressemble la courbe de tonalité. Ne vous laissez pas intimider par son aspect mathématique !

Le côté gauche du graphique représente les valeurs sombres, tandis que le côté droit représente les valeurs plus claires.

« Que sont les valeurs ? »

C'est la luminosité de votre couleur. Elle va de 0 à 100. Plus le nombre est bas, plus c'est sombre. Vous pouvez vérifier le nombre de votre valeur dans le curseur de couleur et la roue chromatique. Il est étiqueté avec un « V ».

Connaître le nombre de la valeur est important lorsque vous utilisez des cartes de dégradé et des courbes de tonalité, car cela vous permet de localiser l'emplacement de votre couleur sur la carte afin d'avoir plus de précision lors de son édition.

C'est là que votre filtre de niveaux de gris est utile, car le nombre « V » n'est pas le même pour la couleur que pour sa version en niveaux de gris. Le nombre de la version en niveaux de gris est plus précis.

De plus, voyez-vous comment la courbe de tonalité a des grilles ? Chaque ligne représente 25 % de la valeur. Euhhh, ignorez simplement les nombres « 255 ».

Voyez-vous ces pics gris foncé, semblables à des montagnes ? Ils représentent le nombre de couleurs d'une certaine valeur. La plupart de mon illustration a des couleurs plus sombres, donc les pics sont plus hauts sur le côté gauche, qui représente les valeurs plus sombres.

Donc, si je veux que mes valeurs plus sombres deviennent plus claires, je clique sur la partie gauche de la ligne diagonale et je la fais glisser vers le haut.

Voyez-vous comment la ligne diagonale se courbe, de sorte que d'autres valeurs plus claires sont ajustées en conséquence pour être plus claires ?

Si je ne veux pas que les valeurs plus claires soient ajustées, je clique sur cet endroit et je l'épingle.

Gardez à l'esprit que cela entraînera des couleurs moins contrastées. C'est parce que j'ai ajusté mes valeurs plus sombres pour qu'elles soient plus proches de mes valeurs plus claires.

La plupart des ajustements esthétiques de courbe de tonalité d'action automatique à faible contraste que j'ai vus ont fait ressembler la ligne diagonale à un escalier. Essayez-le !

Fait amusant : Faire en sorte que cela ressemble à une montagne hérissée de pics donne un filtre arc-en-ciel !

Vous pouvez également appliquer des calques de correction avec des modes de fusion, alors amusez-vous à choisir un mode de fusion pour votre filtre arc-en-ciel !

Plus la courbe est funky, plus les couleurs sont funky.

Dans le coin supérieur gauche de la fenêtre de la courbe de tonalité, vous pouvez accéder aux réglages des rouges, des verts et des bleus de votre illustration. Tout ce que je viens d'expliquer s'applique également à cette partie.

Vous voulez plus de rouge ? Montez le point sur la courbe. Vous voulez moins de rouge ? Abaissez le point.

Passons à la balance des couleurs !

Il y a 3 curseurs : Cyan et Rouge, Magenta et Vert, et Jaune et Bleu. Ils sont agencés ainsi parce qu'ils sont opposés l'un à l'autre. Donc si vous voulez moins de jaune, vous ajouterez plus de bleu.

Dans la Balance de dégradé, c'est là que vous pouvez ajuster les couleurs de vos lumières, de vos demi-tons (vos couleurs de base « normales » pour ainsi dire) et de vos ombres.

C'est pourquoi je préfère ajuster mes couleurs avec la Balance des couleurs plutôt qu'avec les cartes de dégradé. De cette façon, c'est plus précis et moins délicat.

Laissez « Conserver la luminosité » coché si vous voulez conserver les mêmes valeurs. Elles ne seront pas complètement identiques, mais le programme fera de son mieux 😅

Chaud et ensoleillé

Un temps chaud et ensoleillé signifie qu'il y aura une lumière chaude pour transmettre la chaleur, ce qui signifie qu'il y aura aussi des ombres froides ! Ce temps a également une lumière plus forte, donc les ombres sont plus dures et contrastées.

Créez un nouveau calque de balance des couleurs. Les demi-tons auraient une teinte chaude et orange, alors déplacez les curseurs vers le jaune et le rouge. La distance à laquelle vous devez déplacer les curseurs dépend de l'aspect de votre illustration. Alors, jouez simplement jusqu'à ce que cela vous semble juste !

Passons à l'ajustement des ombres, qui devraient être froides. Il est important de ne pas en faire trop car la tonalité générale du décor doit rester chaude.

De plus, j'ai mis plus de cyan que de bleu car le bleu de ce curseur est plus un bleu chaud, outremer. Le cyan est un bleu plus froid. Vous voyez, même dans les couleurs froides titulaires, il y a toujours un côté chaud et froid ! Tout est relatif !

Enfin, les lumières. Elles devraient être jaunes.

Hmm... Je sais que les lumières vives et ensoleillées créent des ombres contrastées, mais je pense que mes ombres sont trop sombres et donnent l'impression d'une scène de soirée. Je pensais plutôt à un après-midi chaud et ensoleillé vers 14h.

Pour éclaircir un peu mes ombres, j'ai utilisé la courbe de tonalité au lieu d'autres calques de réglage de la luminosité car c'est plus précis.

Avec mon filtre de niveaux de gris, j'ai découvert que les ombres que je voulais ajuster avaient une valeur de 75 ou moins, j'ai donc placé une « épingle » à cette marque de 75.

Le point encerclé en jaune est un point d'« épingle », utilisé pour empêcher les tons plus clairs d'être ajustés.

En plus d'avoir des couleurs plus chaudes, une autre façon d'indiquer une journée chaude et ensoleillée serait d'ajouter de la sueur. Il existe de nombreux excellents pinceaux de gouttelettes d'eau dans les Clip Studio Assets, mais la plupart sont destinés à être utilisés en plus grande taille, sinon ils ressembleraient à des taches de couleur croquantes. Malheureusement, le Dr Mul est petit, j'ai donc dû dessiner la sueur manuellement.

Ce n'est pas difficile cependant !

1. Dessinez la sueur avec une couleur de lumière (dans ce cas, c'est du blanc)

2. Prélevez une couleur d'ombre de la peau avec la pipette.

3. Utilisez cette couleur comme ombre de la sueur.

4. Si la goutte de sueur est particulièrement juteuse, peignez la couleur de l'ombre à l'intérieur.

5. Si la sueur est ENCORE plus juteuse, peignez un point de lumière.

Je n'ai pas pu télécharger un gif du processus même s'il était dans la capacité de téléchargement, alors je l'ai mis sur Twitter si vous voulez le voir !

Voici mon pinceau à sueur préféré, au fait. Vous pouvez en trouver d'autres en tapant « sueur » ou « eau » sur la page des Assets !

S'il fait soleil, cela signifie qu'il y a beaucoup de lumière qui traverse.

Cela signifie qu'il y a moins de nuages bloquant le soleil. Mais pour celui-ci, je vais juste avoir un ciel dégagé.

Pour mieux transmettre la quantité de lumière qui entre, ajoutez quelques rayons lumineux et des reflets d'objectif. J'ai également ajouté des particules de poussière car une lumière forte les rend généralement plus visibles. Cela rend aussi juste plus joli.

 

RAYONS LUMINEUX :

• Mode de fusion du calque : Ajouter (Lueur) car il a un bel effet de lueur

• Code hexadécimal de la couleur : 6D5635. Une couleur boueuse, jaune-orange

• Pour rendre certaines parties plus lumineuses, j'ai ajouté du blanc avec un aérographe

• J'ai fait des espaces dans les rayons lumineux pour qu'ils n'obstruent pas trop la fenêtre

 

REFLETS D'OBJECTIF :

• Le pinceau que j'ai utilisé ne permet pas de changer sa couleur

• Mode de fusion du calque : Ajouter (Lueur)

• J'ai utilisé une gomme douce pour effacer certaines parties afin qu'elles soient moins lumineuses

 

POUSSIÈRE :

• J'ai utilisé le pinceau Spray par défaut. Vous pouvez le trouver dans la section aérographe

• Couleur : blanc

• Mode de fusion du calque : Normal. 34% d'opacité

Fini !

 

Voici les pinceaux que j'ai utilisés. Le pinceau pour les reflets d'objectif est gratuit, le pinceau pour les rayons lumineux coûte 50CP.

Ciel couvert

Un temps couvert a beaucoup de nuages bloquant le soleil, donc avec moins de lumière vient une atmosphère plus sombre et des ombres moins contrastées. J'ai donc utilisé un calque de correction luminosité/contraste.

Ce temps a une tonalité plus mélancolique, il devrait donc avoir une atmosphère de couleurs plus froides.

Comme il n'y a pas beaucoup de jeu de lumière et d'ombre, la plupart des ajustements sont faits sur les demi-tons.

Je sais que j'ai déjà assombri toute l'illustration, mais je veux que le ciel ait l'air plus sombre, alors avec un calque de correction, je l'ai assombri.

Comme il n'y a pas beaucoup de lumière forte, j'ai réduit l'opacité de la brillance du verre sur les fenêtres et les verres.

Passons aux nuages ! Prélevez la couleur de votre ciel avec la pipette et assombrissez cette couleur comme si c'était une couleur d'ombre. Ce sera la couleur de votre nuage.

Voici le pinceau que j'ai utilisé pour le nuage. Il est gratuit ! J'ai utilisé [雲 単色 V]

La perspective affecte tout, y compris les nuages !

La partie sombre est simplement le dessous des nuages. Utilisez du blanc pour indiquer la partie supérieure des nuages. Après avoir dessiné la partie blanche, j'efface un peu le bas avec le même pinceau à nuages pour que l'on ait vraiment l'impression de regarder le dessous plutôt que le dessus.

J'ai trouvé que les nuages semblaient un peu trop nets pour être si éloignés, alors j'ai utilisé un peu de flou gaussien dessus.

J'ai aussi pensé que mes feuilles semblaient un peu trop « ensoleillées », alors avec une courbe de tonalité, je les ai atténuées. J'ai utilisé la courbe de tonalité au lieu du réglage de la luminosité/contraste car je voulais être plus spécifique.

Enfin, j'ai réduit l'opacité des lumières sur la chemise de Mul. Un temps plus sombre demande des lumières moins intenses.

Et c'est fait !

Orage sombre

Pour en faire une scène de pluie normale, ajoutez simplement quelques gouttes de pluie à l'illustration de ciel couvert et le tour est joué. Au lieu de cela, je vais vous montrer comment faire quelque chose de plus dramatique, comme un orage ! J'utiliserai la même illustration de ciel couvert.

 

Tout d'abord, je l'ai assombrie davantage avec la courbe de tonalité car je ne veux pas tout assombrir. Je veux préserver la luminosité des lumières (valeur supérieure à 80) car je veux que la foudre produise des lumières vives.

Ensuite, avec un calque de balance des couleurs, j'ai ajouté plus de cyan et de bleu aux ombres.

J'ai assombri les nuages et utilisé un nouveau dégradé pour le ciel. C'est 19瞑色 et j'ai réglé son opacité à 70 %.

Il est temps d'ajouter des éclairs ! J'ai utilisé le pinceau 雷ブラシ de ce pack de pinceaux d'éclairs gratuit.

Rappelez-vous que la foudre fonctionne comme des veines ou des fissures ! Parfois, elles se ramifient les unes dans les autres.

J'ai toujours la composition en tête, donc je ne vais pas dessiner des éclairs de manière aléatoire. Il y aura un grand éclair dans la fenêtre du milieu, qui sera le point focal. Les autres éclairs seront beaucoup plus petits mais resteront proches du grand.

De plus, plusieurs éclairs ne se produisent normalement pas à proximité les uns des autres, donc il n'y aura pas beaucoup d'éclairs visibles dans cette illustration. En plus d'être réaliste, cela aide également à guider l'œil dans la composition et cause moins de désordre visuel !

 

J'ai dessiné un éclair blanc sur un calque Normal. Voici comment j'ai créé un effet de lueur :

1. Dupliquez le calque de l'éclair

2. Définissez le mode de fusion du calque sur Ajouter (Lueur)

3. Utilisez le flou gaussien

4. Réduisez l'opacité jusqu'à ce que le résultat soit satisfaisant

Il n'y a qu'une seule source de lumière très étroite, et je veux rendre l'atmosphère plus dramatique et sombre, alors j'ai assombri les cadres de fenêtre et les murs environnants, à l'exception de celui du milieu.

Il en va de même pour la brillance du verre. Je l'ai ramenée à 100 % d'opacité et j'ai utilisé un calque de masque pour effacer un peu les parties qui n'étaient pas au milieu.

Je voulais transmettre un vent fort car cela ajouterait à l'atmosphère, donc en ajoutant des feuilles soufflées, je peux suggérer un vent fort. Ensuite, pour VRAIMENT transmettre à quel point il y a du vent, j'ai ajouté un flou de mouvement. Accédez-y en allant dans [Filtre] > [Flou] > [Flou de mouvement]

Parce que le filtre de flou de mouvement vous permet d'ajuster l'angle de direction, je m'assure d'orienter vers la direction du vent, qui souffle vers la droite. J'ai choisi cette direction car elle correspond à l'inclinaison de la foudre. De cette façon, cela suit la ligne d'action.

Je veux qu'il y ait un point focal plus important sur l'éclair lumineux, alors avec un calque Multiplier, j'ai aérographe du gris sur la partie gauche du ciel.

Les calques de correction ne peuvent pas tout faire pour vous. Parfois, vous devez ajuster les choses manuellement.

Je voulais que la partie la plus proche de la fenêtre soit lumineuse, tandis que le reste s'estompe dans l'ombre. J'ai donc aérographe quelques lumières sur la tête et le coude de Mul, puis aérographe quelques ombres grises froides sur les parties que je trouvais trop lumineuses (sa chemise, son visage et le siège) sur un calque Multiplier.

Enfin, il est temps de faire la pluie ! Voici le pinceau gratuit que j'ai utilisé.

Il y a déjà beaucoup de bruit visuel dû à la pluie sur la fenêtre, donc je choisirai de ne pas ajouter de gouttes de pluie en arrière-plan. De plus, la fenêtre est plus proche de nous, donc l'information visuelle y est plus importante qu'en arrière-plan.

Lorsque le vent est suffisamment fort, il peut faire couler les gouttes de pluie en biais, je l'ai donc fait ici pour mieux transmettre les vents forts.

 

Et c'est fait !

Apocalypse

En tant que personne d'Asie du Sud-Est qui n'a été qu'une seule fois dans un pays enneigé, je crains de ne pas pouvoir vous donner de conseils sur le temps neigeux. Cependant, je PEUX vous montrer comment réaliser une scène apocalyptique cool ! En utilisant toutes les connaissances sur les calques de correction dont j'ai parlé, vous pouvez créer le temps/l'atmosphère que vous voulez !

 

Imaginez qu'une météorite extraterrestre a frappé la Terre. Le gaz qu'elle dégage rend l'air autour de nous d'un vert maladif et l'air à des altitudes plus élevées d'un rouge sang brumeux.

Ainsi, les demi-tons et les lumières seront rouges, tandis que les ombres seront vertes !

Hmm... Je pense que mes lumières sont trop vives. Je vais les atténuer. Je vais aussi assombrir un peu mes ombres, et rendre mes noirs les plus foncés moins foncés.

Filtre arc-en-ciel !!! Il ajoute une sorte d'effet brumeux, de marée noire, comme dans le film Annihilation.

Pour celui-ci, j'ai utilisé un nouveau calque de courbe de tonalité. Il était aussi assez fort, alors j'ai réglé l'opacité du calque à 38 %.

Place aux touches finales !

J'ai prélevé la couleur du ciel rouge et j'ai appliqué un dégradé de cette couleur sur l'illustration, sur un calque Lumière douce.

Ensuite, sur un calque Ajouter (Lueur), j'ai ajouté de la fumée verte. Malheureusement, je ne peux pas vous donner le lien du pinceau de brume que j'ai utilisé car il m'a été donné par un ami, mais je suis sûr que vous pouvez trouver des alternatives sur les Assets de CSP !

Merci beaucoup d'avoir lu mon tutoriel.

J'espère avoir bien expliqué ces techniques et j'espère qu'elles vous seront utiles !