Création d'ombres: un didacticiel d'éclairage et d'ombrage

69 878

Weiweiweiwei

Weiweiweiwei

INTRO

salut! Je suis Weiwei, et je dessine numériquement depuis quelques années maintenant et j'aimerais partager quelques conseils et une théorie fondamentale sur l'éclairage et les ombres. J'espère que vous apprenez quelque chose ~

 

Ce didacticiel est conçu pour les personnes qui connaissent déjà les outils CSP de base tels que les modes de fusion des calques (MULTIPLY, GLOW DODGE, etc.), le verrouillage des pixels transparents et le découpage des calques sur d'autres calques. ClipStudio a des guides officiels expliquant ces fonctions, alors vérifiez-les si vous en avez besoin. Néanmoins, j'espère qu'il y a quelque chose d'utile ici pour les artistes de tous niveaux!

 

1. Configuration

Je vais utiliser ce croquis de mon personnage d'origine, Yan, comme exemple. C'est un dessin assez simple donc je n'ai que 3 calques en ce moment - le lineart, toutes les couleurs de base sur un calque et le fond gris. J'aime travailler le gris plutôt que le blanc car il est plus neutre et me permet de mieux choisir les couleurs plus tard. C'est aussi plus facile pour mes yeux.

 

Ne vous inquiétez pas de colorier exactement dans les lignes en ce moment, avoir quelques imperfections (pas trop) donne à l'art un aspect plus naturel et spontané. Personnellement, j'aime appliquer grossièrement les couleurs de base avec le pinceau BIT HUSKY India Ink, pour obtenir une texture naturelle. Vous entendrez BEAUCOUP parler du pinceau BIT HUSKY ... c'est mon préféré :)

^ Soyez témoin de mon pinceau par défaut CSP préféré. Il peut tout et n'importe quoi !!

 

Maintenant, rendons le dessin plus intéressant en ajoutant des ombres et de l'éclairage!

Cela aide à penser aux lumières et aux ombres en utilisant la logique du moteur de jeu. Les moteurs de jeux 3D de style réaliste comme Unity utilisent des principes de physique fondamentaux et des shaders 3D pour générer des ombres et changer les couleurs des objets avec précision. Malheureusement, je ne suis pas un robot / programme informatique (et j'espère que vous ne l'êtes pas non plus!), Donc je ne peux pas reproduire ces effets exactement, mais comprendre la logique derrière cela, et comment la lumière affecte réellement les couleurs dans la vie réelle, est un super compétence précieuse. Cela signifie généralement:

 

>> Considérez vos sujets comme une forme 3D, pas seulement comme une image 2D plate. >> Réglez d'abord les sources de lumière, cela détermine où les ombres doivent être. >> Ajouter d'autres interactions lumineuses comme la lumière ambiante, la diffusion souterraine, l'éclairage diffus et spéculaire, etc. Cela peut devenir aussi compliqué et réaliste que vous le souhaitez! >> Enfin quelques touches de finition comme les filtres environnementaux, le matériau de l'objet et les détails.

 

Allons-y!

2. Établir une source de lumière

Pour déterminer le meilleur placement de source de lumière, je fais beaucoup de miniatures rapides du placement de base des ombres. En fin de compte, j'essaie d'exprimer une certaine humeur ou atmosphère, et le bon ombrage / éclairage m'aidera à l'exprimer. Découvrez ces tests d'éclairage ci-dessous:

Quelques notes sur les vignettes ci-dessus:

Flèches jaunes = direction de la lumière

Si la source lumineuse est le SOLEIL, toute la lumière peut être considérée comme venant de la même direction même si le soleil rayonne de lumière dans toutes les directions, car il est loin. Dans la vignette 4, la lumière proviendrait d'une source plus petite, comme une lampe de poche ou un objet brillant, pour créer ces ombres plus arrondies.

 

1. LUMIÈRE D'EN HAUT - fonctionne très bien pour les environnements extérieurs sous un soleil de midi élevé, ou assis à l'intérieur sous une forte ampoule, etc.

2. ÉCLAIRAGE AVANT - généralement générique / neutre et simple, met davantage l'accent sur les traits du visage et moins sur l'éclairage dramatique. Si vous ne voulez pas que l'ombrage soit un point culminant du dessin, vous ne pouvez pas vous tromper avec l'éclairage avant!

