[A] Introduction

Bonjour, c'est shoe ! Dans ce tutoriel, je vais vous montrer les bases ou ce que vous devez savoir pour créer un webtoon. Tous les outils/ressources que j'ai utilisés dans ce tutoriel sont gratuits et peuvent être trouvés dans la boutique CLIP STUDIO ASSETS.

 

Étant donné que le plaisir des webtoons réside dans leur unicité individuelle et les styles des différents créateurs, je n'expliquerai pas en détail mon processus artistique, mais seulement les détails techniques tels que les outils à utiliser, comment mélanger des modèles 3D avec des illustrations 2D, etc.

 

Veuillez noter que je ne suis pas un professionnel et que je ne crée des webtoons que par passion. Tout ce que je dirai dans ce tutoriel est basé sur ce que j'ai appris par moi-même. Cela étant dit, j'espère que vous apprécierez et apprendrez quelques astuces de ce tutoriel ! :D

[B] Créer un Canevas

[NOTE] Les webtoons sont des bandes dessinées numériques qui sont souvent lues sur des téléphones portables. Il est préférable de travailler sur un canevas plus long pour vous aider à ne pas vous perdre ou vous désorienter lorsque vous travaillez sur certaines scènes. Cela aidera également à créer l'atmosphère ou l'ambiance de l'histoire.

 

1) Créer un Canevas

Tout d'abord, créez un nouveau canevas en cliquant sur [Nouveau] dans la barre de commandes supérieure gauche :

Vous pouvez également créer un nouveau canevas en allant dans [Fichier] et en sélectionnant [Nouveau], ou simplement en appuyant sur [CTRL + N] sur votre clavier.

Une fois la fenêtre ouverte, allez dans [Largeur] et [Hauteur] pour modifier la taille de votre canevas. La taille standard d'un webtoon est de 800x1280px, mais je préfère travailler sur un canevas plus long. Le canevas que j'utilise est de 800x7680px, ce qui correspond à 6 pages d'un canevas de 800x1280px.

 

*Le [Recadrage] sera abordé une fois que nous aurons terminé la page !

2) Créer un préréglage

Cliquez sur l'icône à côté de l'icône de la corbeille. Cela enregistrera votre canevas en tant que préréglage afin que vous n'ayez pas à taper manuellement la taille du canevas la prochaine fois. La création d'un webtoon demande beaucoup de pages, cela réduira votre charge de travail.

Une fois la fenêtre ouverte, changez le nom du préréglage en [WEBTOON] puis cliquez sur [OK].

Nous avons maintenant un canevas prêt !

[C] Création de Panneaux

[NOTE] Il est important d'avoir un script pour le dialogue ou la scène, sinon le flux du webtoon paraîtra étrange et artificiel. Esquisser les scènes sur papier à l'avance aidera également à la planification des panneaux.

 

1) Comment créer des panneaux

Tout d'abord, allez dans [Affichage] et sélectionnez [Grille] ou appuyez simplement sur [CTRL + E] sur votre clavier.

Assurez-vous que [Aligner sur la grille] est activé. Il se trouve dans la barre de commandes.

 

L'activation de cette option rendra vos panneaux plus équilibrés et plus nets, mais si vous souhaitez que vos panneaux soient asymétriques pour votre propre style artistique, n'hésitez pas à sauter cette étape. Le plaisir des webtoons réside après tout dans leurs styles uniques !

Il existe 2 façons de créer des panneaux :

L'une consiste à utiliser l'outil [Cadre de vignette] et l'autre à utiliser l'outil [Figure].

 

J'utilise l'outil [Cadre de vignette] plus souvent car il créera automatiquement un masque pour vos panneaux. De cette façon, les lignes ne dépasseront pas du panneau.

 

Cependant, dans certains cas, vous pouvez également utiliser l'outil [Figure] pour des panneaux qui passent à une ambiance ou une scène différente. Essayez d'expérimenter pour voir ce que vous préférez !

Panneau utilisant l'outil [Cadre de vignette].

Panneau utilisant l'outil [Figure].

2) Planification des Panneaux

C'est là qu'avoir un script prêt devient important.

 

Je dessine les panneaux en utilisant le script que j'ai préparé à l'avance. Cette page n'est qu'une phrase de mon script. Le script est [« Le personnage principal trouve une lettre et pleure après l'avoir lue. »]

 

[NOTE] Garder un [Navigateur] ouvert aidera à placer les panneaux. Les webtoons nécessitent un « espace blanc » ou des espaces après chaque panneau, sinon ils seront encombrés et désordonnés. L'espace blanc aide à donner le ton d'une histoire, à créer l'ambiance et à faciliter la lecture.

 

Si les panneaux sont trop proches les uns des autres, il sera difficile pour les lecteurs de les lire.

3) Ajuster les Panneaux

