Salut !

 

Internet est un endroit en constante évolution. Alors que les webcomics ont commencé par imiter les pages de bandes dessinées ou les strips de journaux, avec l'essor des téléphones mobiles, une nouvelle façon de découvrir les bandes dessinées est apparue : le format de défilement vertical des webtoons !

 

Si vous avez toujours voulu créer une bande dessinée, mais que vous ne pouviez pas choisir entre une bande dessinée classique ou un webtoon orienté mobile ; ou si vous AVEZ déjà une bande dessinée et que vous souhaitez l'adapter à l'autre format, ce tutoriel essaiera de vous donner quelques lignes directrices et astuces sur la meilleure façon de le faire en utilisant Clip Studio Paint.

 

NOTE : J'utilise la dernière version de Clip Studio Paint Pro (1.9.7.). Son interface a été mise à jour avec des icônes différentes par rapport à certaines versions plus anciennes, donc si vous avez du mal à suivre le tutoriel, envisagez de passer à la version la plus récente !

 

De plus, si vous préférez, vous pouvez regarder une version vidéo de ce tutoriel ici :

0. L'HISTOIRE

Je travaille actuellement sur le quatrième chapitre de mon webcomic/webtoon Weirdogs. Reformater une bande dessinée n'est pas la chose la plus facile ni la plus naturelle à faire, j'ai donc utilisé différentes approches pour y parvenir. En conséquence, j'ai pu élaborer un processus qui fonctionne très bien pour moi !

 

Pour le premier chapitre, j'ai simplement dessiné des pages de bande dessinée normales, sans jamais avoir l'intention d'en faire un webtoon. Mais lorsque Webtoon Canvas a annoncé un concours, j'ai décidé de reformater la bande dessinée et d'y participer. Comme c'était la première fois que je le faisais, j'ai eu pas mal de difficultés avec le processus !

 

Pour le deuxième chapitre, j'ai pensé qu'il serait intelligent et m'aiderait à avoir des mises à jour prêtes plus tôt si je terminais ma bande dessinée en tant que webtoon d'abord, et seulement ensuite je la reformattais en pages de bande dessinée. Ce fut une erreur, car reformater un webtoon en pages de bande dessinée est encore plus difficile que l'inverse !

 

Pour le troisième chapitre, j'ai appris de mes erreurs et j'ai élaboré une bonne méthodologie. Ce n'est pas une solution universelle, mais c'est un processus qui fonctionne très bien pour moi personnellement. Votre expérience peut différer, et je vous recommande vivement d'essayer différentes approches si la mienne ne vous convient pas.

 

Donc, ce que nous allons faire, c'est d'abord créer nos pages de bande dessinée, puis les reformater en Webtoon. La raison en est simple : les pages sont un format plus contraignant que le défilement vertical. Un épisode sur Webtoon peut être aussi long que vous le souhaitez. Cependant, une page de bande dessinée ne peut contenir qu'une quantité limitée de contenu. Il est plus logique de s'en tenir d'abord aux restrictions plus strictes, puis de s'ouvrir.

 

Si vous avez déjà créé un webtoon, ne vous inquiétez pas ! J'espère que ce tutoriel vous fournira tout de même de bons conseils sur la façon d'optimiser votre processus de reformatage, ou du moins, vous offrira un meilleur processus à suivre pour les futurs chapitres de votre bande dessinée !

1. CRÉER LA PAGE

Maintenant, commençons par créer le fichier pour la page de bande dessinée.

 

Je vous recommande de déjà penser à la taille à laquelle vous souhaitez imprimer votre bande dessinée ! Bien que vous puissiez redimensionner les choses plus tard, vous assurerez la meilleure qualité si vous vous en tenez au format prévu tout au long du processus.

 

Si vous créez un nouveau fichier dans Clip Studio, vous pouvez sélectionner le deuxième bouton en haut pour créer une page de bande dessinée, puis choisir un certain nombre de préréglages utiles :

Vous pouvez également sélectionner le troisième bouton, si vous souhaitez avoir plus d'influence sur vos options :

Près du coin supérieur droit, vous pouvez sélectionner l'unité (millimètre, centimètre, pixels, pouces…), puis définir un format personnalisé (peut-être souhaitez-vous créer une bande dessinée carrée ?), sélectionner des options de bordure personnalisées et des options de fond perdu !

 

Qu'est-ce que le fond perdu ? C'est un terme désignant les données d'image excédentaires ajoutées au-delà du format prévu. Son but est d'éviter les bords blancs au cas où le format d'impression ne serait pas précisément recadré.

 

Cependant, pour l'instant, utilisons simplement le modèle de couleur A4 !

 

Voici à quoi cela ressemblera, bien que j'aie déjà annoté les lignes directrices qui apparaissent :

Il y a trois lignes directrices rectangulaires. La plus intérieure est l'endroit où vous devriez dessiner le contenu principal de votre page. Le deuxième rectangle est le format final de la page. Si vous voulez que l'illustration s'étende à cela, vous pouvez le remplir. Cependant, je ne recommanderais pas d'ajouter de dialogue ou de contenu visuel important dans cette section ! Le troisième rectangle devra être rempli pour le fond perdu si vous ajoutez une illustration dans le rectangle de format final.

 

Pour référence future, si vous ne voulez pas voir ces lignes directrices, allez simplement dans "Affichage" et décochez “Marque de recadrage / bordure par défaut”.

2. CRÉER LA BASE DES CADRES

Ensuite, créons un cadre dimensionné pour le rectangle de contenu de la page !

Utilisez simplement l'outil de bordure de cadre pour le dessiner. Vous pouvez déjà définir l'apparence de la bordure, mais si vous êtes encore en train de la définir, vous pouvez simplement dessiner la bordure maintenant et changer son apparence plus tard.

Pour modifier la bordure, utilisez l'outil « Objet » et sélectionnez la bordure. Vous pouvez maintenant ajuster des options telles que la couleur ou l'épaisseur de la bordure (option Taille du pinceau) dans la fenêtre Propriétés de l'outil !

Personnellement, je trouve la vue violette « Zone de masque » distrayante, que vous obtenez par défaut lorsque vous créez une bordure de cadre, alors je la désactive toujours !

 

Vous pouvez le faire en sélectionnant le calque avec la bordure dans la fenêtre des calques et en désactivant l'option « Afficher la zone de masque » :

Nous diviserons le grand cadre en panneaux plus petits plus tard. Vous pouvez, bien sûr, simplement dessiner des panneaux à la place. Personnellement, je trouve plus facile de maintenir un aspect et une distance uniformes entre les panneaux en divisant un grand cadre plutôt qu'en créant des panneaux individuels !

3. CRÉER LES DIALOGUES

L'étape suivante consiste à ajouter les dialogues du script de ma bande dessinée à ce fichier de page.

 

Je le fais AVANT d'esquisser la bande dessinée pour m'assurer qu'il y a suffisamment de place pour le dialogue et l'illustration. Si je commençais à esquisser sans savoir déjà combien d'espace je dois laisser pour le texte, je pourrais finir par devoir couvrir des parties de mon dessin que je voudrais laisser dégagées !

 

Une chose importante est de s'assurer que votre dialogue a une taille uniforme (sauf pour des occasions spéciales - par exemple, un dialogue chuchoté peut être plus petit ou un dialogue crié peut être plus grand).

Vous voudrez également vous assurer qu'il est suffisamment grand pour être lu facilement - différentes personnes ont des préférences différentes quant à cette taille. Pour savoir ce qui vous convient, imprimez une page de test ou référez-vous simplement à d'autres bandes dessinées comme exemple !

 

Maintenant, pour ajouter le dialogue, je vous recommande de créer un seul texte d'exemple et de le copier pour chaque bulle de dialogue sur votre page - même si vous savez déjà que vous voulez augmenter la taille plus tard ! Je trouve qu'il est plus facile de faire les ajustements après avoir ajouté tous les dialogues plutôt qu'au fur et à mesure que je les ajoute !

 

Par exemple, s'il y a cinq bulles de dialogue sur la page, je collerai le texte d'exemple sur la page cinq fois :

Et voici à quoi pourrait ressembler un dialogue de page terminé :

Une petite parenthèse : vous remarquerez peut-être que j'utilise une police personnalisée. Elle est basée sur ma propre écriture, et si vous voulez distinguer votre bande dessinée des autres, je vous recommanderais absolument de créer votre propre police également ! J'ai utilisé Calligraphr pour le faire, qui est un outil très facile et puissant à utiliser - et la version de base est gratuite !

Lorsque vous organisez votre texte, il est important de garder à l'esprit de ne pas ajouter trop de texte dans une seule bulle. Il est toujours bon de séparer les choses, surtout si vous pouvez imaginer votre personnage faisant de petites pauses en parlant.

 

Comparez les deux arrangements de bulles de dialogue ci-dessous : celui du haut n'est pas aussi visuellement intéressant que celui du bas. Plus votre dialogue est visuellement intéressant, plus il est facile pour les gens de le lire !

4. CRÉER DES CADRES

Une fois que vous avez tous les dialogues, vous pouvez diviser le grand cadre en panneaux ! Comme mentionné précédemment, la raison pour laquelle je procède ainsi est de maintenir une gouttière de taille uniforme (l'espace entre les panneaux). Commencez par sélectionner l'outil « Diviser le dossier de cadre » :

Vous pouvez définir la taille de la gouttière dans les propriétés de l'outil :

Maintenant, faites simplement glisser l'outil sur votre cadre. Si vous maintenez la touche Maj enfoncée, vous pouvez vous assurer de tracer des lignes parfaitement horizontales ou verticales.

 

Votre page pourrait ressembler à ceci maintenant :

5. L'ESQUISSE

Maintenant, il est temps d'esquisser ! N'ayez pas peur d'essayer de nombreuses compositions différentes, même si vous avez divisé les choses différemment à l'étape précédente. Essayez de créer une bonne lisibilité et un bon flux sur la page en réorganisant les dialogues de manière ordonnée, et travaillez avec les compositions et l'action des personnages pour correspondre au flux.

Voici l'esquisse terminée pour le dialogue que j'ai placé précédemment. J'ai ajouté quelques flèches pour visualiser ce que j'entends par flux de page.

 

Dans le premier panneau, Sammy regarde vers la droite, ce qui est également la direction d'où provient la bulle de dialogue. La composition de l'arrière-plan dans le deuxième panneau mène directement à Dodger - la source de la bulle de dialogue. Sammy le regarde toujours dans ce panneau, de sorte que le spectateur a plusieurs points focaux menant directement à Dodger.

 

Pour le troisième panneau, j'ai décidé d'ouvrir la page et de supprimer la bordure du panneau (c'est là qu'intervient le fond perdu).

 

Comme vous pouvez le voir, j'ai modifié l'agencement précédent du texte et des panneaux ! Rien n'est gravé dans le marbre lorsque vous travaillez dans la bande dessinée, et vous pouvez même changer des choses après l'étape de l'esquisse !

 

Ce genre de compositions fluides serait très difficile à réaliser si vous travaillez d'abord sur un Webtoon, puis que vous le réorganisez en page. La plupart des webtoons n'affichent qu'un ou deux panneaux à la fois. Sur une seule page, vous avez souvent entre 5 et 10 panneaux visibles à la fois !

 

J'espère que vous comprenez pourquoi il est préférable de planifier d'abord vos pages, puis votre version à défilement vertical !

(ÉTAPE FACULTATIVE : Ajuster l'esquisse pour Webtoon)

Si vous êtes nouveau dans le processus de refonte des pages au format de défilement vertical, il est judicieux de prendre votre esquisse terminée pour la page et de la retravailler. De cette façon, vous pouvez déplacer les éléments plus facilement et essayer différentes compositions pour votre illustration, sans que les choses n'aient besoin d'être polies et parfaites tout de suite. Cela vous aidera également à déterminer s'il y a des panneaux où vous devrez peut-être réorganiser les bulles de dialogue ou les illustrations !

 

Pour certaines pages, ce processus n'est pas si important. La page d'exemple avec laquelle nous avons travaillé jusqu'à présent est l'un de ces cas, elle est assez simple et peu ambitieuse. Je montrerai un exemple de retravail d'une esquisse au format Webtoon plus tard, alors passons pour l'instant.

6. FINALISER L'ILLUSTRATION DE VOTRE PAGE

À titre de référence, voici à quoi ressemble l'illustration finale de la page d'exemple. Je ne veux pas entrer dans les détails du processus d'illustration et de coloration, car ce n'est pas le but de ce tutoriel. Cependant, il y a quelques éléments d'organisation que vous voudrez peut-être garder à l'esprit lorsque vous travaillez sur une bande dessinée pour deux formats différents !

 

La chose principale à savoir : VOUS DEVREZ FAIRE DES RÉAMÉNAGEMENTS.

 

Il n'y a pas d'autre moyen si vous voulez offrir une expérience de lecture optimale sur Webtoon en plus des pages de bande dessinée classiques. Et si vous ne voulez pas devenir fou à cause de la charge de travail, voici mon conseil numéro un : SÉPAREZ VOS CALQUES !

 

Cette page n'est pas le MEILLEUR exemple de ce que je veux dire, alors jetons un bref coup d'œil à une autre page !

À gauche se trouve la page, à droite une section de l'épisode Webtoon.

 

Le dernier panneau de la page était destiné à être un grand panneau d'éclaboussure important qui surprendrait les lecteurs et inclurait des détails amusants. Si vous voulez qu'un panneau ait plus d'impact dans Webtoon, une bonne façon de le faire est de le rendre très grand. De cette façon, les lecteurs devront faire défiler plus longtemps avant d'avoir lu tout le panneau.

 

J'ai inclus des bordures rouges dans l'image pour indiquer la quantité de bande dessinée qui tiendra sur un écran de téléphone typique. En limitant le dialogue à un seul écran de téléphone avant de montrer la scène, je crée plus de surprise. Le lecteur a un moment pour se demander, que pourrait-il bien se passer ? Et puis, il défile vers le bas pour voir que c'est un match de paintball !

Ce fut l'un des cas où j'ai adapté l'esquisse de la page au format webtoon avant de finaliser l'illustration. Je savais déjà que je devrais modifier la mise en page du texte et même réorganiser la position de Dodger et Sammy !

 

Puisque je savais que je devais apporter plus de modifications, je savais aussi que je devais adopter une approche spéciale consistant à dessiner TOUT Sammy, même si Dodger est devant elle, à dessiner PLUS de l'arrière-plan, et même à dessiner certains des autres éléments d'arrière-plan sur des calques séparés, car cela faciliterait le réarrangement des choses plus tard !

 

Voici un aperçu de tous les éléments déplacés, afin que vous puissiez voir combien d'arrière-plan j'ai réellement rempli :

Ceci est bien sûr un exemple extrême, et le fait de devoir remplir les arrière-plans derrière les personnages ne sera nécessaire qu'occasionnellement.

 

Mais même pour quelque chose de plus simple (comme notre page d'exemple), il y a des choses que je vous recommanderais absolument de faire :

 

Créez des calques séparés pour les différents personnages d'un panneau Créez des calques séparés pour les différents éléments d'arrière-plan (tels que les calques de premier plan, les arrière-plans « principaux » et les arrière-plans « lointains » (tels que les nuages ou les horizons)) Remplissez toujours l'illustration derrière l'endroit où les bulles de dialogue ou tout panneau de premier plan sont censés aller !

 

Laissez-moi vous donner un exemple basé sur cette page :

Voici comment les choses sont divisées :

Remarquez comment j'ai dessiné l'illustration complète derrière les panneaux de premier plan. Cela a été fait parce que je peux séparer les panneaux de premier plan dans la version webtoon. Cependant, je n'ai pas dessiné les bouteilles derrière la poêle de Sammy ! Il ne sera pas nécessaire de la déplacer, donc je n'ai pas eu besoin de le faire.

 

Même si vous n'avez pas à réorganiser les choses, cette approche aide à maintenir l'organisation, et il est plus facile de prendre cette habitude si vous le faites pour chaque panneau !

 

Une petite mise en garde : si vous utilisez de nombreux calques, vous devrez absolument nommer vos calques pour rester organisé. C'est une bonne habitude à prendre, surtout si vous voulez un jour travailler avec des assistants, qui vous seront très reconnaissants d'avoir des noms de calques descriptifs tels que « Encres Dodger » ou « Couleurs de fond » plutôt que « Calque 0 » et « Calque 123 » ! Même pour le processus de réarrangement, que nous allons examiner, il est beaucoup plus facile pour vous de savoir quels calques vous déplacez réellement !

Parfois, je prépare même les calques avant le processus de dessin plutôt que de les créer au fur et à mesure que je dessine. Travailler séparément sur ces aspects banals de la création de bandes dessinées est un bon moyen de progresser même si vous vous sentez trop épuisé créativement pour dessiner ou écrire.

 

Voici deux autres astuces pour vous aider à accélérer votre processus de création de bandes dessinées et à mieux vous organiser !

 

Vous avez peut-être remarqué dans les captures d'écran précédentes que j'utilise les menus Jeu de couleurs et Sous-vue.

Regardons d'abord le menu Jeu de couleurs ! Il est logique d'en créer un pour chaque personnage récurrent de votre bande dessinée ! Pour ajouter une nouvelle couleur, sélectionnez d'abord la couleur dans votre roue chromatique, puis appuyez sur la petite icône Goutte de peinture + (1). La couleur sera ajoutée à votre Jeu de couleurs actuellement sélectionné. Vous pouvez maintenant la réordonner, la renommer ou la supprimer.

Vous pouvez également créer un nouveau Jeu de couleurs en cliquant sur la petite icône en forme de clé à molette en haut (2) ! Si vous cliquez sur « Ajouter de nouveaux paramètres », vous obtiendrez un Jeu de couleurs modèle rempli de couleurs « vides ». Personnellement, je préfère ne pas les avoir, je les ai donc supprimées et je duplique maintenant les jeux de couleurs existants, puis je les retravaille.

Deuxièmement, le menu Sous-vue !

Ici, vous pouvez charger des images de référence. Si vous avez créé des fiches de personnages pour les protagonistes de votre bande dessinée, si vous dessinez un arrière-plan à partir d'une photo ou si vous souhaitez simplement copier les couleurs d'une page de bande dessinée terminée, cela peut vous aider à toujours avoir une référence rapide à portée de main. Cliquez simplement sur l'icône du dossier en bas, et chargez toutes les images de référence que vous pourriez vouloir. Vous pouvez en sélectionner plusieurs à la fois, puis les faire défiler. Si vous avez terminé avec une référence, vous pouvez la supprimer. Vous pouvez également zoomer et dézoomer, vous déplacer dans l'image, ou même faire pivoter et inverser les images (3). Personnellement, j'aime avoir l'option « Basculer automatiquement en pipette » sélectionnée (4). Pour déplacer l'image, je dois maintenant maintenir la barre d'espace enfoncée, mais de cette façon, lorsque je passe la souris sur l'image, je peux immédiatement en prélever n'importe quelle couleur. D'une certaine manière, c'est une alternative au Jeu de couleurs, mais j'aime avoir les deux, car le Jeu de couleurs est toujours plus précis !

7. EXPORTER VOTRE FICHIER DE PAGE

Lorsque vous avez terminé la page de bande dessinée, il est judicieux de l'exporter avant de continuer. Maintenant, si vous publiez votre bande dessinée sous forme de page numériquement et pas SEULEMENT pour l'impression, vous devrez d'abord l'exporter en tant que fichier JPEG RVB !

 

Après cela, vous devez maintenant ajuster votre fichier de page au format CMJN.

Pour en savoir plus sur ce qu'est le CMJN et ce que cela signifie, vous pouvez consulter ce tutoriel :

Pour l'expliquer très rapidement, c'est une manière différente de mélanger les couleurs pour l'impression (additive) plutôt que pour les écrans (soustractive).

 

Certains artistes travaillent d'abord en CMJN, mais comme nous avons l'intention de publier ÉGALEMENT la bande dessinée numériquement en RVB, je recommanderais de travailler d'abord en RVB et de ne convertir en CMJN qu'à ce stade.

 

Si vous utilisez beaucoup de couleurs vives (surtout des verts), la conversion en CMJN signifiera que vos couleurs auront un aspect différent. Alors, au lieu d'exporter directement en CMJN sans aucun contrôle qualité, examinons ce que nous pouvons faire pour optimiser le résultat !

 

Commencez par sélectionner l'option Affichage > Profil de couleur > Paramètres de prévisualisation :

Cette fenêtre apparaîtra. Vous pouvez maintenant sélectionner votre profil de couleur souhaité. Vérifiez auprès de votre service d'impression quel profil de couleur vous devez utiliser avant de continuer.

Vous remarquerez que le panneau vert vif « BLAM » à droite ou l'éclaboussure de peinture dans le panneau inférieur ont l'air beaucoup plus ternes maintenant. C'est pourquoi nous n'exportons pas immédiatement en CMJN.

 

Regardons le menu déroulant « Mode de rendu ». Cela offre une variété d'options dans lesquelles vos couleurs peuvent être converties du RVB au CMJN ! Il peut être judicieux d'opter pour l'option « Saturation », surtout pour les bandes dessinées. Je l'ai sélectionnée, et vous remarquerez déjà une amélioration de l'apparence de la page !

 

Bien que vous ne puissiez pas réellement rendre le vert plus saturé (il y a une limite à ce que les couleurs CMJN standard peuvent faire), ces options changent le contraste de vos couleurs. Et si vous connaissez votre théorie des couleurs, vous savez qu'un contraste plus élevé peut rendre les choses plus vives.

Si vous n'êtes pas satisfait des quatre options de « Mode de rendu », vous pouvez également cocher la case « Correction tonale » et affiner le contraste sur les quatre plaques de couleur (Cyan, Magenta, Jaune et Ton clé) ! J'ai rendu les verts plus sarcelle en ajustant les valeurs dans la section « Cyan » :

Une fois que vous êtes satisfait du résultat, assurez-vous de sélectionner l'option « Enregistrer sur la toile » ! Sinon, vos ajustements ne seront pas réellement enregistrés lorsque vous exportez l'image.

Vous voudrez peut-être maintenant enregistrer votre fichier .csp sous un nouveau nom pour signifier qu'il s'agit de la version CMJN de votre page. Sinon, si vous souhaitez un jour apporter une modification, comme corriger une faute de frappe, vous devrez refaire les ajustements de couleur !

 

Enfin, exportons le fichier CMJN. C'est la même chose que la version RVB, assurez-vous simplement de sélectionner « Couleur CMJN » dans le menu « Couleur d'expression » !

8. RÉARRANGEMENT EN WEBTOON (LES BASES)

Très bien, maintenant nous arrivons à la bonne partie. La première chose à faire est de créer un format de défilement vertical long. Clip Studio Paint Pro a une hauteur d'image maximale de 50 000 pixels ! C'est beaucoup. Si j'ouvrais une image aussi haute dans Photoshop, non seulement cela ferait planter mon ordinateur, mais cela me tuerait probablement, moi et toute ma famille, dans notre sommeil. Mais CSP est rapide et dynamique même avec ces énormes dimensions !

 

Webtoon lui-même a un maximum de 800 x 1280 pixels par fichier image. Un épisode peut être divisé en plusieurs fichiers image.

 

Je vous recommanderais de créer un nouveau fichier dans Clip Studio Paint de 800 x 50 000 pixels, puis, après avoir placé vos panneaux, de le recadrer en hauteur si vous constatez que vous n'avez pas besoin des 50 000 pixels complets.

 

Personnellement, j'aime aussi opter pour la valeur triple de 2400 pixels en largeur plutôt que 800 pixels. Si j'ajoute de nouvelles illustrations ou étend des panneaux pour la version Webtoon de ma bande dessinée, de cette façon, je l'ai déjà dans une résolution plus élevée, au cas où j'en aurais besoin ! Mais c'est, bien sûr, facultatif !

Une fois que j'ai configuré ce fichier, j'ouvre ma page dans un onglet séparé dans Clip Studio Paint...

 

et ensuite, je sélectionne simplement un dossier de cadre dans ma page, j'appuie sur CTRL+C (ou je sélectionne Copier dans le menu), je bascule vers mon fichier de défilement vertical, et j'appuie sur CTRL+V (ou je sélectionne Coller dans le menu). Lorsque vous faites cela, assurez-vous de NE PAS utiliser l'outil « Objet », sinon vous risqueriez de ne sélectionner et copier que le cadre, et non le contenu du dossier !

 

J'aime faire cela panneau par panneau et redimensionner immédiatement chaque panneau comme je le souhaite, mais bien sûr, vous pouvez également sélectionner plusieurs panneaux à la fois, puis les copier/coller tous en même temps, en faisant les ajustements plus tard.

 

Je compose généralement un seul épisode à partir de 2 à 4 pages. Bien sûr, ce n'est pas une exigence et vous pouvez également faire des épisodes plus courts ou plus longs ! Cependant, assurez-vous de garder à l'esprit le rythme et le drame lorsque vous planifiez la durée d'un épisode !

9. RÉARRANGEMENT EN WEBTOON (LES DÉTAILS)

Tout comme sur une page, le flux de lecture est important sur Webtoon ! Ce qu'il faut considérer ici, c'est que grâce au format théoriquement infini, vous pouvez donner beaucoup plus d'espace à votre art. Comme je l'ai déjà mentionné, faire défiler plus longtemps les gens peut avoir un impact émotionnel sur eux pendant qu'ils lisent ! Voici quelques autres techniques que vous pouvez utiliser :

 

Rendez les panneaux percutants grands (comme décrit précédemment) Séparez les bulles de dialogue et éloignez-les davantage que vous ne le feriez sur une page de bande dessinée

Écartez les panneaux qui couvrent différentes actions ou scènes (mais les panneaux qui font partie d'un seul dialogue ne devraient pas être trop écartés, sinon le dialogue pourrait donner l'impression que les personnages font des pauses ou des arrêts) !

Variez les compositions des panneaux. Il peut devenir ennuyeux si chaque panneau a exactement la même largeur et est positionné de la même manière. Changer l'emplacement des panneaux peut rendre l'expérience de lecture plus naturelle et moins rigide.

Bien sûr, si vous montrez des actions qui vont ensemble, il est logique de garder ces panneaux uniformes.

Variez les tailles de panneau. Les panneaux qui s'étendent sur toute la largeur du format Webtoon ont plus d'impact s'il existe également des panneaux qui NE SONT PAS étendus sur toute la largeur. Divisez les panneaux larges. Parfois, vous pouvez éviter de devoir réorganiser les éléments dans un panneau large simplement en le divisant. Vous pouvez même légèrement ajuster l'action dans un panneau, en ajoutant de petites variations dans l'illustration (comme les expressions des personnages). Pour en revenir à notre page d'exemple originale, j'ai divisé le panneau large en deux panneaux ici :

Ajoutez des panneaux bonus si nécessaire ou souhaité. Parfois, dans le format Webtoon, l'ajout de petits détails peut améliorer le flux de lecture ! Voici un exemple où j'ai ajouté un panneau supplémentaire à une séquence pour donner plus d'impact visuel à une section du dialogue. Sur la page, cela aurait encombré la composition, mais sur Webtoon, sans le panneau, cela aurait pu donner l'impression qu'il y a trop de bulles de dialogue sans illustration entre elles !

Il est également important de garder à l'esprit une taille de dialogue uniforme, même pour Webtoon ! Je serai honnête, je n'y accorde pas autant d'attention que sur les pages (où vous POUVEZ voir plusieurs panneaux à la fois et donc remarquer plus facilement les différences de taille), mais vous devriez au moins essayer de ne pas laisser la taille varier trop sauvagement. Et tout comme à l'impression, assurez-vous d'avoir une bonne taille de texte qui est facilement lisible même pour les personnes ayant de petits écrans de téléphone.

 

Avec ces informations à l'esprit, je veux également souligner certains outils natifs de Clip Studio Paint qui facilitent grandement la réorganisation par rapport à d'autres logiciels !

 

Premièrement : saviez-vous que vous pouvez faire une sélection sur plusieurs calques ?

Disons que je veux changer l'angle du bras de Dodger ici ! Le problème, c'est que je l'ai déjà coloré ! Mais, dans Clip Studio Paint, je peux transformer ou déplacer des sélections sur plusieurs calques. Faites simplement la sélection, puis ajoutez-y plusieurs calques en cliquant dessus tout en maintenant la touche Maj enfoncée !

Tada ! Pas besoin de faire la même chose pour les deux calques séparément ou de refaire les couleurs !

Deuxièmement : Redimensionner les petits panneaux pour les rendre grands et vice versa.

 

Parfois, pour un Webtoon, vous pourriez vouloir donner plus d'espace à un petit panneau sur une page et le faire apparaître plus grand.

Parfois, vous pourriez vouloir prendre un panneau qui apparaît petit sur une page et le représenter plus grand dans la version webtoon, ou vice versa. Seul problème : après cela, le lineart pourrait être plus épais (ou plus fin) que tous les autres linearts ! Eh bien, ne vous inquiétez pas. Si vous avez créé votre lineart sur un calque vectoriel, vous pouvez maintenant modifier la largeur du lineart !

Utilisez simplement l'outil « Corriger la largeur de ligne » et nous pouvons passer de cela :

À cela :

Et avec un nettoyage final, à ceci :

Bien mieux que de devoir tout redessiner, n'est-ce pas ? Les calques vectoriels sont GÉNIAUX.

 

Si vous ne créez pas déjà toutes vos lignes avec des calques vectoriels, alors, vraiment, METTEZ-VOUS-Y. Je n'entrerai pas dans les détails, et je suis sûr que vous trouverez de nombreux tutoriels qui expliquent certains des autres merveilleux avantages des calques vectoriels, mais oui, c'est l'un de leurs aspects particulièrement utile pour travailler sur des bandes dessinées dans deux formats !

 

Voici deux tutoriels qui approfondissent certains des autres avantages des calques vectoriels, si c'est quelque chose que vous ne connaissez pas encore :

Enfin, lorsque vous avez terminé de réorganiser vos pages en épisode, il est important de tester votre bande dessinée nativement ! Lorsque vous travaillez sur votre ordinateur, vous ne remarquerez peut-être pas ou ne penserez pas à des choses qui pourraient être meilleures lorsque vous lisez réellement la bande dessinée sur votre téléphone et que vous la faites défiler avec votre pouce plutôt qu'avec votre souris ! Pour ce faire, j'exporte l'épisode, le télécharge en ligne (sur Imgur, par exemple), ouvre le fichier téléchargé sur mon téléphone et le lis en test. Je fais souvent de petits ajustements après cela.

10. TÉLÉCHARGER SUR WEBTOON

Maintenant, si vous vous souvenez, j'ai mentionné que Webtoon a un format d'image maximal de 800 x 1280 pixels. Mais je vous ai dit de créer un énorme fichier de 2400 x 50 000 pixels de haut ! Comment diable êtes-vous censé le télécharger ?

Pour commencer, j'exporte toujours mon fichier de défilement vertical à 33,33 % (le ramenant à une largeur de 800 pixels), puis je laisse Croppy faire le reste.

C'est un outil absolument merveilleux qui divise automatiquement votre long fichier image en la hauteur maximale pour Webtoon.

Vous remarquerez que parfois, les images résultantes sont TRÈS courtes. C'est simplement parce qu'il peut n'y avoir qu'un très léger excédent par rapport à la hauteur de 1280 pixels. Ce n'est pas grave ! Il n'est pas non plus grave que vos images soient recadrées au milieu d'un panneau ou d'un dialogue ! Ne vous inquiétez pas. Webtoon recoud automatiquement les images ensemble, sans bordure ni distance entre elles.

LA FIN

Et c'est tout ! J'espère que ce tutoriel vous a aidé à découvrir des méthodes utiles pour créer des bandes dessinées pour les webtoons et l'impression ! Si vous avez des questions, n'hésitez pas à me contacter en laissant un commentaire.

 

Si vous souhaitez lire mon webtoon Weirdogs, vous pouvez le faire ici :