Salut salut, je suis Michi ! Mieux connue sous le nom de 69Michi en ligne, mais vous pouvez simplement m'appeler Michi.

Je suis la créatrice de « Rebirth », une bande dessinée originale que vous pouvez trouver sur WEBTOON.

 

J'utilise Clip Studio Paint pour créer mon webtoon depuis environ 4 ans. Les bandes dessinées sont un processus incroyablement long, et je comprends à quel point cela peut paraître intimidant au premier abord. En créant ce tutoriel, j'espère qu'il vous aidera à rationaliser votre processus de travail si vous créez déjà un webcomic. Ou qu'il vous donnera cette petite lumière dans l'obscurité pour vous guider sur votre chemin vers la création de webcomics ! Je vous promets que ce n'est pas si terrible.

Instruction vidéo

WEBTOON ?

Tout d'abord, vous devez comprendre ce qui fait un webtoon. Contrairement aux bandes dessinées et mangas traditionnels, le webtoon est une bande dessinée au format vertical.

Cela permet de s'adapter aux technologies modernes et aux gens de lire facilement la bande dessinée sur leurs appareils mobiles.

 

À première vue, le format Webtoon et le format traditionnel ne sont pas si différents l'un de l'autre. Mais essayer de reformater une bande dessinée traditionnelle en Webtoon donne lieu au plus grand problème : les bandes dessinées traditionnelles ne peuvent pas utiliser l'avantage du défilement vertical, qui est la transition de case/scène.

 

*À ce propos, les Webtoons ont du mal à utiliser les cases horizontales des mangas, mais c'est un sujet pour un autre jour.

Format

La nouvelle mise à jour de CSP est livrée avec un format Webtoon pour votre commodité.

 

[Fichier] > [Nouveau] > [Webtoon]

 

Je suggère d'utiliser une toile aussi grande que votre appareil peut le supporter, car il est toujours préférable d'avoir une version de meilleure résolution de votre travail. Vous pouvez toujours réduire la résolution pour l'adapter à vos besoins.

 

Ci-dessous se trouve ma résolution que je trouve la meilleure pour l'impression et la visualisation sur les appareils mobiles.

_____Si vous vous demandez ce qu'est ce « modèle » dans mes préréglages, ne vous inquiétez pas, je m'en occupe.

Créer un modèle de bande dessinée !

Nommer et organiser les calques/dossiers peut devenir répétitif lorsque vous travaillez sur plusieurs pages, épisode après épisode. CSP vous offre la possibilité d'enregistrer un modèle de calques/dossiers afin que vous puissiez ignorer les étapes d'organisation des dossiers et passer directement à la création de votre épisode.

 

Comment créer un modèle :

Créez une toile vierge. ([Nouveau] > [Illustration])

Commencez à créer et nommer vos calques/dossiers.