Ouvrez à nouveau la [Grille]. Étant donné que les panneaux sont trop proches les uns des autres et n'ont pas assez d'espace entre eux, j'ai décidé de diviser la scène en deux pages.

 

*Comme le canevas est trop long, je ne montrerai que le produit fini d'une seule page. Il n'est pas nécessaire de montrer l'autre page puisque ce n'est de toute façon pas l'histoire complète du webtoon !

En utilisant l'outil [Zone de sélection], sélectionnez [Rectangle].

Ajustez les panneaux en les espaçant d'au moins 3-4 cases, en vous basant sur la grille. J'ai également ajouté un nouveau panneau où le personnage hésite à lire la lettre afin de pouvoir établir l'ambiance du personnage par la suite.

4) Finalisation des Panneaux

Maintenant que les panneaux ont été planifiés et que l'esquisse est révisée, nous pouvons tracer les lignes des panneaux. Assurez-vous que l'option [Remplir l'intérieur du cadre] est cochée dans les paramètres de [Cadre de vignette] et que l'opacité de votre calque d'esquisse est réduite.

[NOTE] N'oubliez pas que [Aligner sur la grille] doit être activé dans la barre de commandes si vous souhaitez que vos panneaux soient équilibrés.

 

Suivez la grille et créez les panneaux. L'outil [Cadre de vignette] créera automatiquement un masque et un calque pour votre nouveau panneau. Masquez le calque [Fond de cadre] en cliquant sur l'icône en forme d'œil pour pouvoir voir l'esquisse.

 

*Ne supprimez pas le calque [Fond de cadre], il sera nécessaire pour créer des arrière-plans !

 

Si vous sélectionnez le calque de l'ensemble [Cadre de vignette], le panneau deviendra blanc, ce qui signifie que c'est la seule partie sur laquelle vous pouvez dessiner.

[D] Lineart et Ajout de Modèles 3D

L'utilisation d'un modèle 3D pour les éléments qui apparaissent fréquemment vous fera gagner du temps et il sera plus facile de corriger l'angle pour différentes scènes !

 

J'ai utilisé un modèle 3D gratuit de CLIP STUDIO ASSETS pour la table. Faites simplement glisser le modèle 3D sur le calque de l'ensemble du panneau sur lequel vous travaillez. Beaucoup d'artistes de webtoon téléchargent des ressources depuis la boutique d'actifs, mais d'autres utilisent des programmes 3D et créent leurs propres modèles 3D.

 

Si vous souhaitez en savoir plus sur la façon d'optimiser l'utilisation des modèles 3D dans CLIP STUDIO PAINT, de nombreux tutoriels sont disponibles dans les TIPS de CLIP STUDIO !

 

Pour le vase, j'ai utilisé la [Règle symétrique] de l'outil [Règle]. Réglez le nombre de lignes sur 2.

 

Le modèle 3D que j'ai utilisé peut être téléchargé ici :

Vous pouvez utiliser le stylo avec lequel vous êtes le plus à l'aise, tant qu'il peut être utilisé avec un outil de remplissage. Vous pouvez sélectionner le calque [Papier] pour voir rapidement l'ensemble du canevas sans le masque.

Maintenant, le dessin au trait est terminé !

[E] Ajout de la Couleur de Base

1) Créer un Nuancier

Lors de la création de webtoons, nous devons utiliser les mêmes couleurs à plusieurs reprises pour de nombreux personnages, il est donc conseillé de créer un [Nuancier] afin que vos couleurs restent cohérentes. Cliquez sur l'icône de la clé pour créer un nouveau nuancier.

Cliquez sur [Ajouter de nouveaux paramètres] et nommez votre nouveau nuancier comme vous le souhaitez, dans ce cas je l'ai nommé « WEBTOON COLOR SET », puis cliquez sur OK.

Allez dans la [Roue chromatique] pour sélectionner une couleur, puis cliquez sur l'icône à côté de la corbeille pour ajouter une nouvelle couleur.

*N'oubliez pas que si vous cliquez sur la case à damier, votre couleur deviendra transparente. Assurez-vous donc que la couleur que vous souhaitez est mise en évidence en bleu clair avant de cliquer sur [Ajouter nouvelle couleur].

