Un guide complet par Manny Guevarra

Introduction

Bonjour les amis! Je m'appelle Manny et je suis un artiste webcomic avec 5 séries de bandes dessinées publiées sur WEBTOON CANVAS ! Dans ce didacticiel, je vais vous présenter quelques conseils en matière de panneaux de bandes dessinées que j'ai appris au fil des années en créant mes séries dans Clip Studio Paint ! Je ferai principalement référence à ma bande dessinée principale, "The Mind's Eye", ainsi qu'à ma nouvelle bande dessinée, "Multo!".

 

 

WEBTOONS

Conseils de formatage

Il y a quelques choses que nous pouvons faire avant même de commencer à dessiner pour faciliter la composition de nos bandes dessinées tout au long du processus de création de bandes dessinées ! Pour commencer, nous devons déterminer le format dans lequel nous allons travailler. Il existe plusieurs approches différentes que nous pouvons adopter ici, et chacune a ses propres avantages !

 

 

Format WEBTOON

Le format WEBTOON fait référence à un format à défilement vertical continu destiné à être lu comme une « expérience cinématographique » sur le Web. Dans ce format, vous pouvez contrôler le rythme de vos lecteurs en utilisant l'espace des gouttières et le placement des panneaux.

Lorsque vous créez des bandes dessinées uniquement pour les lire sur le Web, vous n'avez pas à vous soucier autant de choses telles que le DPI de votre toile, car cela affecte principalement la qualité d'impression physique. De plus, vous avez plus de liberté pour explorer des choses telles que des formes de panneaux amusantes et des « panneaux d'impact » qui occupent la totalité de l'écran !

Lors de la création d'un nouveau canevas (Ctrl+N), Clip Studio propose plusieurs options de canevas sous [Project] > [Webtoon] qui incluent des préréglages WEBTOON pratiques :

Les dimensions maximales pour les téléchargements de fichiers sur WEBTOON sont de 800 x 1280 px. En tant que tels, les préréglages [Webtoon 3] et [Webtoon 4] sont de bonnes options pour la taille de votre canevas au début.

 

Personnellement, ma toile est généralement réglée sur 1 600 x 25 600 px à 300 DPI. Je fais cela parce que c'est toujours une bonne idée de rendre votre toile un peu plus grande que ne le sera votre image finale ; vous ne voulez jamais avoir à redimensionner votre image lors de l'exportation, car elle perdrait en qualité. Donc, en gardant à l'esprit que la largeur finale du fichier devra être de 800 px une fois téléchargé sur WEBTOON, mon objectif est de doubler la largeur requise pour garantir une qualité supérieure.

 

De plus, comme la taille finale des fichiers sera de 1 280 px, j'essaie également de maintenir la longueur de mes fichiers à des multiples de 1 280 ou 2 560 afin de pouvoir évaluer le nombre de fichiers avec lesquels je vais me retrouver.

C'est un bon format pour présenter votre bande dessinée si vous ne prévoyez pas d'imprimer votre série. Mais gardez à l’esprit qu’il est, à mon avis, beaucoup plus difficile de reformater une bande dessinée à défilement vertical pour l’imprimer que de faire l’inverse !

 

 

Format d'impression

Il est préférable de lambrisser et de formater votre bande dessinée pour l'imprimer dès le début si vous envisagez d'imprimer votre bande dessinée à tout moment dans le futur. Lors du formatage pour l’impression, vous devez garder à l’esprit quelques variables supplémentaires.

 

Le premier est le fait évident que vous serez limité à la quantité et à la forme des panneaux qui tiendront sur chaque page physique lors de l'impression. Un inconvénient est qu'il sera un peu plus difficile de contrôler le rythme de vos lecteurs, car tous les panneaux d'une page sont visibles en même temps.

En général, il y a trois « zones » à prendre en compte lors de la disposition de vos panneaux dans vos pages :

 

1️⃣ La Live Area ou « zone de sécurité » dans laquelle tous les éléments (c'est-à-dire les personnages, les dialogues, les arrière-plans, etc.) seront visibles s'ils sont dessinés à l'intérieur.

 

2️⃣ La Trim Line qui, comme son nom l'indique, marque l'endroit où la planche sera coupée lors de la production d'impression.

 

3️⃣ La Ligne de fond perdu qui peut être utilisée pour les Fonds perdus (images que vous souhaitez étendre au-delà des bordures de la page lors de l'impression).

La plupart des panneaux et des boîtes de dialogue doivent être dessinés dans la Zone Live pour garantir qu'ils seront visibles et facilement lisibles lors de l'impression. Les panneaux ouverts doivent être dessinés au moins jusqu'à la Ligne de fond perdu pour garantir qu'ils dépasseront le bord de la page lors du rognage :

Lors de la création d'un nouveau document (Ctrl+N), Clip Studio Paint propose de nombreux préréglages utiles prêts à l'impression avec des directives intégrées pour des éléments tels que le fond perdu sous le type de projet [Comic]. , comme indiqué ci-dessous:

Différentes imprimeries fonctionneront selon différentes directives de formatage, et il est extrêmement important de déterminer de quoi il s'agit avant de commencer à formater votre bande dessinée pour l'impression !

 

En plus des préréglages utiles proposés dans Clip Studio Paint, si vous avez une imprimante particulière en tête, elle disposera souvent de ressources telles que des modèles disponibles en téléchargement sur son site Web. Par exemple, j'ai créé les spreads ci-dessus conformément aux directives énoncées dans les modèles suivants :

 

 

Format « hybride »

Alors, qu'est-ce qui est « mieux » ? Format WEBTOON ou Format d'impression ? La réponse, bien sûr, dépend de la manière dont vous envisagez de distribuer votre bande dessinée !

Si vous souhaitez principalement créer rapidement des bandes dessinées à lire sur des plateformes Web telles que WEBTOON, et que vous n'avez pas l'intention de procéder à des tirages d'impression dans un avenir proche, il peut être avantageux d'essayer de créer au format WEBTOON !

 

Cela peut vous permettre d'utiliser et d'expérimenter un espace de défilement pratiquement illimité pour des éléments tels que des bulles, des marginaux ou des panneaux d'impact massifs. Cela vous permettra également de créer cette « expérience cinématographique » dont nous avons parlé plus tôt, dans laquelle vous pourrez plus facilement contrôler le rythme dramatique de votre bande dessinée.

Si vous préparez principalement un tirage d'impression de votre bande dessinée et que vous ne prévoyez pas de partager une version à défilement vertical sur des plateformes Web telles que WEBTOON, je vous suggère bien sûr d'utiliser l'option Format d'impression. Cela vous permettra d'accélérer votre pipeline de production d'impression de bandes dessinées et est également parfait si vous envisagez de partager votre bande dessinée en ligne, mais dans un format de page plutôt que dans une capacité de défilement vertical :

Cependant, si vous envisagez de faire les deux choses ci-dessus, je recommande une troisième option « hybride » de formatage de bande dessinée. J'appelle cela une option « hybride » car elle utilise les avantages des options WEBTOON et Format d'impression tout en atténuant la plupart des inconvénients de chacune :

 

L'idée ici est de dessiner votre bande dessinée au format imprimé, mais d'aborder la création d'actifs en gardant à l'esprit le format WEBTOON !

Comme mentionné précédemment, il est beaucoup plus difficile de reformater une bande dessinée à défilement vertical pour l'imprimer que de faire l'inverse. En tant que tel, je recommande de commencer par le format d'impression d'abord sur une toile avec une résolution d'au moins 300 DPI, mais de suivre les étapes suivantes pour vous assurer que vos illustrations et autres ressources peuvent être optimisées pour la lecture sur WEBTOON :

1️⃣ Dessinez en utilisant le spectre complet [couleur RVB] et utilisez les paramètres d'exportation de Clip Studio Paint pour exporter en [couleur CMJN]. Je recommande de procéder ainsi plutôt que de dessiner dès le départ en CMJN afin de profiter de toute la gamme de couleurs RVB lors de la publication de votre bande dessinée sur le Web, qui comprend de nombreuses couleurs vives visibles uniquement à l'écran.

 

Les imprimantes ne peuvent pas physiquement reproduire toutes les mêmes couleurs que les écrans rétroéclairés. C'est pourquoi nous devons exporter en utilisant la couleur d'expression [Couleur CMJN] dans nos paramètres d'exportation pour garantir que les couleurs seront précises pour l'impression.

 

2️⃣ Utilisez l'outil Frame Border de Clip Studio Paint pour faciliter la gestion des calques et la manipulation des bordures des panneaux. Le [Sub Tool : Frame Border] est accessible en cliquant sur (U) sur votre clavier. Nous discuterons de cet outil en détail dans la section ci-dessous !

 

3️⃣ Remplissez toute la zone de chaque panneau dans vos bordures de cadre, y compris derrière les bulles et autres éléments qui peuvent être déplacés lors du processus de reformatage. Il est plus que probable que lors du reformatage de votre bande dessinée pour WEBTOON, vous devrez refaire la majorité de votre placement de bulle et de queue, et vous ne voulez pas créer de vides dans vos illustrations !

 

4️⃣ De même, la plupart des panneaux devront être déplacés lors du processus de reformatage, et certains panneaux devront peut-être être remodelés, coupés ou même agrandis pour créer une meilleure expérience de lecture au format à défilement vertical. En tant que tel, veillez à conserver les éléments tels que les arrière-plans sur un calque distinct de vos éléments du milieu et du premier plan, et je recommanderais honnêtement de dessiner un peu au-delà de la bordure du panneau au cas où le panneau aurait besoin d'être redimensionné !

L'outil de bordure de cadre

Passons maintenant à la partie amusante ! Commençons le panneautage !

 

 

Création de bordures de cadre

Clip Studio Paint dispose de nombreux outils intéressants pour créer des panneaux dans votre bande dessinée, mais j'utilise principalement le [Sub Tool: Frame Border]. Je suggère d'utiliser cet outil car il facilite un flux de travail transparent dans lequel les calques sont plus faciles à gérer et les bordures des panneaux peuvent être facilement modifiées.

 

Le [Sub Tool : Frame Border] se trouve en bas de votre barre d'outils, délimité par l'icône ci-dessous, ou en cliquant sur (U) sur votre clavier !

Une fois que vous avez sélectionné [Sub Tool : Frame Border], vous pouvez simplement cliquer et faire glisser votre curseur sur l'écran pour créer instantanément des panneaux autonomes !

Cela générera automatiquement un dossier pour chaque image qui agit comme une sorte de masque de calque. Dans chaque dossier, vous pouvez créer des calques individuels, mais tout ce que vous dessinez dessus sera contenu dans le cadre !

Modification des bordures du cadre

Pour basculer rapidement entre les images, passez à [Sub Tool: Operation] en cliquant sur (O) sur votre clavier et sélectionnez le cadre souhaité. Vous pouvez également utiliser [Sub Tool: Operation] pour redimensionner et transformer votre cadre en sélectionnant sa bordure.

 

Vous pouvez également ajuster votre cadre à l'aide de points de contrôle, qui apparaissent sous forme de carrés rouges creux dans les coins de votre cadre lorsqu'ils sont désélectionnés, et de carrés rouges verts lorsqu'ils sont sélectionnés. Pour manipuler des points de contrôle, sélectionnez-en simplement un et déplacez-le à l'aide des touches fléchées de votre clavier ou en les faisant glisser avec votre souris.

Pour ajouter un point de contrôle à votre cadre avec le [Sous-outil : Opération], faites simplement un clic droit sur le cadre et sélectionnez [Ajouter un point de contrôle]. Vous pouvez également supprimer des points de contrôle de cette manière.

Pour diviser votre cadre, utilisez l'option [Couper le cadre] dans le menu [Sub Tool : Border Frame]. Pour utiliser cet outil d'épissage, faites-le simplement glisser sur votre cadre dans la direction souhaitée.

 

L'option [Diviser le dossier du cadre] divisera le dossier du cadre actuel en deux, tandis que l'option [Divide frame border] conservera les dossiers actuels et modifiera simplement la forme de la bordure.

Saignements

Pour dessiner des fonds perdus ou ouvrir des panneaux en dehors des bordures de cadre établies, dessinez simplement dans un calque ou un dossier de calques séparé.

Dessiner un fond perdu sur un calque sous vos autres panneaux peut créer une impression dramatique qui relie le reste de la page et est particulièrement utile pour établir des plans ou d'autres plans scéniques :

Dessiner des éléments sur un calque au-dessus de vos autres panneaux peut également lier votre page ensemble et peut en outre aider à établir des motifs d'éléments qui « brisent le moule »/se détachent des autres éléments scéniques pour transcender les limites des panneaux.

 

Par exemple, dans cette scène de ma bande dessinée « Multo », une rafale de vent envoie des feuilles dans les airs qui traversent la page sur les panneaux et les gouttières pour laisser entendre que la nature dépasse cet échange humain :

De même, l'esprit bleu ici a été dessiné dans un calque au-dessus des panneaux pour le lier aux autres éléments naturels qui existent sur un plan (au sens propre et figuré) « au-dessus » des personnages humains confinés dans les bordures du cadre.

Conseils sur le flux de travail des panneaux

Croquis miniatures

Avant de tenter des croquis détaillés de vos panneaux, je vous recommande de miniaturer la mise en page de votre page à plus petite échelle. Les miniatures sont des croquis libres qui peuvent vous aider à établir le flux de vos panneaux sur votre future page. Il s'agit généralement de petits dessins avec un minimum de détails, dessinés en succession rapide afin que vous puissiez créer plusieurs itérations différentes pour voir laquelle fonctionne le mieux pour votre histoire :

J'aime faire des croquis miniatures plus petits sur un document séparé pour avoir une idée du flux global. Ensuite, une fois que j'ai sélectionné un ensemble de vignettes qui correspondent le mieux à ma vision de la scène actuelle, je passe aux phases de storyboard et d'esquisse sur ma toile finale. C'est dans ces phases que je fais les choses suivantes :

 

1️⃣ Configurer les panneaux sur la toile finale,

 

2️⃣ Cartographiez les blocages, les poses et les expressions de base de mes personnages, et

 

3️⃣ Placez des bulles.

Bulles

Je vous recommande fortement de planifier l'endroit où vous placerez vos bulles dès les premiers stades du dessin afin de ne pas avoir à lutter pour les entasser plus tard ou pour dissimuler l'une de vos belles œuvres d'art ! Cela contribuera à garantir un processus de paneling fluide.

 

Pour éviter d'encombrer vos panneaux avec trop de bulles de dialogue, de pensées ou de boîtes de narration, WEBTOON recommande de les limiter à trois (3) ou moins par panneau.

 

Si vous suivez la voie de formatage « hybride » mentionnée ci-dessus, vous disposerez généralement de plus d'espace de panneau de chaque côté de vos personnages au format d'impression pour placer le dialogue. Ensuite, lors du reformatage pour WEBTOON, vous disposerez de plus d'espace de gouttière au-dessus et en dessous de vos panneaux pour le placement des dialogues. Espacer les dialogues de cette manière peut également aider à rythmer vos lecteurs et à mettre en évidence des lignes percutantes.

Taille, forme et débit du panneau

Si vos panneaux semblent un peu statiques, essayez de varier la hauteur, la largeur, la forme et le positionnement de vos panneaux ! Pour commencer, Clip Studio Paint propose de nombreux modèles de panneaux différents disponibles sous [Matériau Manga] > [Modèle de cadrage], comme indiqué ci-dessous :

Cependant, si vous essayez de transmettre une impression d’ordre, de calme ou même de monotonie, l’utilisation de formes simples et uniformes peut parfois vous aider à atteindre votre objectif. Par exemple, comparez les formes des panneaux des deux pages ci-dessous.

 

La première utilise des panneaux rectangulaires uniformément espacés pour transmettre l’impression lente et simple d’une promenade pittoresque à travers la campagne :

À l’inverse, incliner les formes des panneaux pour créer des bords extrêmement nets donne une sensation d’action soudaine, comme lorsque notre personnage du dessus passe de la marche au sprint après l’esprit du dessous :

Vous pouvez également utiliser la taille des panneaux pour indiquer l'importance de certains plans ! De manière générale, plus le panneau est grand, plus le sujet illustré est significatif.

 

Si vous souhaitez améliorer encore plus votre jeu de panneaux, essayez de jouer avec des panneaux ouverts/sans bordure pour mettre en évidence les moments critiques d'une scène, comme l'introduction d'un nouveau personnage.

Si vous voulez vraiment pousser ce concept, vous pouvez créer une planche avec fond perdu, dans laquelle votre illustration s'étend jusqu'à la ligne de fond perdu sur les deux pages de votre double page !

Ce n'est pas seulement un excellent outil dramatique, mais une illustration plus grande comme celle-ci peut être divisée et utilisée pour des panneaux WEBTOON plus petits lors du reformatage. N'oubliez pas de garder à l'esprit que le centre du saignement sera masqué lorsque la bande dessinée sera reliée. Les éléments importants tels que les personnages et les dialogues doivent donc être conservés de chaque côté du pli.

 

 

Espace de gouttière

Les deux planches ci-dessus fournissent des exemples d'utilisation de Gutter Space. Comme mentionné précédemment, Gutter Space peut être utilisé de nombreuses façons uniques et constitue un excellent endroit pour placer des éléments tels que :

 

1️⃣ Indicateurs météorologiques tels que les feuilles et la neige,

 

2️⃣ Des motifs manga tels que des paillettes, des bulles et des étoiles,

 

3️⃣ Motifs importants de votre récit, et

 

4️⃣ Un dialogue percutant que vous souhaitez autonome.

Conseils bonus !

Reformatage pour WEBTOON

Voici quelques Conseils bonus rapides pour formater et/ou reformater vos bandes dessinées en vue d'une publication sur WEBTOON !

1️⃣ N'oubliez pas que WEBTOON vise à créer « une expérience cinématographique » avec son format à défilement vertical, dans lequel les bandes dessinées sont censées être lues une case à la fois. Sur la base d'une taille de toile de 800 px de large, WEBTOON recommande d'avoir au moins 200 px d'espace vertical entre les panneaux.

 

2️⃣ Pour les transitions impliquant des changements de lieu et de scène, WEBTOON recommande d'avoir au moins 600 px à 1 000 px d'espace vertical entre les panneaux. Cet espace de gouttière peut être utilisé pour transmettre une impression de temps qui passe ou de longue distance, et contrairement au format d'impression traditionnel, le format à défilement vertical de WEBTOON permet un espace pratiquement infini - alors profitez-en !

 

3️⃣ Parce que vous n'êtes pas obligé d'insérer vos planches dans l'espace limité d'une page de bande dessinée traditionnelle, le format à défilement vertical ouvre un nouveau champ de possibilités pour jouer avec les formes de vos planches. Assurez-vous de varier la hauteur, la largeur, la forme et le positionnement de vos panneaux, en utilisant la taille pour indiquer l'importance de certains plans, comme mentionné précédemment.

 

 

Ressources WEBTOON

Vous trouverez ci-dessous quelques ressources WEBTOON téléchargeables à partir de la section Creators 101 de WEBTOON CANVAS !

 

 

Conclusion

Les Conseils bonus ci-dessus sont tirés de mon autre didacticiel Clip Studio Paint, « Comment créer un WEBTOON : le guide ultime. » Pour plus de conseils sur la façon d'optimiser votre bande dessinée pour WEBTOON, n'hésitez pas à consulter le tutoriel complet ou version vidéo ci-dessous !

 

 

Et voila! Merci beaucoup d'avoir lu et n'hésitez pas à me faire savoir si vous avez des questions sur l'un des sujets dont nous avons discuté. Bravo et bon dessin ! 🙌