Introduction

Salut, je suis Senli alias ahogemon. Dans ce didacticiel, je vais vous montrer comment terminer les panneaux de bandes dessinées Web en utilisant des modes de fusion dans des shaders de type anime pour mettre à niveau votre série de bandes dessinées Web ou de webtoons sur ClipStudio Paint.

Notez que ce didacticiel n'est pas destiné aux débutants qui commencent tout juste à utiliser CSP car ce didacticiel peut ne pas inclure les didacticiels d'outils de base comme par exemple comment créer un nouveau calque, déplacer, fusionner, etc. Donc, je suppose que vous êtes déjà familiarisé avec le bases.

Mais à la fin du tutoriel, si vous avez des questions, laissez un commentaire ci-dessous, je vous répondrai dès que possible.

Préparation

Puisque nous sommes sur le point de donner de l'ombrage pour la finition qui se fait à la dernière étape, la première chose que nous devons faire est de préparer nos panneaux.

J'ai ici mon panneau prêt, on peut voir que deux caractères ont été appliqués en aplats, et ils sont séparés dans chaque dossier, je sépare également l'anneau du halo. Et enfin le 'bg' ou calque d'arrière-plan que j'ai rendu dans Blender.

Il est recommandé de placer les calques dans leurs propres dossiers pour qu'ils restent organisés et faciles à trouver si vous travaillez avec de nombreux calques.

Tout le monde peut avoir des dispositions d'interface utilisateur différentes, alors ne vous trompez pas, la capture d'écran ci-dessous est ma disposition, je sais qu'elle a l'air simple et propre puisque j'utilise principalement des raccourcis clavier, mais cela n'affecte pas la fonction de base dans CSP. On ne parle pas d'UI aujourd'hui, concentrons-nous sur le blending.

J'ai fourni le panneau exact du fichier clip pour ce tutoriel au cas où si vous vouliez 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 reposté n'importe où, 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 Webcomic est différent de l'art de l'illustration

Avant de commencer, la création de panneaux webcomic est une question de rapidité et d'efficacité, mais ne se concentre pas sur la qualité. Contrairement à une œuvre d'art d'illustration qui peut être réalisée en un mois, les créateurs de webcomic doivent produire au moins trois panneaux ou plus par jour pour suivre le programme hebdomadaire. Donc, c'est en fait bien pour les arts webcomic sans ombrage ou juste un ombrage minimum, mais si vous avez encore du temps à consacrer à vos panneaux, alors ce tutoriel est bon à suivre car je ne vous montrerai que quelques étapes pour améliorer votre panneaux pour mieux paraître.

Étape 1 : Source de lumière

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

Étape 2 : Choisissez la couleur de l'ombre

La clé pour choisir la couleur de l'ombre est ce qui affecte la lumière ambiante. Pour cet exemple de panneau, est le ciel nocturne.

C'est une étape facultative mais c'est une bonne pratique avant de choisir la couleur, changeons la couleur par défaut en noir (premier plan) et 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.

De toute évidence, la couleur du ciel nocturne est trop sombre. Nous ne voulons pas que l'ombre ait l'air trop sombre, donc, 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 souhaitez enregistrer la couleur dans un nouvel emplacement pour un accès rapide en cas de besoin et pour conserver la cohérence de la couleur d'ombrage.

Laissez la couleur de fond en blanc.

Étape 3 : Préparez la couche d'ombrage

Ici, je vais commencer à ombrager à partir de 'ethan', il n'y a pas de règle avec laquelle commencer.

Dupliquons-le, puis fusionnons-le dans un nouveau calque.

Renommez le calque en quelque chose d'autre comme dans mon cas, je voudrais le nommer "sd" pour l'ombre.

Verrouillez le canal transparent ou alpha, puis réglez le mode de fusion sur Multiplier.

Maintenant, changez la couleur en couleur de fond qui est blanche et remplissez-la de blanc.

Étape 4 : Démarrer l'ombrage

Maintenant, revenez à la couleur de premier plan, commençons à ombrager en fonction de 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 ombrageons les panneaux webcomic.