2) Utilisation de l'outil Pot de peinture / Ajout de couleurs de base

Il existe 2 méthodes pour remplir rapidement les couleurs. Vous pouvez utiliser l'outil [Référence au calque d'édition uniquement], cet outil de remplissage peut remplir les couleurs en fonction du dessin au trait.

Il existe également une autre méthode utilisant un outil de remplissage de style Lasso. Avec cet outil, vous dessinerez la zone que vous souhaitez colorer ; c'est un meilleur outil de remplissage à utiliser si vous n'utilisez pas trop de lignes ou si la zone que vous colorez est grande.

 

J'ai utilisé l'outil de remplissage [Référence au calque d'édition uniquement] avec une case de couleur à carreaux sélectionnée pour effacer certaines parties des cheveux qui avaient également été remplies.

L'outil Lasso-Bucket que j'ai utilisé peut être téléchargé ici :

J'utilise ces deux outils de remplissage de manière interchangeable, mais n'hésitez pas à essayer ce qui vous convient le mieux !

 

Maintenant, notre page entière est colorée. Cela ressemble enfin à un webtoon !

 

[F] Ajout de l'arrière-plan

Après avoir ajouté les couleurs de base, vous pourriez penser que nous commencerions à ombrer, mais je préfère ajouter les arrière-plans en premier. De cette façon, je peux déterminer l'ombrage en fonction de l'éclairage que nous utiliserons pour la scène.

 

Je différencie les arrière-plans en 2 types :

L'un est les arrière-plans de lieu ou des endroits réels. Il peut s'agir d'une pièce, d'un parc, d'une salle de classe, etc. L'autre est les arrière-plans d'ambiance, ce type d'arrière-plan est généralement une couleur unie, un dégradé, ou même quelque chose qui montre l'état actuel du personnage dans le panneau !

1) Arrière-plans de lieu

J'ai d'abord tracé des lignes pour séparer le mur et le sol. Maintenez [Shift] sur votre clavier si vous souhaitez créer une ligne droite ou créez simplement une règle. J'ai ensuite ajouté les couleurs de base.

 

Pour le sol, j'ai utilisé un autre modèle 3D de la page ASSETS. Faites simplement glisser le modèle sur le calque au-dessus du calque de base [sol].

Puis sélectionnez [Écrêter sur le calque inférieur]. Le modèle 3D suivra automatiquement la perspective d'un modèle 3D que vous avez utilisé dans le même calque d'ensemble. C'est pourquoi tout modèle 3D d'objets doit être ajouté dès que vous travaillez sur le line art.

Répétez maintenant le même processus pour le calque [Fond de cadre], cette fois j'ai rempli le calque à l'aide de l'outil Pot de peinture pour le colorer en pêche clair, puis j'ai sélectionné [Écrêter sur le calque inférieur]. Maintenant, le mur est également coloré !

Le modèle 3D pour le sol peut être téléchargé ici :

Pour ce panneau où j'ai utilisé un outil [Figure]. Comme le panneau est ouvert et que je ne peux pas utiliser l'outil Pot de peinture, j'ai utilisé un aérographe à la place afin que la couleur du mur s'estompe du panneau précédent.

Cette coloration d'arrière-plan est souvent utilisée comme transition pour indiquer que l'emplacement a changé, que l'humeur ou l'émotion du personnage a changé, ou même simplement pour accentuer une certaine scène.

 

Il existe de nombreuses façons d'utiliser ce type de coloration d'arrière-plan !

2) Arrière-plans d'ambiance

Comme il n'y a pas encore de dialogue, il est difficile de savoir de quoi parle la lettre, n'est-ce pas ?

 

Il se pourrait que le personnage principal attende une lettre d'amour en utilisant un dégradé rose avec des effets de scintillement.

Ou il se pourrait que la lettre contienne quelque chose de menaçant, c'est pourquoi le personnage principal hésite à la lire.

[NOTE] En revenant au script, déterminez le ton de vos personnages. Se battent-ils avec colère ? Crient-ils de frustration ? N'oubliez pas d'adapter les couleurs et l'éclairage que vous utiliserez en fonction du script (les scènes et les conversations qui auront lieu).

 

Il existe des « Webtoons silencieux » où il n'y a aucun dialogue, mais les lecteurs peuvent toujours comprendre ce que l'histoire transmet grâce à l'utilisation des couleurs.

L'utilisation de couleurs vives et sombres peut transmettre beaucoup d'émotions. Simplement par l'utilisation des couleurs, nous pouvons raconter une histoire !

 

