Bonjour! Ceci est un guide de trucs et astuces d'éclairage que j'utilise pour le travail de webcomic ! Essayer d’illustrer des dizaines de scènes en couleur peut s’avérer intimidant, et c’est là que ces techniques d’éclairage s’avèrent utiles ! Pour ce guide, je travaillerai avec une capture d'écran d'un modèle 3D créé par moi-même et je peindrai dessus avec des calques du mode de fusion. Ces techniques sont idéales pour restituer rapidement des modèles 3D, mais peuvent également s’appliquer facilement aux illustrations !

 

Ceux qui ont une compréhension quelque peu modérée de Clip Studio et de la manière d'utiliser ses outils de base bénéficieront le plus de ce guide, mais je vais tout expliquer étape par étape pour les débutants, donc j'espère que ce sera facile à suivre. N'hésitez pas à me demander si vous avez des questions ou si vous souhaitez que je vous explique plus en détail mon processus et je me ferai un plaisir de vous aider !

 

Ci-dessous, je partagerai l'image exacte avec laquelle je travaille pour le reste de ce guide afin que vous puissiez suivre. En illuminant vos arrière-plans avec les astuces simples que vous apprendrez à la fin de tout cela, vous pourrez vous aussi créer des paysages urbains étincelants en un temps record !

 

N'hésitez pas à enregistrer la capture d'écran suivante et à suivre.

C'est bien un modèle 3D….

 

Alors, comment pouvons-nous nous en sortir——

--pour ça?

 

Commençons!

Ma technique de base simple et rapide pour configurer un éclairage arbitraire

D'abord!!

 

Pour cette scène nocturne, nous souhaitons commencer par un calque multiplié bleu foncé juste au-dessus de l'image. Facile et rapide, maintenant c'est la nuit. N'hésitez pas à modifier la teinte et la saturation à votre guise pour vos palettes de nuit préférées. Vous pouvez également utiliser des dégradés pour rendre la scène vraiment éclatante !

Par souci de simplicité et pour me concentrer davantage sur la technique que sur l’enseignement du travail avec la lumière et les ombres, j’utiliserai ici un éclairage générique et arbitraire. J’imagine que la source de lumière se trouve quelque part vaguement à droite de la pièce et éclaire le côté du bus qui nous fait face, en tant que spectateur. Vous êtes invités à appliquer plus de détails techniques sur le fonctionnement de l’éclairage, mais il ne s’agit que d’une méthode simple et rapide.

 

Sur le calque d'arrière-plan 3D, je commence à sélectionner le côté du bus sur lequel nous allons éclairer (et éventuellement toutes les faces des bâtiments et des structures qui font face à la même direction).

 

Ici, j'ai utilisé l'outil lasso pour décrire les formes, mais vous pouvez également utiliser l'outil baguette magique et ajuster la marge de couleur, ou bloquer manuellement les formes sur un calque séparé. L'outil lasso est le moyen le plus rapide et le plus compliqué. Vous serez surpris de voir à quel point la coloration peut être compliquée et tout en restant plutôt belle une fois que nous aurons ajouté tous les effets de rendu !

 

La sélection n'est peut-être pas très claire dans l'image ci-dessus, alors n'hésitez pas à vous référer à l'image ci-dessous :

Après avoir sélectionné les parties mises en évidence dans les contours rouges ci-dessus, j'utilise l'outil « couper » pour découper la sélection du calque multiplié.

Maintenant, ça devrait ressembler à ça ! Vous voyez à quoi on dirait déjà qu'il y a un peu de lumière venant de quelque part à droite de l'image qui brille sur le bus ? Vous pouvez le laisser tel quel ou coller la sélection que vous venez de couper et réduire l'opacité de ce calque pour moins de contraste.

Maintenant, nous pouvons faire la même chose que nous venons de faire sur toutes les faces des bâtiments qui font face à la même direction que le bus, car elles sont également éclairées par la « source lumineuse ». J'ai coupé et collé chaque section mise en évidence par différentes couleurs ici séparément afin que les objets les plus proches (bus, arrêt de bus) aient le plus de contraste, tandis que les calques multipliés pour les bâtiments éloignés sont définis avec une opacité plus élevée.