Assurez-vous que tous les autres calques supplémentaires (y compris l'arrière-plan par défaut lorsque vous avez créé la toile vierge) sont supprimés.

Cliquez ensuite sur [Édition] > [Enregistrer le matériau] > [Modèle]

 

Une fois enregistré, le modèle apparaîtra dans votre [Matériau]. De là, vous pouvez simplement le faire glisser et le déposer sur une nouvelle toile pour créer automatiquement tous les dossiers et calques souhaités !

 

Vous pouvez également joindre le modèle à une nouvelle toile vierge, comme le montre ma capture d'écran précédente.

Storyboard ? Mais c'est vertical !

Répétez après moi : Vertical, vertical, VERTICAL !

 

 

Le format vertical a tendance à jouer avec la distance entre les objets et la caméra. Pensez-y comme si vous étiez un public assis à une pièce de théâtre.

Évitez à tout prix les longues cases horizontales, à moins que vous ne vouliez forcer votre public à incliner son appareil à 90 degrés juste pour lire cette seule case. Cela ne signifie pas que vous n'avez pas le droit de le faire, essayez simplement d'être prudent si jamais vous décidez de le faire !

Transitions de scène

La transition de scène est l'un des avantages que le format de défilement a sur le format traditionnel. En utilisant l'action de défilement, vous pouvez exprimer le passage du temps ou créer une tension pour une révélation surprise !

 

1- La transition de scène la plus courante est l'utilisation d'un arrière-plan de ciel pour exprimer un passage du temps.

 

 

2 - Une autre méthode est de combiner les arrière-plans !

Lorsque plusieurs cases partagent le même décor, l'arrière-plan peut être étendu derrière les cases pour donner une sensation de continuité.

 

3 - Les arbres, les feuilles, les nuages, l'eau, les bâtiments, etc., sont tous de bons éléments d'arrière-plan qui peuvent être étendus pour donner une sensation de transition fluide entre les cases.

Faire en sorte que les éléments d'arrière-plan sortent des cases est un bon moyen de donner une sensation de connexion plus forte entre les cases !

4 - Zoom dramatique

Cette méthode de transition de case est idéale pour exprimer l'émotion d'un personnage.

 

5 - Transition de scène avec effets sonores

6 - Effet spécial ? L'imagination est votre seule limite

Votre personnage fait un mauvais rêve ? Peut-être que l'obscurité se brise alors qu'il se réveille et attrape le premier rayon de soleil qui se glisse à travers la fenêtre.

Votre personnage court après un tueur ? Faites-le foncer d'une case d'arrière-plan à l'autre !

Pensez en dehors des sentiers battus ! Explorez l'effet de défilement !

Scènes d'action

« Pouvez-vous expliquer le processus de mise en cases de votre idée/histoire, par exemple si une personne devait en tuer une autre (bel exemple), comment savez-vous combien de cases cela prendra et comment vous ajustez ces cases ? » [Une question d'un de mes lecteurs]

 

À mon avis, le déroulement général de l'action serait :

1ère case - L'anticipation [La personne se prépare à effectuer une action]

2ème case - L'action se produit [La personne frappe !]

3ème case - Le résultat [Le coup touche-t-il ? L'autre personne a-t-elle réagi à temps ?]

 

La chose la plus importante à garder à l'esprit est le rythme de l'action. Plus vous ajoutez de cases entre les actions, plus le rythme sera lent.

 

Les scènes d'action dans un webtoon sont assez uniques en raison de la nature du défilement vertical. Les mêmes règles concernant le placement des objets et la transition des cases doivent être prises en compte lors de la création d'une scène d'action.

 

Combien de personnages sont à l'écran ?

Que font-ils ?

Où sont-ils ?

Espacement entre les cases ? Comment ça marche ?

L'aspect le plus différent du format Webtoon par rapport au format traditionnel est peut-être l'espacement entre chaque case. C'est purement une préférence personnelle, mais pour moi, j'ai tendance à utiliser l'espacement entre les cases pour définir le rythme.

 

Plus la distance est grande, plus les lecteurs doivent faire défiler. Cela signifie qu'il y a une plus grande pause entre les 2 cases.

Mon conseil général pour la distance normale entre les cases est de laisser suffisamment d'espace pour que les bulles de dialogue s'intègrent bien ! La taille de la police dans les Webtoons a tendance à être plus grande que dans les bandes dessinées traditionnelles pour s'adapter à l'expérience de lecture sur appareil mobile. Et comme la bande dessinée est presque une illustration complète sur chaque case, éviter que la bulle de dialogue ne chevauche votre personnage en utilisant l'espacement entre les cases est généralement une bonne idée. (Bien sûr, il y a des exceptions, comme lorsque vous utilisez la bulle de dialogue de manière astucieuse pour construire une case spécifique)

Bulles de dialogue

Quelques points à garder à l'esprit lors de la construction de vos bulles de dialogue !

1 - Comme dit précédemment, essayez d'opter pour une grande taille de police facile à lire.

 

2 - Le choix de la police doit être agréable à l'œil. Ne faites pas comme moi et ne choisissez pas quelque chose comme ça.

Des polices comme CC Wild Words ou Comic sans sont plutôt bonnes.

*PS : J'utilise Ames Pro.

Assurez-vous simplement de vérifier la licence de votre police si vous gagnez de l'argent avec votre bande dessinée. (Vous aurez alors besoin d'une licence commerciale !)

 

3 - LES AMAS SONT LE MAL

Pour l'amour du ciel, rendez service à vos lecteurs et espacez vos dialogues. Essayez de ne pas avoir plus de 4 phrases dans une bulle de dialogue, e s p a c e z-les ! Vous pouvez avoir plusieurs bulles de dialogue intelligemment connectées les unes aux autres lorsque votre personnage parle.

4 - Vous pouvez soit dessiner vos bulles de dialogue à la main, soit télécharger des bulles de dialogue en ligne pour les utiliser.

Astuces :

Vous pouvez fusionner vos bulles de dialogue en 1 calque pour rendre l'organisation de vos calques moins pénible ! Ne vous inquiétez pas, vous pouvez toujours déplacer vos bulles ou dialogues individuels si nécessaire.

Si vous l'avez remarqué, toutes mes bulles de dialogue ont une légère transparence. En fait, je sépare les textes et les bulles pour obtenir cet effet. Et grâce à l'action automatique de CSP, cette tâche est en fait beaucoup plus facile que vous ne le pensiez !

En parlant d'action automatique...

Action automatique ?? Quel don du ciel !

Si vous n'avez pas utilisé l'action automatique... qu'attendez-vous ? Il est temps d'explorer !

L'action automatique est un ensemble d'actions enregistrées qui vous permet de les exécuter d'un simple clic. Vous pouvez télécharger des préréglages sur le magasin CSP ou les enregistrer vous-même !

Veuillez les utiliser.

Conseils pour le processus de dessin

Chacun aborde son processus de dessin différemment, donc je ne m'y attarderai pas trop ! Mais j'ai quelques conseils pour vous et j'espère qu'ils accéléreront votre processus !

 

1 - Ombrage

Mon outil d'ombrage préféré est le « Remplissage lasso ».

 

J'utilise 1 couleur, je la règle sur un calque de multiplication pour ombrer mes aplats. J'utilise ensuite l'aérographe pour appliquer différentes couleurs sur le calque d'ombrage en fonction de l'éclairage.

 

Cet outil a vraiment accéléré mon processus !

2 - Sous-vue

 

La sous-vue fonctionne presque comme le Navigateur, vous pouvez l'intégrer parfaitement dans votre barre latérale. Vous pouvez avoir plusieurs feuilles de référence + feuilles de palette de couleurs ouvertes et les parcourir. Vous pouvez également activer l'outil pipette pour sélectionner automatiquement la couleur dans la sous-vue afin de colorer rapidement votre œuvre.

 

Pour activer la sous-vue, allez dans [Fenêtre] > activez [Sous-vue].

 

3 - Programme de référence

Ce n'est pas une fonction de CSP, mais avoir un programme où vous pouvez stocker toutes vos œuvres de référence est très pratique. Personnellement, j'utilise PureRef.

 

4 - Enregistrez vos matériaux !

Si vous avez des matériaux qui apparaissent fréquemment dans votre bande dessinée ou sur le design de vos personnages, ENREGISTREZ-LES !

J'ai un épisode dans ma bande dessinée où il y avait des piliers de glace PARTOUT ! J'ai dessiné plusieurs blocs de glace sur une grande feuille de référence et je les ai tous enregistrés individuellement.

Vous pouvez ensuite simplement les déposer dans votre case et les transformer selon vos besoins.

Vous pouvez les voir tous en action ici :

Pour enregistrer un matériau :

[Édition] > [Enregistrer le matériau] > [Image]

5 - Lineart

2 outils utiles pour le lineart avec CSP.

[Épaissir/Affiner la ligne] peut épaissir ou affiner votre lineart. Fonctionne mieux avec les calques vectoriels, mais peut aussi fonctionner sur les calques rastérisés.

Le calque vectoriel est vraiment très bon ! CSP a du mal à conserver la même résolution d'un calque de rastérisation une fois que vous le transformez, que ce soit en le réduisant, en l'agrandissant ou simplement en l'inclinant. Mais en utilisant un calque vectoriel, vous ne perdrez aucune qualité !

(*Personnellement, je n'utilise pas de calque vectoriel car j'abuse lourdement de l'outil pot de peinture même pendant le processus de lineart, mais je suis sûr que le vecteur est plus utile pour beaucoup d'autres personnes.)

 

Si vous décidez d'utiliser un calque vectoriel pour votre lineart, n'oubliez pas de consulter la « Gomme vectorielle » !

Arrière-plan

Il y a plusieurs façons d'aborder cela.

1 - Dessinez votre arrière-plan à la main

C'est admirable, si vous décidez de le faire ! Mais très chronophage. Mon autre bande dessinée « Aum Records » a des arrière-plans entièrement dessinés à la main, mais c'est aussi parce que ce n'est pas ma bande dessinée principale que je dois mettre à jour chaque semaine !

 

2 - Photos de stock

Si vous gagnez de l'argent avec votre bande dessinée, soyez prudent de ne pas utiliser d'images que vous trouvez sur Google en raison des droits d'auteur. Essayez d'acheter des images sur des sites comme Photobash, ils ont beaucoup de bonnes choses que vous pouvez utiliser pour l'arrière-plan !

 

Jetez un œil à « I'm the Grim Reaper » sur Webtoon pour des exemples de façons incroyables d'incorporer des arrière-plans de stock.

 

3 - Modèles 3D

La méthode la plus courante que de nombreux Webtoons utilisent de nos jours est le modèle 3D ! L'utilisation de Sketchup et d'autres programmes de rendu peut vous fournir rapidement du matériel d'arrière-plan à utiliser. Vous pouvez construire votre propre modèle 3D dans Sketchup/Blender ou les acheter via des sites Web tiers comme Acon3D.

CSP prend également en charge les modèles 3D s'ils sont au format .obj. Vous pouvez gagner beaucoup de temps en utilisant des modèles 3D pour les objets compliqués. La meilleure façon d'intégrer un modèle 3D dans votre bande dessinée est de le transformer en lineart via la conversion LT (Si vous avez CSP EX !)

Typographie

Je dessine généralement mes effets sonores à la main. Mais vous pouvez utiliser des polices spécifiques pour créer des effets sonores si vous préférez la cohérence.

Je me fie au pinceau pour produire le type d'effet sonore que je souhaite. S'il s'agit d'un son rugueux comme des ongles qui grattent sur un tableau, je choisirai un pinceau avec un bord plus rugueux et j'écrirai le son dans une forme plus déchiquetée.

Une autre technique que j'utilise habituellement est de faire en sorte que les effets sonores suivent un mouvement spécifique qui se produit dans la case.

Finalisation !

Vérifiez les exigences de taille du site Web sur lequel vous téléchargez votre webtoon !

Tapas autorise jusqu'à 4000px de hauteur et 940px de largeur, tandis que Webtoon n'autorise que jusqu'à 1280px de hauteur et 800px de largeur.

Ajustez vos paramètres en conséquence pour l'exportation.

[Fichier] > [Exporter le Webtoon]

J'ai tendance à couper mes bandes en morceaux de 1200px mais vous pouvez faire 1280px.

 

Si pour une raison quelconque vous ne pouvez pas couper vos bandes pour les télécharger avec CSP, vous pouvez utiliser un outil tiers comme Croppy !

En conclusion

Les gens me demandent toujours quand on sait qu'on est prêt à se lancer et à faire cette bande dessinée. Ou « dois-je attendre d'améliorer mes compétences en dessin ? » Mais je veux juste dire qu'il n'y a pas de meilleur moment que le présent ! Vous pouvez vous améliorer AU FUR ET À MESURE que vous créez votre bande dessinée. La création de bandes dessinées m'a tellement aidé à comprendre l'art et mon propre style. Si vous voulez attendre d'être meilleur, vous ne serez jamais prêt, car on ne cesse tout simplement pas de chercher à s'améliorer !

 

Désolé, c'était un long article. Merci d'avoir tout lu ! J'espère que les petites techniques de Webtoon que j'ai pu vous donner vous seront d'une aide quelconque.

 

Voilà, c'est tout. Merci d'être venu à ma conférence TED. N'hésitez pas à laisser un like, un commentaire et à partager si vous avez trouvé cela utile !

 

Michi se déconnecte~