Conseils pratiques pour les panneaux Webtoon dans Clip Studio Paint !

Version vidéo :

Version texte :

Bonjour!

 

Je suis .avi. Je travaille comme illustrateur de jeux professionnel et créer des bandes dessinées et des webtoons est mon passe-temps.

 

De nombreux artistes peuvent trouver le lambris une tâche fastidieuse, voire frustrante, qu'ils doivent simplement terminer d'une manière ou d'une autre, mais cela peut en fait être assez amusant et rapide si vous utilisez les bons outils !

 

J'aime rechercher les moyens les plus efficaces de travailler et de créer des bandes dessinées, et dans ce tutoriel, j'aimerais partager quelques conseils sur la façon de économiser votre temps et votre santé mentale pendant * Phase de lambris de votre bande dessinée dans Clip Studio Paint, en utilisant ses fonctionnalités bien connues et moins connues mais étonnamment utiles.*

 

Si vous avez une question, n'hésitez pas à la poser dans les commentaires sous le tutoriel ! Je ferai de mon mieux pour répondre !

Espace de travail

Voici quelques conseils rapides pour optimiser votre vue du canevas.

 

Le premier est la palette Navigateur : je la garde ancrée sur le côté pour pouvoir l'ouvrir ou la réduire facilement. Avec lui, vous pouvez passer rapidement d'un panneau à un autre sans faire défiler, ainsi que garder une trace de l'ensemble du canevas.

Vient ensuite un raccourci Maj plus Tab masqué qui masque la barre supérieure de l'application pour vous donner plus d'espace vertical avec lequel travailler ! Si vous appuyez dessus une deuxième fois, la barre de menus est masquée. ainsi, et avec la troisième, ces deux barres reviennent. Je garde les deux barres masquées la plupart du temps, car j'utilise des raccourcis clavier, ce qui est une autre astuce pour accélérer votre flux de travail.

Couches vectorielles

Avant de passer aux panels, il y a une chose importante que vous pouvez faire pour gagner du temps plus tard.

Dès le début, je dessine directement sur une toile qui représente 200 % de la taille finale du résultat.

 

Qu'en est-il de la miniature sur une petite toile ?

 

Lorsque vous utilisez des calques vectoriels même pour dessiner, il n'est pas nécessaire de commencer sur une toile réduite ! Non seulement vous pouvez facilement modifier et transformer vos croquis sans perte de qualité, mais vous économisez également sur la taille du fichier et sur la mise à l'échelle ultérieure !

Puisque les vecteurs sont calculés mathématiquement, ils sont indépendants de l'échelle ou de la résolution. Le texte est également vectoriel, donc jusqu'à ce que vous commenciez à peindre et à ombrer, la taille du fichier n'est qu'environ 1/3 plus grande que si la toile représentait 25 % de la taille de sortie.

---

Remarque sur la hauteur de la toile

En remarque, j'aimerais mentionner la hauteur du canevas. Le mieux serait d'avoir le canevas le plus long possible, de préférence pour tout le chapitre, cependant, il faut prendre en considération la puissance de traitement de l'ordinateur, ainsi que la possibilité d'ajouter ultérieurement des panneaux et des espaces entre eux, ce qui augmentera la hauteur de la toile.

 

Techniquement, 50 000 pixels est le maximum autorisé par l’application, mais j’arrive rarement aussi loin car mon ordinateur ne le gère pas. Je suis arrivé à la hauteur de base de 20 000 pixels, ce qui me permet de storyboarder suffisamment de panneaux tout en laissant suffisamment de tampon pour agrandir la toile avec des panneaux supplémentaires et de l'espace vide.

 

Découvrez quelle taille de toile de base vous convient le mieux !

Outil de bordure de cadre

Lorsque je suis plus ou moins satisfait du storyboard, j'utilise l'outil frame pour définir les panneaux. Comme il existe de nombreux tutoriels sur cet outil, je vais vous montrer l'approche que j'utilise, qui est probablement un peu peu orthodoxe :D

 

Par défaut, l'outil crée toujours un nouveau dossier avec un masque dans lequel vous dessinez le contenu d'un panneau.

Cependant, dessiner tous les cadres dans un seul dossier de cadres est la meilleure option pour moi car j'aime dessiner des éléments similaires comme les personnages, la voiture, les effets, etc. **ensemble pour garder les couleurs cohérentes.* *

 