Ceci est un exemple de l’apparence de mes calques finaux lorsqu’ils sont tous découpés et que l’opacité est ajustée. Comme vous pouvez le voir, j'ai vraiment tout décrit de manière grossière et désordonnée avec un outil lasso. Par souci de rapidité pour les arrière-plans de bandes dessinées, cela peut être fait très rapidement !

Et voici à quoi ressemble l’arrière-plan après toutes ces étapes. C’est un peu subtil, mais il y a maintenant un certain contraste dans la pièce. Il n’y a pas encore d’étincelles ni de lumières, mais nous arrivons à quelque chose !

 

En fait, si vous utilisez la fonction « verrouiller les pixels transparents » sur ces calques, vous pouvez désormais les recolorer pour déjà des résultats plutôt sympas. Quelques exemples ci-dessous !

Pour obtenir cet effet, j'ai plutôt transformé les calques multipliés en ajout (lueur) et je les ai rendus orange. Ensuite, j'ai repassé légèrement le calque de multiplication d'origine avec un aérographe bleu.

 

Voici quelques exemples supplémentaires d’ajustement des couleurs :

Revenons maintenant à la scène nocturne de base originale pour ajouter quelques effets de lueur, qui sont le pain et le beurre des scènes nocturnes scintillantes. Dans une rue animée la nuit, il y a des lampadaires, des feux de circulation, des lumières de voitures et de fenêtres…

 

Nous les ajouterons ensuite à notre scène !

Ajouter les lumières de la ville

À présent, je suis sûr que vous êtes habitué à la technique de prédilection de ce guide : la sélection ! Sur le calque d'arrière-plan 3D, nous allons sélectionner tout ce que nous voulons avoir de la lumière à l'intérieur, en commençant par les fenêtres ! J'ai utilisé l'outil baguette magique pour cela et j'ai surligné ma sélection en rouge pour que vous puissiez la voir plus clairement.

 

Pour ces magasins, j’imagine qu’ils sont ouverts à cette heure donc toutes les fenêtres et portes vont être sélectionnées. Ensuite, nous pouvons remplir la sélection avec une couleur appropriée et la changer en un calque d'ajout (lueur). J'ai également ajouté quelques dégradés ici.

Pour les immeubles de grande hauteur situés à l’arrière, toutes les fenêtres ne sont pas éclairées. J'en ai choisi quelques-uns avec l'outil de sélection, puis je les ai remplis d'un calque lumineux. En fait, comme la couleur des bâtiments à l’arrière est beaucoup plus sombre, la lueur n’est pas assez brillante, même avec une couleur vive. Solution facile, dupliquez simplement le calque jusqu'à ce qu'il soit suffisamment lumineux ! Vous pouvez également diminuer l'opacité et vice versa.

Ici, j'ai également ajouté une deuxième couche multipliée pour tous les bâtiments éloignés afin d'augmenter le contraste entre la rue principale et les immeubles de bureaux. Maintenant, ça commence à ressembler à une scène de nuit… !

 

Nous répétons désormais le même processus avec tous les immeubles de bureaux.

Maintenant, ça commence vraiment à ressembler à une scène de nuit ! Il y a encore quelques choses que nous pouvons faire pour que tout soit vraiment, VRAIMENT pop.

La première, dupliquez le calque avec toutes les fenêtres lumineuses et ajoutez un peu de flou gaussien ! Cela rendra la lueur plus forte et plus diffuse.

La seconde, donnez de la lumière à vos luminaires ! Ajoutez un peu de lueur aux réverbères, aux feux de bus et, si votre illustration en a, aux feux de circulation, aux phares de voiture, etc. Vous pouvez simplement utiliser l'outil de sélection pour colorer toutes les lumières qui émettent de la lumière (ha ha), et utilisez ensuite autant de flou gaussien que nécessaire ou un aérographe doux pour vraiment égayer la nuit.

Maintenant, c’est une scène de nuit, c’est sûr !

 