3. ÉCLAIRAGE LATÉRAL - avoir la moitié de son visage dans l'ombre peut être cool et dramatique, surtout avec des ombres très sombres

4. LUMIÈRE D'EN BAS - ambiance effrayante / dangereuse, généralement pendant la nuit, peut-être qu'elle tient quelque chose qui brille comme une bougie?

5. RÉTROÉCLAIRAGE - il peut avoir une sorte de sensation "épique". Si c'était une photo de Yan en action / pose de combat, le rétro-éclairage serait super.

6. ÉCLAIRAGE ANGULAIRE - une source de lumière diagonale est naturelle et neutre, a beaucoup de possibilités pour l'humeur

 

Ce ne sont pas toutes les options d'éclairage possibles, je viens d'en choisir quelques-unes. Par exemple, je n'ai pas complètement exploré avoir plusieurs sources de lumière, la distance et la taille de la source de lumière, ou jouer avec l'exposition à la lumière dans ces tests ... Je les garderai pour un autre tutoriel à l'avenir!

 

Pour ce tutoriel, nous allons continuer avec ÉCLAIRAGE ANGULAIRE (6). Mais quelle que soit la source de lumière, les principes d'éclairage suivants doivent toujours s'appliquer de toute façon!

Note rapide sur la méthode:

 À ce stade, je nuance avec un gris neutre en utilisant le stylo BIT HUSKY avec un pinceau géant - il offre une certaine texture et laisse transparaître une certaine couleur des couches en dessous, mais c'est subtil! Les ombres sont ajoutées sur un nouveau calque séparé sur le paramètre MULTIPLY et découpées dans un dossier contenant à la fois les couleurs plates et les couches lineart. L'image de gauche ci-dessus est avant de changer le mode de fusion / écrêtage du calque, l'image de droite est après. En verrouillant les pixels transparents de cette couche d'ombre, je peux ajouter de la couleur et plus de texture plus tard.

 

3. Interactions lumineuses - couleur, ombres portées et lumière ambiante

Jusqu'à présent, il semble assez clair et plat avec seulement des ombres de base. La lumière interagit de nombreuses autres façons pour créer des effets visuels qui peuvent ajouter de l'intérêt au dessin. C'est là que nous rendons les ombres plus réalistes.

COULEUR OMBRE.

Une règle générale que vous avez peut-être déjà entendue est: Lumières chaudes = ombres froides, et vice versa. Ce n'est pas tout à fait exact, une meilleure façon de le penser est - lumière chaude = les zones éclairées par la lumière seront plus chaudes, donc les ombres seront plus froides que les zones éclairées. donc, lumière froide = les zones éclairées seront plus fraîches que d'habitude, donc les ombres seront plus chaudes par rapport aux zones éclairées.

 

Pour ce dessin, je veux un soleil jaune chaud par une journée ensoleillée (le bleu du ciel aura un effet de refroidissement négligeable sur la couleur de la lumière), donc mes ombres devraient être d'un ton froid par rapport à la couleur de base. Donc, je verrouille la couche d'ombre en mode MULTIPLY et colorie le gris avec un bleu neutre / désaturé. Maintenant, l'ombre a un ton frais.

 

V

PROJETTE DES OMBRES.

Tout objet 3D sera dans l'ombre où moins de lumière le frappe, et il projettera également une ombre sur les choses derrière lui car il empêche la lumière d'y arriver. J'ai déjà mis quelques ombres projetées au début, montrées en rouge ici - principalement l'ombre projetée par les cheveux sur son visage et sa tête sur son épaule. En fait, je pense à ces ombres projetées avec l'ombrage de l'objet lui-même, car elles sont suffisamment similaires.

V

CAST SHADOWS, suite

Cependant, vous pouvez ajouter indirectement d'autres éléments au dessin en faisant en sorte que ces éléments projettent une ombre visible. J'ajoute une grande ombre violette sur son visage pour suggérer qu'elle est sous un abri / toit, créant une ambiance plus mélancolique / mystérieuse. Et même si je n'ajoute pas d'arrière-plan approprié, je peux ajouter une ombre projetée par le corps de Yan et le toit qui projette l'ombre sur son visage, pour repousser l'arrière-plan gris dans l'espace.

 