Ceci est un exemple de ma structure de fichiers. J'ai mis le dossier frame contenant les masques de tous les panneaux en haut, juste en dessous du texte et des effets sonores. Tout le reste a son propre dossier dans tous les panneaux, comme le post-traitement, le premier plan, les personnages, etc. Grâce à cela, je peux garder la cohérence des couleurs et changer quelque chose, comme la couleur de la lumière ou la couleur de la veste dans tous les panneaux à la fois, c'est super simple !

De plus, si vous souhaitez qu'un personnage sorte du cadre, vous pouvez simplement faire une sélection de ses calques et supprimer la zone du masque du dossier normal qui contient le cadre. dossier (car il possède déjà son propre masque).

Avec l'outil Cadre rectangulaire défini sur Ajouter au dossier sélectionné et Remplir à l'intérieur du cadre décoché, je tire simplement le rectangle sur la zone du futur panneau.

Notez que je ne me soucie pas des bords de la toile, et même avec des panneaux inclinés, j'utilise d'abord un rectangle.

Outil d'opération

Nous avons maintenant tous les panneaux dans un seul dossier de cadre. Si vous appuyez sur Contrôle, les formes vectorielles doivent devenir visibles lorsque l'outil se transforme temporairement en Outil d'opération. Sinon, sélectionnez l'outil d'opération dans la palette.

 

Avec l'Outil d'opération, vous pouvez modifier davantage les formes du cadre, comme ajouter ou supprimer des points,, etc.

 

Ces petites flèches jaunes sont une fonctionnalité pratique car si vous cliquez dessus, elles ont tendance à s'accrocher à tout ce qui semble proche de ce sur quoi vous voulez qu'elles s'accrochent - que ce soit le cadre d'un autre panneau ou la toile. frontière.

 

En faisant glisser les points de contrôle, vous pouvez modifier la forme du panneau.

Avec le même outil activé, vous pouvez changer la couleur et la taille de la bordure, ou même le pinceau utilisé ! Comme cette brosse à traces de pneus ou cette brosse anti-éclaboussures !

Puisqu'il n'y a pas d'option pour remplir l'extérieur du cadre, je le fais manuellement en Contrôle-clic sur le masque du dossier du cadre, en l'inversant et en remplissant un nouveau calque de couleur.

 

Ce calque doit être en dehors du dossier du cadre, je les mets généralement tous les deux dans un nouveau dossier normal comme celui-ci.

Sur cette page, il y a des panneaux qui se chevauchent. Je fais d’abord le reste de la même manière que dans la page précédente. Lorsque j'en ai terminé avec eux, je modifie les paramètres de l'outil Cadre pour créer un nouveau dossier. J'ai maintenant deux dossiers de cadres, celui du haut contenant le double panneau qui se chevauche.

Encore une fois, avec l'outil Opération je modifie le rectangle initial.

Et la gouttière ? L'outil Diviser la bordure du cadre est idéal pour cela ! Faites-le simplement glisser pour diviser le panneau !

 

Comme vous pouvez le constater, cela fonctionne plutôt intelligemment, puisque vous pouvez toujours modifier la gouttière sans perdre les angles du double panneau !

Avec des panneaux qui se chevauchent, j'effectue le remplissage extérieur du dossier de cadre avec le reste des panneaux de la même manière que comme indiqué précédemment.

 

Ensuite, je Contrôle-cliquez sur le masque de dossier superposé et je l'utilise comme un masque d'un dossier normal contenant l'autre dossier de cadre et le remplissage.

Si vous avez dessiné chaque panneau sur un dossier séparé mais que vous les souhaitez dans un seul dossier, vous pouvez simplement les sélectionner et les fusionner en allant dans Couche > Règle/Cadre > Combiner les cadres.

 

Dans la fenêtre contextuelle, sélectionnez Combiner uniquement le dossier, et vous avez maintenant toutes les bordures de panneaux dans un seul calque de cadre !

Vous pouvez également utiliser la transformation gratuite pour découper la forme d'un panneau, ou les aligner et les distribuer comme n'importe quel autre élément !