En fait, c’est à ce moment-là que j’ai remarqué que le flou des immeubles de bureaux lointains n’était pas suffisant. S'agissant d'un modèle 3D sans profondeur, les lignes sont trop nettes à mon goût. Bien sûr, pour un panel de webcomic, les gens ne le remarqueront pas. Mais si vous voulez flouter un peu l’arrière-plan…

J'ai essentiellement dupliqué cette section et je l'ai floutée gaussienne pour mettre l'accent sur la rue principale. Je ne vais pas entrer dans les détails de la façon dont c’est fait car il s’agit d’un ajout vraiment mineur qui ne change pas trop la pièce !

 

En parlant d’ajouts mineurs……

Parce que j'ai utilisé l'outil lasso de manière si désordonnée que si vous effectuez un zoom avant, certaines parties peuvent paraître plutôt mauvaises. Si je voulais être perfectionniste, je peux retoucher certaines lignes en peignant dessus. C’est aussi le bon moment pour voir à quel point certains ombrages sont mauvais et que vous ne l’avez probablement même pas remarqué (ou l’avez-vous fait ?)…

Il s'agit de notre dernière scène de nuit, et nous pouvons en rester là, à moins que vous ne vouliez essayer de travailler avec la scène enneigée que j'ai partagée au début du guide. J'ai expérimenté de nouvelles techniques afin de correspondre à l'ambiance des vacances pour ce thème. Même si nous n’avons pas de lanternes ni de lumières de Noël, comme nous sommes déjà en janvier, le paysage urbain va scintiller de neige !

Maintenant, faites-en neiger et faites-le briller !

Pour vous dire la vérité, c'était en fait un heureux accident : j'avais en fait l'intention d'ajouter quelques étoiles au ciel et d'arrêter ça ! J'ai utilisé le pinceau gouttelettes par défaut et saupoudré quelques étoiles, pour me rendre compte que, comme j'avais tout peint par-dessus, je devrais effacer manuellement les « étoiles » des bâtiments. Ou pourrais-je simplement ajouter plus d'étoiles et les rendre floues gaussiennes pour les faire briller comme une tentative de lumières bokeh ?

Quoi qu'il en soit, il semblait y avoir trop de neige légère, alors nous y sommes : flou de mouvement en diagonale, 120 degrés, ce qui ressemble à des bourrasques de neige en mouvement. Super facile, et ça a l'air plutôt sympa aussi en bonus.

En utilisant maintenant le pinceau de grattage de tons par défaut, que j'utiliserai pour le reste des détails de la neige, je peux maintenant recouvrir le sol de neige poudreuse. Les grandes surfaces comme la rue peuvent être légèrement brossées avec une grosse brosse !

Et une petite brosse fonctionne parfaitement pour les endroits où la neige commence à s'accumuler !

 

Cette partie est assez méthodique et très amusante, en fait ! C’est comme construire un bonhomme de neige virtuel, sauf que c’est une rue enneigée… mais vous pouvez probablement ajouter un bonhomme de neige assez facilement.

Ici, j'ai pensé que la rue elle-même serait probablement débarrassée de la neige après un peu de circulation, j'ai donc effacé cette section et ajouté quelques détails pour indiquer l'accumulation de neige le long du bord du trottoir. Comme tout jusqu’à présent, c’est un peu arbitraire et assez compliqué, mais ça fait l’affaire !

Quelques touches finales : un peu de lueur bleue pour faire ressortir l'ensemble de la pièce !

Et une lueur chaleureuse de l’autre côté pour équilibrer le tout !

Et c'est fini !

 

Si vous suivez la même rue de la ville, j’espère que les résultats seront similaires ou bien meilleurs ! Et vous êtes en train de lire, j'espère que vous avez appris quelque chose de nouveau, d'utile ou d'applicable dans vos illustrations de scènes et de villes éclairées. Si cela peut vous aider à restituer les arrière-plans plus rapidement, j’en suis très heureux. ^^

 

Merci beaucoup d'avoir lu mes conseils et restez au chaud cet hiver !