V

^ Remarque:

Pour créer rapidement une ombre corporelle:

>> Dupliquez et aplatissez les dessins au trait et les calques de couleur de base en un seul calque >> verrouiller la transparence >> remplir d'une couleur neutre, j'ai utilisé un bleu grisâtre >> appliquer un flou gaussien >> voila!

 

LUMIÈRE AMBIANTE et OCCLUSIONS DE LUMIÈRE.

La lumière ambiante est la lumière provenant d'autres objets de l'environnement. Par exemple, si Yan avait une pomme rouge sur son épaule ombragée, la pomme jetterait une certaine rougeur dans les ombres autour d'elle. Ici, la principale source de lumière ambiante proviendrait du ciel. Le ciel est immense, donc il projetterait la lumière ambiante de presque toutes les directions.

 

Remarque - La lumière ambiante frappe également théoriquement les zones éclairées, pas seulement les ombres, mais elle est beaucoup moins visible sous la lumière directe, donc je ne les considère pas ou ne les ajoute pas dans les zones claires du dessin.

 

OCCLUSIONS LUMINEUSES

Les ombres projetées par les cheveux de Yan sur son visage seraient protégées / occultées de la lumière ambiante.

Une partie de l'épaule de Yan dans l'ombre projetée par son épaule est bloquée par la lumière du soleil et la lumière ambiante afin qu'elle ne reçoive aucune lumière - c'est une occlusion complète de la lumière et sera la partie la plus sombre du dessin.

 

Il y a 2 façons d'ajouter de la lumière ambiante, je vais vous montrer les deux méthodes ci-dessous, 1 avec les ombres centrales et 1 avec la grande ombre portée.

 

V

^ 2 façons d'ajouter de la lumière ambiante

 

1. Nouveau calque au-dessus du calque d'ombre

>> réglé sur une faible opacité, mélange normal >> dessine une lumière ambiante bleue dans l'ombre. J'utilise la brosse BIT HUSKY pour dessiner à nouveau les ombres, puis l'aérographe SOFT pour effacer certaines parties, de sorte que l'ombrage est doux et progressif.

 

2. Même calque que l'ombre projetée (qui devrait être en mode de fusion MULTIPLY)

>> choisissez une couleur bleuâtre >> aérographe cette couleur sur les zones de lumière ambiante. (Gauche = mode de mélange normal, Droite = multiplier)

 

Les deux méthodes sont très bien, cela dépend juste de la façon dont vous voulez que votre lumière ambiante soit importante!

4. Interactions lumineuses - diffusion souterraine et lumière directe

DIFFUSION DE SOUS-SURFACE / PURGE DE LUMIÈRE.

C'est ma partie préférée! :)

Lorsqu'une source de lumière est particulièrement forte, une partie de la lumière saigne dans les tons moyens et les zones d'ombre pour créer un bord de couleur super saturée où l'ombre rencontre la lumière. Ce serait de la lumière qui pénètre à travers des matériaux translucides comme la peau, de sorte qu'elle brille. Étant donné que la principale source de lumière ici est un soleil jaunâtre, il pourrait briller d'un rouge orangé sur sa peau et créer un bord brun saturé sur l'ombre de ses vêtements et de ses cheveux. J'utilise la brosse BIT HUSKY pour ajouter des bords de saignement dur et l'aérographe SOFT avec une grande pointe de brosse sur une faible opacité pour ajouter des saignements légers plus larges et doux. Je dessine les lueurs douces directement sur les calques d'ombre verrouillés par transparence, et les bords durs sur un calque séparé en mode de fusion NORMAL. Comme il est difficile de les voir au-dessus des couleurs plates, observez ici également les bords sur une base incolore.

 

REMARQUE:

Ce bord n'apparaît vraiment qu'en lumière DIRECTE, donc ne l'utilisez pas sur toutes vos ombres, sinon le dessin perdra la focalisation. Une erreur courante que j'ai remarquée est que les gens utilisent trop ces lueurs lumineuses. J'en suis aussi coupable, car j'aime ajouter des lueurs et des parties brillantes à mon art! Mais si vous limitez l'éclat à une petite zone de mise au point (ici, les saignements de lumière les plus saturés ne se trouvent que sur le visage de Yan), l'aspect global que vous obtenez est plus efficace.

 

 