Il existe également une autre option intéressante, légèrement cachée, pour diviser un cadre de manière égale ! Accédez simplement à Calque > Règle/Cadre > Diviser la bordure du cadre de manière égale. Dans la fenêtre contextuelle, vous pouvez définir le nombre de divisions, maintenant nous n'en avons besoin que de deux.

Puisque les bordures de cadre sont des lignes vectorielles, vous pouvez également les modifier avec les outils de ligne correcte !

 

Vous pouvez utiliser le Point de contrôle avec l'option Ajuster la largeur de la ligne pour modifier l'épaisseur de la ligne ! En cliquant sur un point de contrôle et en glissant vers la droite rend la ligne plus épaisse, tandis que faire glisser vers la gauche la rend plus fine. Avec cet outil, vous pouvez ajouter une impression 3D à vos panneaux !

 

D'autres outils, comme la ligne vectorielle Pinch, fonctionnent également !

Si vous souhaitez changer le rectangle en polygone, faites simplement un clic droit sur le chemin du cadre avec l'outil d'opération et sélectionnez Ajouter un point de contrôle**.

 

Si vous avez besoin d'une forme incurvée, cliquez à nouveau avec le bouton droit sur le point et sélectionnez Changer de coin. Cela change le point de contrôle en point de courbe et vice versa. Bien sûr, vous pouvez modifier et déplacer plus de points en même temps. En ajoutant des points de suspension, vous pouvez indiquer un flashback ou une pensée !

Connectez-vous au smartphone pour prévisualiser le webtoon