[CONSEIL] La lecture sur la théorie des couleurs peut aider à comprendre les différentes émotions que les couleurs peuvent représenter. Certaines représentations courantes de couleurs sont :

Rouge pour l'Amour

Jaune pour le Bonheur

Bleu pour la Tristesse

Rose pour les Sentiments Sentimentaux

Violet pour la Mélancolie

Les brosses d'effets que j'ai utilisées peuvent être téléchargées ici :

Laisser l'arrière-plan blanc pourrait signifier que vous voulez que le lecteur se concentre sur une action ou un objet particulier. Dans ce cas, le personnage principal a décidé de ramasser la lettre !

[G] Ombrage et Éclairage

En utilisant une couleur rose-grisâtre, j'ai créé un nouveau calque en mode [Produit] et j'ai utilisé un aérographe pour mélanger les couleurs du sol et du modèle 3D.

Ajoutez des ombres selon votre propre style préféré.

 

[ASTUCE] J'utilise la même procédure que l'étape ci-dessus pour l'ombrage. Je choisis une couleur grisâtre, je règle le calque sur [Produit], puis je colore tous les objets avec ! C'est chronophage d'avoir des couleurs d'ombrage différentes pour chaque objet dans un webtoon. Sauf s'il s'agit d'une scène de beauté ou d'un plan important, j'utilise généralement la même couleur pour l'ombrage, le calque étant simplement réglé sur [Produit].

Avec cela, le modèle 3D se fond lentement dans les illustrations 2D !

Il en va de même pour l'éclairage, j'utilise une couleur claire et je la règle sur [Écran] ou [Lumière douce]. À l'aide d'un aérographe, j'ombre les parties d'où je pense que la lumière proviendra.

Et maintenant j'ajoute un autre calque [Produit] au-dessus de tous les calques de cet ensemble de calques de panneau.

 

[NOTE] Si vous prévoyez de faire cette étape, il est important que vous utilisiez les mêmes couleurs dans tous les autres panneaux, sinon les couleurs sembleront incohérentes. Bien sûr, c'est acceptable s'il y a une signification artistique ou symbolique derrière l'utilisation de couleurs différentes, mais pour la cohérence générale, utilisez les mêmes couleurs !

 

Après avoir coloré le reste des panneaux de la même manière que ci-dessus, voici à quoi ressemble la page (le recadrage peut sembler irrégulier car la taille de l'image est limitée ici et ne convient pas aux webtoons) :

[H] Ajout des Détails Finaux / Dialogue

Vous avez peut-être remarqué que certains détails ont disparu dans certains panneaux. C'est exact ! Le vase et la lettre elle-même sont manquants. J'ajoute généralement de petits détails comme ceux-ci en dernier car il faut trop de temps pour dessiner chaque petit objet dans chaque panneau.

 

Bien sûr, c'est aussi ma propre préférence. Si vous souhaitez ajouter des détails plus tôt, c'est à vous de voir !

1) Ajout de petits objets + Correction du lineart

Certaines parties du modèle 3D semblent encore trop « rigides » ou artificielles, je vais donc corriger son lineart et ajouter d'autres détails.

 

[NOTE] Cette étape est facultative car elle prend du temps et ajoute du travail, mais je change également la couleur du lineart. Cela peut être fait en créant un nouveau calque au-dessus du calque de lineart et en sélectionnant [Écrêter sur le calque inférieur].

J'ai ajouté des feuilles au vase, changé la couleur du lineart et ajouté du lineart au modèle 3D. Regardez maintenant l'avant et l'après :

2) Ajout d'effets

Certains effets populaires à utiliser sont l'ajout de [Flou] ou de lignes d'effet pour accentuer ou focaliser un objet particulier.

Exemple d'utilisation du [Flou] pour mettre l'accent sur la lettre.

Exemple d'utilisation des Lignes d'Effet pour mettre l'accent sur la lettre.

Cela montre également le point d'intérêt de la scène. Cette fois, le personnage principal est clair tandis que l'arrière-plan (la table et la lettre) est flou.

3) Utilisation des pinceaux d'effets

Avec l'aide du pinceau d'effets que j'ai lié plus tôt, j'ai ajouté plus d'effets de scintillement pour donner au panneau un aspect « rêveur ou mélancolique ».

4) Ajout du Dialogue

Encore une fois, j'ai un script préparé à l'avance. En suivant le script, je place les bulles de dialogue en conséquence.

 

Vous pouvez créer des bulles de dialogue en utilisant les bulles de l'outil [Bulles] ou vous pouvez les dessiner avec un stylo et les remplir !