Utilisons un stylo pointu pour l'ombrage. À mon avis, l'ombrage cel semble bien meilleur que l'ombrage doux pour le webcomic, donc je ne recommande pas d'utiliser une brosse douce ou un aérographe.

Utilisez votre imagination là où l'ombre se pose.

Q : La scène est de nuit, pourquoi semble-t-elle lumineuse ?

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

 

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

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

Continuez à ombrager jusqu'à ce que vous pensiez que c'est assez d'ombrage

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

Une fois l'ombrage terminé, votre panneau sera plus beau et plus éclatant ! Moins simple 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 panel.

C'est peut-être déjà bien pour un panel de webcomic, mais bon, si vous avez encore le temps de passer 5 minutes de plus, donnons 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 externes

Parfois, vos personnages et l'arrière-plan se fondent et sont difficiles à repérer pour certains lecteurs.

Alors, pour réduire le monde des plaintes, ajoutons des couches de lueur extérieures !

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 couches de lueur extérieures pour différencier les personnages ou l'objet avec l'arrière-plan.

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

Après avoir dupliqué les calques, fusionnons-les dans un nouveau calque, renommez le calque OuterGlow, puis déplacez le calque sous le calque d'objet juste au-dessus du calque d'arrière-plan.

Ensuite, verrouillez le canal alpha et remplissez-le avec une couleur d'arrière-plan ou une couleur blanche.

Notez que le mode de fusion de ce calque est normal.

Après avoir rempli le calque OuterGlow de blanc, désactivons le verrouillage du canal alpha.

Ensuite, allez dans le 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%, il sera donc plus beau.

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

Étape 6 : Couche de floraison

Créons maintenant un calque "floraison" pour éclairer notre scène !

Tout d'abord, sélectionnez le calque supérieur, dans ce cas le calque 'sd' est en haut, fusionnez maintenant tous les calques visibles dans un nouveau calque tout en haut, puis renommez le calque en 'bloom'.

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

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

Le calque bloom est toujours le calque sélectionné, maintenez maintenant les touches Maj + Ctrl enfoncées et cliquez sur les calques de caractères. 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 dans quelque chose comme dans la capture d'écran ci-dessous. Cliquez sur OK. Et puis désélectionnez la sélection.

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

Si rien ne va bizarre, alors c'est génial!

Toujours au niveau du calque bloom en tant que calque sélectionné, allez maintenant dans le filtre et sélectionnez Flou gaussien.

Réglez le flou gaussien sur 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, définissez ou faites glisser sur 100.

Très bien!

Nous avons presque fini. Maintenant, activons le calque OuterGlow pour qu'il soit visible. Yay! Voir!?

Étape 7 : Couche de tonalité atmosphérique

Une fois que vous êtes allé aussi loin, 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 bloom et nommez-le "filtre" ou tout ce que vous voulez.

Définissez le mélange de ce calque sur Lumière douce

De la même manière que nous choisissons une couleur pour l'ombre, nous allons choisir une couleur pour le filtre atmosphérique, maintenant allez-y et choisissez la couleur du ciel nocturne au milieu au-dessus de l'horizon, mais cette fois définissez la valeur à 50% et la saturation à environ 30 %.

Vous voudrez peut-être enregistrer la couleur dans un nouvel emplacement pour un accès rapide plus tard en cas de besoin.

Remplissez le calque "filtre" avec la couleur.

Félicitations, vous venez de mettre à niveau vos panneaux webcomic !

Maintenant, pour cet exemple de panneau, il y a quelque chose qui fait que les lecteurs détournent leurs yeux 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 résoudre ce problème, vous pouvez utiliser l'outil de dégradé et couvrir progressivement la zone avec une couleur sombre comme le noir jusqu'à ce que vous pensiez que ce n'est plus gênant.

Mais parce que j'ai fait ce panneau, je calcule déjà cela, donc je vais le couvrir avec une bulle de dialogue.

Voilà! Un shader de type anime pour les panneaux webcomic.

Et en bas, c'est ma vidéo récapitulative pour ce tutoriel sur YouTube.

Une vidéo récapitulative

C'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 plusieurs commentaires. Je répondrai à vos questions concernant ce tutoriel dès que possible.