Mon téléphone est trop vieux pour cette fonctionnalité, mais je l'ai essayé avec le téléphone de mon ami et je dois dire que cela semble super pratique puisque vous voyez tout le webtoon sans les coutures entre chaque fichier, ce qui n'est malheureusement pas possible dans la version de bureau (et c'est mon grand souhait pour une future mise à jour ^^ ).

 

Sélectionnez Fichier > Se connecter au smartphone (ou cliquez sur l'icône dans la barre de contrôle, du moins dans ma version, elle était là par défaut) et un code QR apparaît.

Dans l'application sur votre smartphone, ouvrez Paramètres > Mode Compagnon. Il vous demandera de scanner le code QR sur l'écran de votre bureau.

En mode Compagnon, l'icône Aperçu Webtoon se trouve en bas à droite.

La version de bureau a cet aperçu dans lequel vous pouvez définir un rapport d'écran et elle masque le reste du canevas, simulant ce que les lecteurs verront, mais elle ne fonctionne que dans un seul canevas, donc vous ne pouvez pas vérifier les coutures entre chaque partie du chapitre.

 

Il est accessible en allant dans Affichage > Zone à l'écran (webtoon) ou une icône sur la barre de commandes.

Étendre ou recadrer le canevas

Voici mon outil de sauvetage préféré ! Au stade du storyboard, je ne veux pas me distraire en me souciant de l’espace entre les panneaux. Et grâce à ces deux fonctionnalités, je peux laisser ça pour plus tard !

 

Ils sont masqués dans Modifier > Modifier la hauteur du canevas > Étendre ou Recadrer. Je vous recommande donc fortement de les placer dans la palette d'accès rapide ou dans la Barre de commandes, comme je l'ai fait. avoir ici.

J'utilise également ce rectangle orange comme guide de base pour la distance des panneaux. Cela vient du conseil de Webtoon selon lequel la distance minimale entre les panneaux doit être égale à ¼ de la largeur de la toile. Je ne le suis pas exactement, mais c’est une chose pratique pour commencer.

Lorsque je souhaite ajouter plus d'espace entre deux panneaux, je clique simplement sur l'icône Étendre et ce rectangle apparaît. Sa hauteur définit l'espace qui sera ajouté entre les deux parties du canevas définies par la ligne du haut.

 

Si nous faites glisser la poignée inférieure vers le bas et entrons, nous constatons que tout ce qui se trouve en dessous de la ligne supérieure du rectangle de l'entité a été déplacé vers le bas de la hauteur du rectangle.

Au contraire, la fonction Recadrer supprime tout ce qui se trouve dans son rectangle défini et tous les éléments en dessous remontent.

Ingénieux, non ?

Les deux outils sont très faciles à utiliser et tout est annulable, il vous suffit de faire attention à ne pas placer la ligne supérieure du Prolonger le rectangle là où vous ne Je ne veux pas que les choses soient coupées, car c'est là que le nouvel espace va être ajouté.

Objets de fichier et compositions de calques

Cette astuce peut sembler déplacée, mais je pense que savoir que vous pouvez créer des arrière-plans beaucoup plus facilement peut modifier considérablement vos décisions concernant la taille et la position des panneaux.

 

Si vous avez des éléments récurrents dans votre BD, même s'ils ne sont pas les mêmes à chaque fois, profitez au maximum des compositions de calques !

 

Par exemple, la majeure partie de ce chapitre se déroule la nuit dans des montagnes enneigées. Ce serait pénible de copier, coller et modifier l’arrière-plan de chaque panneau.

 

 

Au lieu de cela, j'ai d'abord peint cet objet fichier séparé où j'ai plus ou moins terminé tous les avions. Notez ces trois choses à propos de ce fichier :

 

1. J'ai omis les éléments mobiles comme la neige qui tombe, car ce serait bizarre si les flocons de neige étaient toujours au même endroit.

 

2. Les couleurs sont laissées légèrement désaturées, ce qui me donne beaucoup plus de liberté pour les ajustements de couleur et de lumière dans chaque panneau afin de s'adapter exactement à l'atmosphère.

 

3. La taille de la toile est plus grande et les plans sont étirés verticalement, ce qui signifie que je peux changer le zoom ou même la perspective en déplaçant et mettant à l'échelle chaque plan. Vous pouvez voir que j'ai initialement copié les panneaux principaux qui utilisaient cet arrière-plan à partir du storyboard et que je les ai empilés pour déterminer la meilleure disposition de base des avions et la taille de la toile.

Lorsque j'ai terminé la peinture, je configure des compositions de calques pour chacun des plans.

 

J'ai trouvé préférable de créer plusieurs groupes de compositions de calques, généralement un groupe avec des plans généraux, comme le ciel entier, l'arrière-plan, le plan intermédiaire et le premier plan, puis un autre où chaque élément, comme les couches de nuages, la lune ou les groupes d'arbres. au premier plan ont leur propre composition de calques séparée. Et les dernières compositions de calques spécifiques comme les versions avec des ombres activées et désactivées ou ce que je vais utiliser comme masques.

Maintenant, vous pouvez simplement lier le fichier en tant qu'objet fichier dans vos panneaux en accédant à Fichier > Importer > Créer un objet fichier.

 

Cela peut paraître étrange au début, car, par défaut, les objets fichier conservent leur couleur d'arrière-plan et la dernière composition de calque avec laquelle vous l'avez laissé.

Dans la palette de propriétés de l'outil, dans Paramètres de rendu, décochez Dessiner du papier, puis dans le menu Compositions de calques, sélectionnez la composition de calque que vous souhaitez voir. Commençons par « Tous » pour vérifier la position.

Vous pouvez voir que l'objet fichier s'étend bien au-delà du canevas, ce qui me donne de l'espace pour jouer les plans en fonction des besoins du panneau.

 

Après avoir dupliqué le calque d'objet fichier et défini les compositions de calques pour chaque élément dont vous avez besoin dans le panneau, déplacez et transformez-les pour l'adapter à la perspective du panneau. **! Étant donné que les objets fichier ne sont pas des calques raster, vous pouvez les transformer encore et encore sans qu'ils perdent en qualité !

Comme vous avez pu le voir précédemment, la plupart des arrière-plans de ce chapitre ont été créés en transformant les compositions de calques de l'objet fichier, en les déformant, en les dupliquant, etc.

 

Avec l'ajout de neige, de brume, de couleurs, une légère repeinture, etc., les arrière-plans semblent uniques mais unifiés. Bien sûr, il existe des panneaux dans lesquels l'arrière-plan doit être atténué ou réduit à des dégradés de couleurs, mais grâce aux objets fichiers, tous nos panneaux peuvent sembler riches !

 

Et la meilleure chose est que vous pouvez effectuer des modifications dans tous les panneaux en utilisant l'objet fichier en une seule fois !

Par exemple, il y avait un arbre qui avait l'impression de flotter, alors je l'ai simplement effacé dans l'objet fichier d'origine et il a disparu partout où il était visible !

---

Merci d'avoir lu et j'espère que ces conseils vous donneront un coup de pouce pour profiter encore plus de la création de bandes dessinées !