Création de personnages, de bandes dessinées et de webtoons

Conseils pour économiser de l'esprit sur les panneaux Webtoon dans Clip Studio Paint !

5 263

.avi.

Version vidéo :

Version texte :

Bonjour !

Je suis .avi. Je travaille comme illustrateur de jeux vidéo professionnel et la création de bandes dessinées et de webtoons est mon passe-temps.

Beaucoup d'artistes peuvent trouver que le paneling est une tâche fastidieuse, voire frustrante, qu'ils doivent simplement surmonter 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 gagner du temps et de la santé mentale pendant la phase de paneling 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 y répondre !

🟦 Espace de travail

Voici quelques conseils rapides pour maximiser votre vue du canevas.

Tout d'abord, il y a la palette du navigateur. Je la garde ancrée sur le côté pour pouvoir l'ouvrir ou la réduire facilement. Grâce à elle, vous pouvez passer rapidement d'un panneau à un autre sans faire défiler l'écran, ainsi que suivre l'ensemble du canevas.

Ensuite, il y a un raccourci caché Maj + Tab qui masque la barre supérieure de l'application pour vous donner plus d'espace vertical pour travailler ! Si vous appuyez une deuxième fois, la barre de menu est également masquée et avec la troisième fois, ces deux barres réapparaissent. 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.

🟦 Calques vectoriels

Avant de passer aux panneaux, 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 fait 200 % de la taille de sortie finale.

Qu'en est-il des vignettes sur une petite toile ?

Lorsque vous utilisez des calques vectoriels même pour les croquis, il n'est pas nécessaire de commencer sur une toile de taille 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 la mise à l'échelle ultérieure !

Les vecteurs étant 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 que d'environ 1/3 plus grande que si la zone de travail se trouvait à 25 % de la taille de sortie.

💡 Remarque sur la hauteur de la toile

En passant, je voudrais mentionner la hauteur du canevas. L’idéal serait d’avoir le canevas le plus long possible, de préférence pour tout le chapitre, mais il faut prendre en compte la puissance de traitement de l’ordinateur, ainsi que la possibilité d’ajouter des panneaux et de l’espace entre eux plus tard, ce qui augmentera la hauteur du canevas.

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

Voyez quelle taille de canevas 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.

Voici un exemple de ma structure de fichier. J'ai placé le dossier de cadres 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 les couleurs cohérentes 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 facile !

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 dossier du cadre (puisqu'il possède déjà son propre masque).

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

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

🟦 Outil d'exploitation

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

Avec l'outil Opération, vous pouvez modifier davantage les formes des cadres, 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 à ce qui semble proche de ce à quoi vous voulez qu'elles s'accrochent, que ce soit le cadre d'un autre panneau ou la bordure de la toile.

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

Avec le même outil, vous pouvez modifier la couleur et la taille de la bordure, ou même le pinceau utilisé ! Comme ce pinceau à traces de pneus ou ce pinceau à éclaboussures !

Comme il n’y a pas d’option pour remplir l’extérieur du cadre, je le fais manuellement en cliquant sur le masque du dossier du cadre tout en maintenant la touche Contrôle enfoncée, en l’inversant et en remplissant un nouveau calque avec de la couleur.

Ce calque doit être à l’extérieur 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 superposés. Je fais d’abord le reste de la même manière que dans la page précédente. Lorsque j’ai terminé, 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 superposé.

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 parfait pour cela ! Il suffit de le faire glisser pour diviser le panneau !

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

Avec des panneaux qui se chevauchent, je fais le remplissage extérieur pour le dossier de cadre avec le reste des panneaux de la même manière que montré précédemment.

Ensuite, je clique en maintenant la touche Contrôle enfoncée sur le masque du dossier qui se chevauche et je l'utilise comme masque d'un dossier normal contenant l'autre dossier de cadre et le remplissage**.

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

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

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

Il existe également une option intéressante, légèrement cachée, pour diviser un cadre de manière égale ! Il suffit d’aller dans 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, nous n’en avons désormais besoin que de deux.

Étant donné que 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 ! Cliquer sur un point de contrôle et le faire glisser vers la droite rend la ligne plus épaisse, tandis que le faire glisser vers la gauche la rend plus fine. Avec cet outil, vous pouvez ajouter une sensation 3D à vos panneaux !

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

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

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

🟦 Connectez-vous à votre 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 car on voit le webtoon entier sans les coutures entre chaque fichier, ce qui n'est malheureusement pas possible dans la version desktop (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 sera demandé 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 dispose de cet aperçu où vous pouvez définir un rapport d'écran et il masque le reste de la toile, simulant ce que les lecteurs verront, mais il ne fonctionne que dans une seule toile, vous ne pouvez donc pas vérifier les coutures entre chaque partie du chapitre.

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

🟦 Étendez ou recadrez la toile

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 cela pour plus tard !

Elles sont cachées dans Édition > Modifier la hauteur du canevas > Étendre ou Recadrer, je recommande donc fortement de les placer dans la palette Accès rapide ou dans la Barre de commandes, comme je l’ai fait ici.

J'utilise également ce rectangle orange comme guide de base pour la distance des panneaux. Il vient du conseil de Webtoon selon lequel la distance minimale entre les panneaux doit être d'un quart de la largeur de la toile. Je ne le suis pas exactement, mais c'est 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 supérieure.

Si nous faisons glisser la poignée inférieure vers le bas et appuyons sur Entrée, nous constatons que tout ce qui se trouve sous 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 Rogner supprime tout ce qui se trouve dans son rectangle défini, et tous les éléments situés en dessous se déplacent vers le haut.

Ingénieux, non ?

Les deux outils sont très faciles à utiliser et tout est annulable, il faut juste faire attention à ne pas placer la ligne supérieure du rectangle d’extension là où vous ne voulez pas que des choses soient coupées, car c’est là que le nouvel espace va être ajouté.

🟦 Objets de fichiers et compositions de calques

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

Si vous avez des éléments récurrents dans votre bande dessinée, même s'ils ne sont pas les mêmes à chaque fois, tirez le meilleur parti des compositions de calques !

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

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

1. J'ai omis les éléments en mouvement comme la neige qui tombe, car il serait étrange que les flocons de neige soient 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 à l'atmosphère exacte.

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

Une fois la peinture terminée, je configure des compositions de calques pour chacun des plans.

J'ai trouvé qu'il était préférable de configurer 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 distincte. Et enfin, des compositions de calques spécifiques comme des 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 allant dans Fichier > Importer > Créer un objet fichier.

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

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 rendre visible. Commençons par « Tout » pour vérifier la position.

Vous pouvez voir que l'objet fichier s'étend bien au-delà de la toile, ce qui me donne de l'espace pour jouer avec les plans afin de répondre aux besoins du panneau.

Après avoir dupliqué le calque de l'objet fichier et défini les compositions de calques pour chaque élément dont vous avez besoin dans le panneau, déplacez-les et transformez-les pour qu'ils s'adaptent à 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 auparavant, 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, de légères repeintures, etc., les arrière-plans semblent uniques mais unifiés. Bien sûr, il y a des panneaux où l'arrière-plan doit être atténué ou réduit à des dégradés de couleurs, mais grâce aux objets fichier, tous nos panneaux peuvent sembler riches !

Et le meilleur, c'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 semblait flotter, alors je l'ai simplement effacé dans l'objet fichier d'origine et il a disparu à tous les endroits où il était visible !