Introduction

Bonjour, je suis Senli alias ahogemon. Dans ce tutoriel, je vais vous montrer comment finaliser des panneaux de webcomic en utilisant des modes de fusion pour obtenir des shaders de style anime, afin d'améliorer votre série de webcomic ou webtoon sur ClipStudio Paint. Notez que ce tutoriel n'est pas destiné aux débutants qui commencent tout juste à utiliser CSP, car il n'inclura pas de tutoriels sur les outils de base, comme par exemple la création d'un nouveau calque, le déplacement, la fusion, etc. Je suppose donc que vous êtes déjà familiarisé avec les bases. Mais à la fin du tutoriel, si vous avez des questions, n'hésitez pas à laisser un commentaire ci-dessous, j'y répondrai dès que possible.

Préparation

Puisque nous allons appliquer des ombrages pour la finition, ce qui est la dernière étape, la première chose à faire est d'avoir nos panneaux prêts. J'ai mon panneau prêt ici, nous pouvons voir deux personnages auxquels des couleurs plates ont été appliquées, et ils sont séparés dans leurs propres dossiers, j'ai aussi séparé l'anneau du halo. Et enfin le calque 'bg' ou d'arrière-plan que j'ai rendu dans Blender. C'est une bonne pratique de mettre les calques dans leurs propres dossiers pour rester organisé et facile à trouver si vous travaillez avec de nombreux calques. Tout le monde peut avoir des mises en page d'interface utilisateur différentes, alors ne vous y trompez pas, la capture d'écran ci-dessous est ma mise en page, je sais qu'elle semble simple et propre puisque j'utilise principalement les raccourcis clavier, mais cela n'affecte pas la fonction de base dans CSP. Nous ne parlons pas d'interface utilisateur aujourd'hui, concentrons-nous sur la fusion.

J'ai fourni le fichier de panneau exact pour ce tutoriel au cas où vous voudriez suivre ce tutoriel et avoir la même page, vous pouvez le télécharger sur le lien ci-dessous.

Notez que ce fichier ne doit pas être republié ailleurs, pour partager le fichier, vous devez d'abord rediriger le lien vers ce tutoriel. Veuillez l'utiliser uniquement pour la pratique, n'en abusez pas et utilisez-le de manière responsable.

L'art du webcomic est différent de l'art de l'illustration

Avant de commencer, la création de panneaux de webcomic est une question de rapidité et d'efficacité, et non de qualité. Contrairement à une œuvre d'illustration qui peut être réalisée en un mois, les créateurs de webcomics doivent produire au moins trois panneaux ou plus par jour pour respecter le calendrier hebdomadaire. Il est donc tout à fait acceptable pour les œuvres de webcomic de ne pas avoir d'ombrage ou juste un ombrage minimal, mais si vous avez encore du temps à consacrer à vos panneaux, alors ce tutoriel est bon à suivre car je vais vous montrer juste quelques étapes pour améliorer l'apparence de vos panneaux.

Étape 1 : Source de lumière

Décidez d'où provient la source de lumière. Ici, dans mon exemple, la source de lumière est une pleine lune venant d'en haut, derrière la caméra, donc elle n'apparaît pas dans la scène, mais nous savons qu'elle est là.

Étape 2 : Choisir la couleur de l'ombre

La clé pour choisir la couleur de l'ombre est ce qui affecte la lumière ambiante. Pour ce panneau d'exemple, c'est le ciel nocturne. C'est une étape facultative mais c'est une bonne pratique avant de choisir la couleur, passons la couleur au noir par défaut (premier plan) et au blanc (arrière-plan). Maintenant, passez la couleur au premier plan qui est maintenant le noir (en supposant que vous avez suivi l'étape facultative), puis je choisirai la couleur juste au milieu, au-dessus de l'horizon. Évidemment, la couleur du ciel nocturne est trop sombre. Nous ne voulons pas que l'ombre paraisse trop sombre, alors, ce que je vais faire, c'est ajuster la couleur en augmentant la valeur à environ 60% et en réduisant la saturation à environ 15%. Et vous voulez enregistrer la couleur dans un nouveau slot pour un accès rapide si nécessaire et pour maintenir la cohérence de la couleur de l'ombrage. Laissez la couleur d'arrière-plan en blanc.

Étape 3 : Préparer le calque d'ombrage

Ici, je vais commencer à ombrer à partir de 'ethan', il n'y a pas de règle quant à l'objet par lequel commencer. Dupliquons-le et fusionnons-le ensuite en un nouveau calque. Renommez le calque en quelque chose d'autre, comme dans mon cas j'aimerais le nommer 'sd' pour ombre. Verrouillez la transparence ou le canal alpha, puis définissez le mode de fusion sur Multiplier. Maintenant, passez la couleur à la couleur d'arrière-plan qui est le blanc et remplissez-le de blanc.

Étape 4 : Commencer l'ombrage

Maintenant, revenons à la couleur de premier plan, commençons l'ombrage selon la direction de la lumière. Notez que vous n'avez pas à vous soucier du réalisme et de la précision comme je l'ai mentionné précédemment, nous ombrons des panneaux de webcomic. Utilisons un stylo aiguisé pour l'ombrage. À mon avis, le cel shading est bien meilleur que le soft shading pour les webcomics, donc je ne recommande pas d'utiliser un pinceau doux ou un aérographe.

Utilisez votre imagination pour déterminer où l'ombre se pose.

Q : La scène est de nuit, pourquoi a-t-elle l'air lumineuse ?

R : Je voulais baisser la luminosité, après tout, c'est un webcomic, les lecteurs se plaindront de l'obscurité de vos scènes, surtout si vous avez un éditeur, ils vous diront d'éclaircir la scène !

 

N'utilisez pas la gomme pour corriger l'ombre, utilisez plutôt la couleur d'arrière-plan, dans ce cas la couleur blanche.

Utilisez l'outil de remplissage pour remplir rapidement l'espace.

Continuez à ombrer jusqu'à ce que vous pensiez que c'est suffisant.

Maintenant que vous êtes satisfait de l'ombrage, faisons une rapide inspection avant de continuer.

Une fois l'ombrage terminé, votre panneau aura meilleure allure et ressortira ! Moins plat qu'avant. L'image ci-dessous après mon résultat d'ombrage pour ce panneau de tutoriel.

Il m'a fallu environ 20 minutes pour terminer l'ombrage de ce panneau, mais la durée peut varier en fonction de la complexité de la scène. Je dirais de 5 à 30 minutes par panneau.

C'est peut-être déjà bon pour un panneau de webcomic, mais bon, si vous avez encore 5 minutes à consacrer, faisons le mélange final pour obtenir ces jolis shaders de style anime !

Étape 5 : Différencier les objets et l'arrière-plan avec des calques de lueur externe

Parfois, vos personnages et l'arrière-plan se fondent et sont difficiles à repérer pour certains lecteurs. Alors, pour éviter les plaintes, ajoutons des calques de lueur externe !

Dans ce panneau, les deux personnages portent des tenues de couleur plus foncée et la scène est de nuit, c'est donc une bonne idée d'ajouter des calques de lueur externe pour différencier les personnages ou l'objet de l'arrière-plan.

Pour ce faire, d'abord, copions les calques d'objet auxquels nous voulons ajouter un effet de lueur externe, dans mon cas ici, je vais sélectionner les dossiers 'ethan' et 'nephtia', puis dupliquer les calques sélectionnés.

Après avoir dupliqué les calques, fusionnons-les en un nouveau calque, renommons le calque en OuterGlow, puis déplaçons le calque en dessous du calque d'objet, juste au-dessus du calque d'arrière-plan. Ensuite, verrouillez le canal alpha et remplissez-le avec la couleur d'arrière-plan ou la couleur blanche. Notez que le mode de fusion pour ce calque est normal.

Après avoir rempli le calque OuterGlow de blanc, désactivons le verrouillage du canal alpha. Ensuite, allez dans filtre, puis sélectionnez Flou, puis Flou gaussien, et réglez-le sur 100.

Vous avez maintenant le calque de lueur externe mais réduisons son niveau de transparence à 50%, pour qu'il soit plus joli.

Bon travail ! Maintenant, désactivez ou masquez le calque OuterGlow de la visibilité. Oui, ne vous inquiétez pas, nous le réactiverons plus tard, croyez-moi :)

Étape 6 : Calque de floraison

Maintenant, créons un calque 'bloom' (floraison) pour éclaircir notre scène ! Premièrement, sélectionnez le calque supérieur, dans ce cas le calque 'sd' est en haut, fusionnez maintenant tous les calques visibles en un nouveau calque tout en haut, puis renommez le calque en 'bloom'.

Pendant que le calque de floraison est sélectionné, ouvrons Courbe de tonalité, à l'intérieur de la courbe de tonalité, cliquez depuis le milieu et faites glisser pour obtenir quelque chose comme dans la capture d'écran ci-dessous. Cliquez sur OK.

Cela ressemblera à la capture d'écran ci-dessous.

Le calque de floraison est toujours le calque sélectionné, maintenez maintenant enfoncées les touches Maj + Ctrl et cliquez sur les calques des personnages, pour cet exemple je cliquerai sur les dossiers 'ethan' et 'nephtia'. Vous avez maintenant la sélection des personnages.

Ouvrez à nouveau la courbe de tonalité et à l'intérieur de la courbe de tonalité, cliquez et faites glisser le point pour obtenir quelque chose comme dans la capture d'écran ci-dessous. Cliquez sur OK. Puis désélectionnez la sélection.

Toujours sur le calque de floraison, définissez maintenant le mode de fusion sur Écran. Cela ressemblera à la capture d'écran ci-dessous.

Si rien ne se passe bizarrement, alors c'est super ! Toujours sur le calque de floraison sélectionné, allez maintenant dans filtre, et sélectionnez Flou gaussien. Réglez le Flou gaussien à 300, mais comme CSP limite son Flou gaussien au maximum à 200, faites-le glisser au maximum (200) puis cliquez sur OK, et ouvrez à nouveau le Flou gaussien mais cette fois réglez ou faites glisser à 100.

D'accord ! Nous avons presque terminé. Maintenant, réactivons la visibilité du calque OuterGlow. Chouette ! Vous voyez !?

Étape 7 : Calque de ton atmosphérique

Après avoir parcouru tout ce chemin, vous ne pouvez pas oublier cette dernière chose à ajouter à votre scène, le filtre atmosphérique. C'est facile et rapide ! Créez un nouveau calque au-dessus du calque de floraison et nommez-le 'filtre' ou tout ce que vous voulez. Réglez le mode de fusion de ce calque sur Lumière tamisée.

De la même manière que nous choisissons une couleur pour l'ombre, nous allons choisir une couleur pour le filtre atmosphérique. Allez-y et choisissez la couleur du ciel nocturne au milieu, au-dessus de l'horizon, mais cette fois réglez la valeur à 50% et la saturation à environ 30%. Vous voudrez peut-être enregistrer la couleur dans un nouveau slot pour un accès rapide ultérieur si nécessaire.

Remplissez le calque 'filtre' avec la couleur. Félicitations, vous venez d'améliorer vos panneaux de webcomic !

Maintenant, pour ce panneau d'exemple, il y a quelque chose qui distrait les yeux des lecteurs du personnage, c'est la lumière derrière le personnage 'nephtia' sur l'écran de gauche, c'est trop lumineux, n'est-ce pas ? Pour corriger cela, vous pouvez utiliser l'outil dégradé et couvrir progressivement la zone avec une couleur sombre comme le noir jusqu'à ce que vous pensiez que ce n'est plus distrayant. Mais parce que j'ai fait ce panneau, j'ai déjà calculé cela, donc je vais le couvrir avec une bulle de dialogue.

Et voilà ! Un shader de style anime pour les panneaux de webcomic. Et ci-dessous, c'est ma vidéo récapitulative pour ce tutoriel sur YouTube.

Une vidéo récapitulative

Ceci est ma première vidéo sur YouTube, regardez la vidéo récapitulative de ce tutoriel, et si vous avez des questions, n'hésitez pas à laisser un ou des commentaire(s) je répondrai à vos questions concernant ce tutoriel dès que possible.