LUMIÈRE DIRECTE.

Est-ce que je veux une source lumineuse très puissante? Si c'est le cas, certaines parties pourraient être entièrement éclairées pour devenir blanches. Sinon, une source de lumière plus faible risque de rendre les zones directement éclairées un peu plus claires que la couleur de base. À gauche se trouve le calque de lumières en mode GLOW DODGE, et à droite se trouve le même calque en mode ÉCRAN et une opacité inférieure. GLOW DODGE et SCREEN sont mes modes de calque préférés pour une lumière super brillante et une lumière subtile / mate, mais n'hésitez pas à jouer avec les autres!

 

J'ai également tendance à ajouter un peu de lumière aux yeux d'un personnage, même si cela n'a pas vraiment de sens physiquement, parce que je veux faire éclater ses yeux et faire partie du point focal du dessin.

 

V

5. Touche finale / bonus

Ce sont des choses supplémentaires à considérer, en plus de tout le reste!

 

JOUER AVEC DES COULEURS LUMINEUSES

Je vais avec une lumière jaune chaude pour ce dessin, mais c'est toujours amusant (et utile!) De tester des alternatives! L'utilisation de couleurs de lueur surréalistes comme le bleu et le vert pourrait donner une ambiance "magique"! Les couleurs sont un excellent moyen de raconter une histoire à travers votre illustration.

 

Vous pouvez également jouer avec tous les autres aspects d'ombre du dessin. Puisqu'ils sont tous sur des calques séparés, il est facile de changer des parties individuelles - par exemple, si vous trouvez qu'un certain effet d'ombre ou de lumière est trop important, vous pouvez toujours ajuster la couleur et l'opacité sans affecter les autres ombres.

 

V

PROFONDEUR.

D'autres objets ne sont pas seulement plus petits, ils s'estompent également en saturation, en détails et en netteté. Dans les scènes en extérieur, l'ambiance du ciel aura également plus d'effet sur les objets distants, de sorte qu'ils apparaissent plus bleus / grisés. Donc, je lui donne une teinte bleue et je décolore certains de ses cheveux dans le dos.

 

DÉTAILS DU POINT FOCAL.

Le point focal de ce dessin sont les parties du visage de Yan qui sont sous la lumière du soleil. Je mets seulement plus de détails autour de la zone focale pour renforcer son importance - je garde donc les parties ombragées d'elle plutôt plates et plates, et je mets des mèches de cheveux et des textures de tissu dans les zones éclairées.

J'ai également verrouillé la transparence sur le calque de dessin au trait et coloré les lignes en rouge là où les lignes étaient sous la lumière directe. Cela le rendait beaucoup moins dur que les lignes noires d'origine!

 

V

AUTRES CHOSES À CONSIDÉRER.

Les ombres doivent-elles avoir des bords durs ou mous? À quel point mes ombres doivent-elles être sombres ou claires? Cela dépend entre autres de la distance de la source de lumière - des bords plus durs et des ombres plus sombres peuvent impliquer une source de lumière plus proche et plus petite. La douceur des ombres peut également fournir des informations sur le matériau de l'objet. Je veux que la veste de Yan soit un matériau plus épais, je lui donne donc un ombrage plus doux / des ombres moins nettes, par exemple l'ombre portée sur son épaule.

 

En outre, vous pouvez bien sûr choisir d'aller super stylistique avec les bords durs JUST ou les bords doux JUST! C'est de l'immobilier gratuit. Ci-dessous la pièce avec une liste de toutes les couches dont elle est faite, à droite!

Je vous remercie! :)

Félicitations pour avoir atteint la fin! Voici une animation GIF de l'ensemble du processus et du dessin terminé. Il y a certainement beaucoup plus d'effets sympas que la lumière peut créer, mais je veux que ce tutoriel couvre juste assez pour que vous puissiez penser plus logiquement à la façon dont vous concevez vos ombres dans votre futur art!

Si vous avez des questions, commentez ci-dessous et je serai heureux d'y répondre ~

 

Restez hydraté et restez chic. À la prochaine :)

 

Si vous souhaitez me suivre sur les réseaux sociaux, je suis incroyablement en ligne tout le temps sur Twitter en tant que @peevishpants!

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel