Un webtoon est une bande dessinée à défilement vertical ou une «bande dessinée Web». Chaque plate-forme a des dimensions de téléchargement différentes pour ses pages, veuillez donc être conscient de vos limites lorsque vous planifiez vos mises en page.

 

Pour ce didacticiel, nous utiliserons les Webtoons en ligne et à l'avenir, il sera appelé Webtoons.

 

• Ce tutoriel est basé sur l'hypothèse que vous avez un compte avec le site d'hébergement Webcomic que vous avez choisi. Pour plus d'informations sur la façon de télécharger votre webcomic, veuillez consulter leurs tutoriels officiels.

c'est-à-dire Webtoons, Taptastic.

 

TERMES DU GLOSSAIRE

 

Webtoons: le site / service d'hébergement de Line Webtoons

CSP: programme Clip Studio Paint

Fichier de travail / taille: le fichier sur lequel vous DESSINEZ - votre toile EDIT-ABLE

Toile / fichier de travail: la surface de dessin de votre fichier (interchangeable)

Télécharger le fichier / taille: le fichier que vous téléchargez sur le site - le fichier FINI

Pages: chaque fichier pouvant être téléchargé sur un site d'hébergement de bandes dessinées verticales

Panneaux: un «panneau» traditionnel de bande dessinée

Panneaux vectoriels: l'outil utilisé par CSP pour créer des panneaux de lignes vectorielles dans un format de dossier de couches

Format de livre: une mise en page de bande dessinée traditionnelle

Format vertical: une mise en page comique défilante

COMMENT DÉPOSONS-NOUS UNE BANDE VERTICALE?

Puisque nous travaillons dans un média visuel et que nous voulons montrer de belles œuvres d'art, nous devons changer notre façon de penser du `` format de livre '' typique et penser à disposer les panneaux de manière impactante pour un format vertical à défilement. Nous gérons cela en pensant en termes de «PAGES».

 

Webtoons télécharge dans des «pages» de 800x1280. Cela signifie que vous avez besoin de plusieurs «pages» pour effectuer une longue mise à jour verticale.

LAISSEZ VOS YEUX VERTICALEMENT

Lors de la présentation de votre art, gardez à l'esprit à quoi il ressemblera pendant le défilement. Votre téléchargement final sera de 2,67 x 4,27 pouces par «page». Nous parlons PETIT. Si vous voulez l'impact d'une illustration pleine page comme dans un format de livre, vous devez faire en sorte que l'art occupe deux ou plusieurs «pages». Plus vous faites défiler votre lecteur, plus vous créez de suspense.

 

En effet, vous forcez leur œil à parcourir la page. Cette technique est appelée `` Diriger l'œil ''. C'est ainsi que vous créez un flux et une lisibilité. Avec un format vertical il faut diriger l'œil un peu différemment mais le concept est le même. Pour plus d'impact, faites défiler votre lecteur plus longtemps pour un minimum de «deux» pages et dirigez l'œil vers le BAS des pages.

 

 

Exemple de format de livre

Les nombres sont l'endroit où votre œil atterrit naturellement et est conduit autour de l'œuvre d'art.

Exemple d'un format vertical

DISPOSEZ VOS PANNEAUX ENTIÈREMENT

Avec un format vertical, vous serez limité sur la façon dont vous pouvez disposer vos panneaux par page. N'oubliez pas que vous avez moins de 3 pouces (800 px) de large par page. Même ainsi, il n'y a vraiment aucune limite sur la façon dont vous pouvez configurer vos pages de bandes dessinées.

 

REMARQUE: «Panneaux par page» - Lors de la disposition de mes panneaux, j'aime garder un ou deux panneaux par «page» car quand il se redimensionne sur mobile, il peut devenir très petit. Webtoons permet de redimensionner le fichier à 320x512px afin qu'ils deviennent très petits.

 

PANNEAUX ALTERNATIFS

L'alternance des panneaux en taille et en longueur crée de la profondeur à la page et fait que les panneaux font partie de l'illustration et conduisent l'œil.

PANNEAUX DE BOÎTE

Garder vos illustrations liées à l'intérieur du panneau de même taille maintient votre sensation de bande dessinée uniforme, nette et propre.

PANNEAUX D'ILLUSTRATION

Des panneaux d'art au-dessus d'une seule illustration peuvent rendre votre bande dessinée plus immersive et comme une toile singulière. Remarque: bien que ce soit une façon vraiment cool et belle de le faire, rappelez-vous qu'il peut être exagéré très rapidement. Je suggère d'utiliser ce type de disposition de panneau pour des scènes très importantes.

QUELLE TAILLE DEVRAIT ÊTRE VOTRE FICHIER DE TRAVAIL?

GLOSSAIRE -

Fichier de travail / taille - le fichier sur lequel vous dessinez - votre toile EDIT-ABLE

Télécharger le fichier / la taille - le fichier que vous téléchargez sur le site - le fichier FINI

Toile - espace de dessin pour l'œuvre d'art

 

 

MEILLEUR ENTRAINEMENT

Si vous dessinez à 800 pixels, vous avez un fichier de travail de moins de trois pouces. Si jamais vous avez besoin d'agrandir cet art fini, vous vous retrouverez avec un art qui ressemble à une barre censurée. Pas mignon. La meilleure pratique consiste à mettre à l'échelle votre fichier. J'aime avoir un fichier de travail trois fois (x3) la taille du fichier de téléchargement final. De cette façon, j'ai beaucoup de pixels pour jouer si je veux transformer n'importe quel panneau en impression.

 

Exemple de 300 dpi contre 72 dpi sur les images:

TÉLÉCHARGER LA TAILLE

Votre page de téléchargement finale doit avoir une résolution de 800 x 1280, nous multiplions donc celle-ci par 3, ce qui nous donne une toile de travail de 2400 x 3840.

 

Page de taille de fichier de téléchargement:

800x1280

 

Page de taille du fichier de travail (x3):

2400x3840

 

Cela va ressembler à ceci lorsque la taille de téléchargement est réduite (la grande image est le fichier de travail (2400x3840) et la petite est la taille de téléchargement (800x1280))

TAILLE DE FICHIER DE TRAVAIL

Pour un fichier de travail, j'aime avoir cinq pages. Cela me permet de l'envoyer à mon coloriste dans des tailles de fichiers gérables, mais m'empêche également de faire défiler indéfiniment la toile. J'utilise la longueur de la taille du fichier de travail de 3840 et multipliée par cinq, ce qui équivaut à 19200 (3840 x 5 = 19200). La taille exacte du fichier de travail est de 2400x19200 qui sera redimensionnée à 800x6400 pour le téléchargement.

 

Voici la répartition finale des «pages»:

Ne soyez pas intimidé par les chiffres suivants. Ce sont des maths supplémentaires. On a ça.

LOTER VOS PAGES

Je travaille par lots de cinq (5) pages jusqu'à la fin du chapitre. Cela inclut tous les logos et médias sociaux, les titres de chapitre et les crédits de fin. Une page fonctionne bien pour cette information, mais j'ai vu jusqu'à cinq pages utilisées pour remercier les clients et les assistants. C'est à vous. La toile est votre monde et vous pouvez le créer comme vous le souhaitez.

 

Exemple de «pages» et d'esquisse de l'art et de la disposition des panneaux:

COMMENT LE REDIMENSIONNEMENT DU TEXTE POUR LE TRAVAIL MOBILE?

Vos pages seront en 800x1280 et parfaitement lisibles sur PC. Mais lorsqu'il se redimensionne sur mobile, nous rencontrons des problèmes de lisibilité du texte. En effet, lorsqu'une image est redimensionnée, elle perd des pixels afin de l'adapter à sa nouvelle «taille de cadre». Pensez-y comme si vous deviez couper du papier supplémentaire pour l'adapter au cadre.

 

Exemple de 300 dpi contre 72 dpi (les deux sont sur une taille de toile de 3,21 x 0,82 pouces:

Si vous appliquez du texte sur votre fichier de travail, vous devez utiliser au moins une police de 35 points. Cela peut changer en fonction de votre choix de police. Je vous suggère de le vérifier vous-même sur un téléchargement de texte sur le site hôte de bande dessinée pour vous assurer que vous pouvez lire les polices que vous avez choisies. Si vous ajoutez du texte sur la taille du fichier de téléchargement, vous pouvez utiliser une police de 8 pt à 15 pt. Dans les exemples suivants, vous pouvez voir comment le texte se rétrécit avec le redimensionnement de la page pour mobile.

 

J'ai constaté que l'ajout de bulles, de texte et d'effets sonores sur une taille de canevas de téléchargement de 800x1280 est la meilleure pratique, car vous pouvez voir exactement la taille du texte.

AVEC QUEL FLUX DE TRAVAIL DOIS-JE COMMENCER?

Voici les étapes que j'utilise pour dessiner ma bande dessinée. Grâce à beaucoup d'essais et d'erreurs (heures et heures), j'ai trouvé quelque chose qui fonctionne bien pour moi. Ce sont des conseils que vous pouvez utiliser et adapter à mesure que vous vous sentez plus à l'aise pour créer votre webcomic.

 

 

MEILLEUR ENTRAINEMENT

Les modèles de fichiers sont utiles et vous font gagner du temps. Il remplit essentiellement les dossiers et les calques pour chaque nouveau fichier que vous créez. Vous pouvez apprendre à créer le vôtre en allant dans AIDE et dans le manuel d'instructions (F1) et en recherchant «Enregistrer le calque comme matériau de modèle»

OU

Regardez mon tutoriel vidéo. Je le revois en profondeur.

MON MODÈLE DE FICHIER

Ceci est mon modèle avec tous les dossiers et calques que j'utilise quotidiennement pour dessiner la bande dessinée.

MON FLUX DE TRAVAIL

 

Canevas vierge → Esquisse → Lineart → Couleur → Effets → Redimensionner le canevas pour télécharger la taille → Panneaux → Bulles de dialogue → Texte → Effets sonores → Pages d'épissure

 

Je dessine tous mes croquis dans le dossier 'CROQUIS'. Tous mes dessins au trait (encres) vont dans le dossier 'LINEART'. Je dessine sur un calque vectoriel * nommé LINEART pour mes encres de dessin au trait. En fonction de ce qui fonctionne mieux pour ces pages, je peux créer un nouveau dossier COLOR ou tout simplement le faire dans le dossier LINEART.

 

• REMARQUE: il est très important que vous réalisiez des dessins au trait sur des calques vectoriels! Il aide à la coloration et au redimensionnement. CSP propose d'excellents didacticiels sur les couches vectorielles et raster. Veuillez les consulter si vous ne savez pas comment les utiliser. Voici une grande tortue:

REMARQUE: vous ne pourrez pas utiliser le seau de remplissage sur un calque vectoriel. Seule une couche raster permet la coloration. Vous pouvez trouver plus d'informations sur l'utilisation de l'outil de remplissage ici:

REDIMENSIONNER LE FICHIER DE TRAVAIL

Toile vierge → Esquisse → Lineart → Couleur → Effets → REDIMENSIONNER LA TOILE POUR TÉLÉCHARGER LA TAILLE → Panneaux → Bulles vocales → Texte → Effets sonores → Pages d'épissure

 

Je redimensionne l'intégralité du fichier de travail à la taille de téléchargement de 800x6400.

REMARQUE: je n'aplatis pas l'image. Tout reste sur des calques / dossiers séparés.

 

Pour ce faire, allez dans MODIFIER → MODIFIER LA RÉSOLUTION D'IMAGE → Modifiez d'abord la résolution à 300 → modifiez la largeur à 800 → hauteur pour régler automatiquement à 6400. Votre toile sera redimensionnée à 800x6400 300 dpi.

J'entre dans les détails dans mon tutoriel vidéo. Veuillez regarder la partie 2!

PANNEAUX

Canevas vierge → Esquisse → Lineart → Couleur → Effets → Redimensionner le canevas pour télécharger la taille → PANNEAUX → Bulles de dialogue → Texte → Effets sonores → Pages d'épissure

 

Une ventilation rapide du fonctionnement des panneaux dans CSP:

Ce sont des dossiers qui agissent comme un masque sur toutes les illustrations à l'intérieur du dossier

Ce sont des lignes vectorielles

Chaque panneau est son propre dossier de calques

 

Chaque fois que vous créez un nouveau panneau, il crée un calque qui se double d'un dossier et tout ce que vous dessinez ensuite sera automatiquement transféré directement dans ce panneau. Je n'ai pas compris comment empêcher cela, mais je n'aime pas cette fonctionnalité. C'est pourquoi je dessine mes panneaux vectoriels en dernier. Gardez à l'esprit que les lignes vectorielles des panneaux agissent comme un masque.

 

À l'aide de l'outil de panneau, dessinez vos panneaux à la taille dont vous avez besoin. Assurez-vous de sélectionner AJOUTER AU DOSSIER SÉLECTIONNÉ si vous ne souhaitez pas créer un nouveau calque avec chaque panneau.

Lorsque vous avez terminé, déposez vos calques de dessin dans le PANEL FOLDER et il masquera automatiquement tout art en dehors des lignes du panneau.

Tout ce qui se trouve au-dessus de la couche de panneaux ne sera pas rogné par le panneau. J'utilise ceci pour les illustrations que je veux m'asseoir en dehors de la boîte du panneau.

BULLES DE DISCOURS PERSONNALISÉES

Canevas vierge → Esquisse → Lineart → Couleur → Effets → Redimensionner le canevas pour télécharger la taille → Panneaux → BULLES DE PAROLE → TEXTE → Effets sonores → Pages d'épissure

 

Il est temps d'ajouter votre texte. Je fais des bulles personnalisées pour aider à distinguer les personnages. Les bulles sont également des lignes vectorielles mais se remplissent automatiquement avec une couleur d'arrière-plan. Cela facilite l'ajout de bulles sans avoir à revenir en arrière et à les remplir.

 

OUTIL BALLON → sélectionner la couleur de ligne et la couleur de remplissage → placer le ballon → ajouter la queue du ballon

Utilisez l'outil OPÉRATION (il ressemble à un carré 3D avec une souris dessus) pour sélectionner la bulle.

 

OUTIL D'OPÉRATION → Sélectionner la bulle → Sélectionner la forme du pinceau → Sélectionner le type de ligne souhaité.

 

Il ressemblera à ceci! Vous pouvez jouer avec la propriété Layer pour ajouter des lueurs ou d'autres options spéciales. S'amuser! Remarque: Pour un look plus organique, vous pouvez dessiner à la main les bulles de dialogue OU vous pouvez ajuster les points vectoriels dans la bulle pour changer la forme.

AJOUTER DU TEXTE

Pour plus d'informations sur l'ajout de texte à vos bulles, consultez ce didacticiel:

DIVISER VOTRE CHAPITRE EN PAGES

Toile vierge → Esquisse → Lineart → Couleur → Effets → Redimensionner la toile pour télécharger la taille → Panneaux → BULLES DE PAROLE → TEXTE → Effets sonores → PAGES D'ÉPISSURE

 

CSP ne peut pas gérer un fichier de plus de 30 000 pixels, vous ne pouvez donc pas utiliser un canevas infini. C'est pourquoi nous avons travaillé par lots pour que nos vies soient plus faciles. Pour obtenir votre fichier de travail dans des fichiers de téléchargement de 800x1280, vous devez les découper. CSP n'a pas cela en tant que fonctionnalité intégrée, vous aurez donc besoin d'un autre programme. J'utilise GIMP car c'est une option gratuite bien que Photoshop dispose également de cette fonctionnalité.

 

Ouvrez GIMP et sélectionnez Fichier → Ouvrir en tant que calques → Trouvez votre fichier de téléchargement → Ouvrir.

 

Vous allez maintenant créer vos GUIDES pour épisser les pages.

 

Allez dans Image → Guide → Nouveau guide → Une boîte apparaîtra → Assurez-vous que vous avez changé l'orientation de votre guide sur HORIZONTAL et entrez le pixel sur lequel vous souhaitez paginer. Pour la première page, ce sera 1280, le suivant est 2560, puis 3840, et le dernier est 5120.

APPORTEZ LES AUTRES FICHIERS DE TÉLÉCHARGEMENT

Une fois tous vos guides en place, vous pouvez apporter vos autres fichiers de téléchargement. Fichier → Ouvrir en tant que calques → Trouver votre fichier de téléchargement → Ouvrir.

REMARQUE: lorsque vous découpez vos fichiers, vous devez avoir uniquement ce calque visible et le calque sélectionné, sinon il n'enregistrera pas le calque.

 

Pour découper, allez dans Filtres → Web → Découper → Une boîte s'ouvrira → Modifiez les paramètres selon vos préférences → OK → Les fichiers se répartiront en 800x1280 pages.

Explications des paramètres:

Chemin pour l'exportation HTML: nom du dossier dans lequel vous souhaitez enregistrer vos pages.

 

Nom de fichier à exporter: je laisse en tranche car je n'utiliserai pas ce paramètre.

 

Préfixe du nom de l'image: nom de chaque fichier à appeler. Je garde le préfixe «tranche» ou le change en «page» et j'ajoute un numéro pour chaque lot afin qu'ils enregistrent dans l'ordre numérique. Cela aide au processus de téléchargement. Exemple: slice2, slice3, excreta.

 

Format d'image: JPEG uniquement

 

Dossier d'images séparé: Non. Vous souhaitez qu'elles soient toutes enregistrées dans le même dossier.

 

Dossier d'exportation d'images: ne semble pas faire de différence. Je le nomme EP_ (insérer le numéro). c'est-à-dire EP_2

 

Espace entre les éléments du tableau: 0 (ne changez pas ceci ou vous aurez des espaces entre vos fichiers une fois téléchargés sur le site Web.)

 

Les deux dernières options ne sont pas nécessaires, ne modifiez donc pas les paramètres.

Si vous ne souhaitez pas utiliser cette méthode, vous pouvez utiliser un site en ligne qui fera le travail pour vous. Cela s'appelle Croppy et expliqué dans le tutoriel de Kyorin.

Voici le lien:

TERMINÉ! Vous pouvez maintenant télécharger vos pages sur l'hébergeur du site!

J'espère que cela a expliqué les parties essentielles de la création de votre propre webtoon. Veuillez me faire savoir si j'ai besoin d'expliquer autre chose ou de clarifier les explications. Regardez également le didacticiel, car il peut être utile de me voir le faire en temps réel.

Si vous souhaitez regarder le tutoriel, cliquez sur la vidéo ci-dessous!