[ASTUCE] L'utilisation courante des différentes bulles de dialogue :

 

Bulle de dialogue régulière : utilisée pour montrer les conversations/quelqu'un qui parle.

Ceci a été réalisé en utilisant l'outil [Bulle Ellipse] et l'outil [Queue de bulle].

Bulle de dialogue de monologue intérieur : utilisée pour montrer la voix intérieure ou la narration du personnage. Ceci a été réalisé à l'aide de [Flash dense] que l'on trouve en cliquant sur l'icône de l'outil [Flash] à côté de l'outil [Bulle]. Assurez-vous que [Remplir le centre] est coché et que [Tonification] est désactivé.

Bulle de dialogue de pensée/réflexion : utilisée pour les pensées ou lorsque le personnage réfléchit à quelque chose. C'est presque la même chose que la bulle de dialogue ci-dessus, mais j'ai tendance à utiliser celle-ci plus souvent et l'autre lorsque le personnage narre la scène.

[ASTUCE] Utiliser des polices pour exprimer le ton de la voix du personnage. Il existe de nombreuses polices gratuites que vous pouvez télécharger pour vous aider à montrer ce que votre personnage ressent à travers ses mots. Prenez cet exemple :

J'ai utilisé une police manuscrite pour montrer que la voix du personnage tremble à cause de la nervosité. J'ai également ajouté une « arrière-pensée » en ajoutant du texte en dehors de la bulle de dialogue.

 

J'ai donné au texte de l'arrière-pensée une bordure blanche en allant dans [Propriété du calque] et en sélectionnant [Effet de bordure].

5) Ajout d'Effets Sonores

Tout comme dans les mangas, les webtoons utilisent également des effets sonores pour donner des indices sur ce que représente la scène actuelle. Par exemple, lorsqu'un personnage court, il y aurait un effet sonore 'BOUM, BOUM, BOUM'.

 

Ici, j'ai ajouté un effet sonore 'PALPITATION' pour montrer que le cœur du personnage principal bat rapidement. J'ai utilisé le même effet que le texte d'arrière-pensée, j'ai utilisé [Effet de bordure] que l'on trouve dans [Propriété du calque].

Répétez maintenant le même processus pour le reste de vos dialogues et la page du webtoon est enfin complète !

[I] Recadrage

La plateforme que j'utilise pour publier mon webtoon a une taille maximale de 800x1080px, nous, créateurs de webtoon, devons donc recadrer nos pages avant de les publier.

Il existe un outil de recadrage en ligne pour les créateurs de webtoons appelé "Croppy", même les professionnels l'utilisent, c'est totalement sûr et facile à utiliser ! Il suffit d'y télécharger vos pages et Croppy les recadrera automatiquement et les téléchargera dans un fichier .ZIP.

[NOTE] Maintenant que tout est terminé, il est important de relire votre travail et de vérifier les dernières modifications, telles que les erreurs d'orthographe ou un détail que vous avez oublié d'ajouter.

CONCLUSION / RÉSULTAT FINAL

N'oubliez pas que la création de webtoons demande beaucoup de temps et de patience ! Je pense qu'il est bon d'avoir des connaissances générales en anatomie humaine, de savoir créer des paysages, d'utiliser des modèles 3D, et même de suivre quelques cours de mise en scène de pièces de théâtre ou de films pour la narration.

 

Personnellement, l'école où j'allais avait un cours de théâtre obligatoire. J'ai pu apprendre à cadrer des scènes et à créer des scripts complets avec les dialogues et les actions.

 

Les CONSEILS que j'ai partagés ici sont juste des choses que j'aurais aimé que quelqu'un me les enseigne lorsque j'ai commencé à faire des webtoons, alors j'espère que si un créateur de webtoon en herbe voit cela et en tire quelque chose, je serais très heureux ! :D

 

Cela dit, voici la page finale ! (Le recadrage peut sembler irrégulier car ce site n'a pas été conçu pour les webtoons)

 

 

Merci d'avoir lu jusqu'au bout ! C'est la première fois que je fais un tutoriel et l'anglais n'est pas ma langue maternelle. Veuillez m'excuser s'il y a des erreurs grammaticales !

 

Si vous êtes curieux de mon webtoon ou si vous voulez voir plus de mon art, suivez-moi sur Twitter ! :D

*ÉDIT (24/08/21)

Bonjour, car on me l'a beaucoup demandé. Voici mon webtoon ! IN YOUR ORBIT: