Introduction

Bonjour ! J'ai décidé d'enregistrer le processus complet de création d'une courte bande dessinée dans un style de design plat. La vidéo est plus un atelier approfondi qu'un simple tutoriel. J'espère qu'elle vous sera utile et intéressante !

Ci-dessous, vous trouverez un résumé des points clés sous forme de texte.

Transmettre l'information

Dans un style de design plat, vous pouvez transmettre des informations de manière très abstraite et simple. Comparé à la tentative de faire la même chose avec un style utilisant le lineart, vous devriez être en mesure d'atteindre cet objectif plus rapidement tout en nécessitant beaucoup moins de précision, ce qui est l'un des grands avantages de ce style.

 

Le but est de donner aux spectateurs des informations de base et de les laisser déduire le sens par le contexte. Prenons ce panneau comme exemple :

Il n'est pas entièrement clair ce qui est représenté ici. On pourrait faire une supposition, mais la palette de couleurs limitée et le style très simple le rendent ambigu.

Mais en ajoutant des formes de nuages facilement reconnaissables, nous pouvons dire très clairement : « C'est un paysage, vu d'en haut. »

Le contexte est davantage clarifié en représentant des oiseaux, que l'on s'attendrait à voir dans un tel décor. Vous utilisez des éléments que la plupart des spectateurs connaissent pour leur communiquer une idée.

Imperfection intentionnelle

Je recommande d'utiliser un pinceau avec un bord rugueux ou texturé, comme le Zav Pencil.

À mon avis, cela aide à masquer les formes imprécises. Prenez ce cercle par exemple, celui de gauche semble intentionnellement imparfait. Vous ne vous attendez pas à ce que quelque chose avec une finition rugueuse soit parfaitement rond, alors que vous pourriez le faire pour quelque chose avec une finition lisse.

Créer un jeu de couleurs

Dans mon exemple de bande dessinée, je travaille avec une palette de couleurs très simple. L'objectif principal de cette palette de couleurs est de créer un contraste entre les deux personnages principaux (bleu contre rouge) et leur environnement (bleu et rouge contre gris).

En utilisant ces informations de base, je définis 3 à 4 variations par couleur. Essentiellement, je crée une couleur de base, une couleur plus claire, une couleur plus foncée et une couleur de variété. Cela me donne généralement tous les outils dont j'ai besoin pour distinguer une variété de formes les unes des autres et transmettre des informations telles que la profondeur, la distance ou la lumière.

 

Une fois que j'ai défini une palette de couleurs, j'aime la sauvegarder en tant que jeu de couleurs dans Clip Studio Paint. Pour ce faire, ouvrez le menu « Fenêtre > Jeu de couleurs ».

Vous pouvez créer un nouveau jeu de couleurs en cliquant sur l'icône de la clé à molette en haut à droite, ce qui ouvre cette fenêtre :

Vous pouvez maintenant « Créer un nouveau jeu ». Vous pouvez, bien sûr, également supprimer ou dupliquer des jeux existants, les renommer ou les réorganiser. Une fois que vous avez terminé, vous pouvez cliquer sur OK.

Dans votre nouveau jeu, vous pouvez ajouter de nouvelles couleurs en en choisissant une dans la roue chromatique, puis en cliquant sur l'icône de la pipette avec un symbole plus en bas à droite.

Au début, votre fenêtre de jeu de couleurs peut sembler différente de la mienne.

Pour obtenir le même style, cliquez sur le menu burger en haut à gauche et sélectionnez « Affichage > Liste moyenne ».

 

Avec un jeu de couleurs, vous aurez immédiatement un accès facile à vos couleurs les plus utilisées dans tous les documents sur lesquels vous travaillez.

 

Créer un document

Il est judicieux d'adapter la taille de votre document à la plateforme ou au support sur lequel vous souhaitez afficher votre bande dessinée. Dans cet exemple, je crée le document dans la résolution HD grand écran par défaut 1920x1080.

 

Cependant, si je veux imprimer la bande dessinée, ce ne sera pas suffisamment grand. Je ne veux pas non plus avoir à faire des calculs, c'est pourquoi je crée d'abord le document à la taille finale que je souhaite, puis je vais ensuite dans « Édition > Modifier la résolution de l'image » et j'entre simplement un 3 dans le champ « Échelle ». Cela rend la résolution de l'image trois fois plus grande que je ne le souhaite, ce qui, dans la plupart des cas, devrait être suffisant pour l'impression.

 

Trouver une idée de bande dessinée

Je commence par essayer de trouver une idée pour la bande dessinée. Habituellement, pour « Doom 'n' Gloom room », je m'inspire d'événements personnels. Récemment, un collègue a démissionné. Je me souviens aussi avoir lu des articles sur des personnes qui démissionnaient et étaient licenciées chez Twitter. J'ai essayé de trouver un moyen de présenter cette situation de manière abstraite et imaginative.

 

J'ai fait un croquis brut de la bande dessinée. L'objectif d'une bande aussi simple est généralement de créer une situation dans un panneau, de présenter une complication dans un autre panneau, et enfin de présenter une résolution ou une chute dans le panneau final. Bien sûr, chaque étape peut parfois nécessiter plus d'un panneau pour transmettre pleinement l'idée.

 

Comme vous pouvez le voir, j'ai pas mal changé des choses par rapport au croquis initial avec le deuxième panneau. Parfois, ce processus demande juste des essais et des erreurs, et des ajustements. Habituellement, j'essaierais de terminer le réglage fin d'une bande dessinée pendant le processus de croquis, mais dans le cas de cet atelier, j'ai simplement improvisé tout au fur et à mesure.

 

Créer des panneaux

Clip Studio Paint dispose d'une fonctionnalité intégrée pour créer des panneaux de bande dessinée. Il s'agit de l'outil « Bordure de cadre ». J'utilise généralement le sous-outil « Créer un cadre > Cadre rectangle » pour créer des panneaux.

 

 

Gardez à l'esprit que vous pouvez choisir une couleur pour la bordure du cadre. Vous n'avez pas besoin d'une bordure et vous pouvez désélectionner « Dessiner la bordure ». Cependant, dans cette bande dessinée, je ne voulais pas de bordure visible, mais je voulais tout de même avoir un contour rugueux pour l'ensemble du panneau. Par conséquent, j'ai sélectionné la couleur de fond du canevas pour la bande dessinée, puis j'ai sélectionné le pinceau que j'ai utilisé pour le dessin dans la section « Forme de pinceau », et j'ai sélectionné une taille de pinceau suffisamment grande pour que la texture soit perceptible. De cette façon, le style est cohérent.

 

Plus tard, lorsque j'ai décidé de diviser le deuxième panneau en deux panneaux plus petits, j'ai utilisé l'outil « Couper la bordure du cadre ».

 

 

Gardez à l'esprit que lorsque vous utilisez cet outil, il existe différentes « méthodes de division » qui garantissent que les deux panneaux ont le même contenu, ou que les panneaux nouvellement créés sont maintenant vides.

 

Lors de la création d'un panneau, vous remarquerez peut-être une superposition bleue sur tout sauf le panneau. Vous pouvez désactiver cette option dans la fenêtre Calque, en désélectionnant l'option « Afficher la zone de masque » :

 

Astuce 1 : Organiser et nommer les calques

Lorsque vous dessinez la bande dessinée, je vous implorerais de séparer la majorité des éléments d'un panneau en calques distincts et de les nommer. Je sais que cela peut sembler une corvée (et je ne le fais pas toujours moi-même, si je suis fatigué ou pressé), mais c'est une aide précieuse pour vous permettre une flexibilité dans les changements ultérieurs et pour identifier les calques où un changement doit avoir lieu.

Astuce 2 : Deux façons d'ajouter des ombrages

Bien que vous n'ayez généralement pas besoin d'ombrage dans une bande dessinée de style Design Plat, cela aide parfois à clarifier les choses ou à transmettre un éclairage spécifique nécessaire à la narration. Il existe deux façons d'ajouter des ombrages :

 

Option A : Après avoir dessiné l'élément que vous voulez ombrer, sélectionnez « Verrouiller les pixels transparents ». Cela signifie que vous ne pouvez dessiner que sur des éléments précédemment dessinés sur ce calque. Maintenant, je peux ajouter l'ombrage dans une autre couleur.

 

Option B : Alternativement, créez un nouveau calque pour l'ombrage et sélectionnez « Écrêter au calque inférieur ». De cette façon, vous avez plus de flexibilité sur l'ombrage et pouvez également utiliser des effets de fusion de calques tels que « Multiplier ».

 

Comme cette bande dessinée a un style si simple et une palette de couleurs limitée, l'option A était un peu plus rapide et plus facile pour moi. Dans l'ensemble, je recommanderais cependant l'option B.

 

Astuce 3 : Utiliser des références

Pour l'arrière-plan du paysage, j'ai utilisé un peu de référence. Un moyen facile d'utiliser des images de référence dans Clip Studio Paint est d'ouvrir la fenêtre « Sous-vue ». Ici, vous pouvez ouvrir une ou plusieurs images de référence (en cliquant sur le bouton du dossier dans le coin inférieur droit), naviguer à travers elles, en extraire des couleurs, et même les faire pivoter ou les refléter.

 

Astuce 4 : Utiliser des matériaux pour les éléments récurrents

Parfois, dans les bandes dessinées, vous voudrez peut-être réutiliser des éléments courants. Surtout dans le design plat, avec un style plus simple et sans lineart, il peut être moins perceptible lorsque les éléments sont réutilisés, et la bande dessinée peut toujours paraître dessinée à la main et naturelle.

 

Un moyen facile de le faire dans Clip Studio Paint est d'utiliser la fonction « Matériaux ». Ouvrez cette fenêtre en allant dans Fenêtre > Matériau > et puis en sélectionnant simplement l'une de ces options. Cela ouvre une bibliothèque, où quelques catégories et éléments prédéfinis sont déjà trouvés.

 

Vous pouvez créer vos propres catégories en créant des dossiers ou des sous-dossiers. Par exemple, j'ai créé un dossier « Personnages de bande dessinée » dans la catégorie « Matériel d'image », et des sous-dossiers pour différents personnages.

 

Une fois que vous avez créé un dessin que vous souhaitez réutiliser, faites-le simplement glisser dans le dossier correspondant. Il peut s'agir d'un seul calque, ou même d'un dossier avec plusieurs éléments. Vous pourriez même construire un personnage entier, comme je l'ai fait ici, puis simplement changer des choses, comme créer une nouvelle expression faciale, ou transformer les parties du corps pour créer une nouvelle pose.

 

Un grand avantage de cette fonctionnalité est que vous gagnez du temps en ayant une bibliothèque d'éléments auxquels vous pouvez toujours accéder. Vous n'avez pas besoin de chercher une page de bande dessinée spécifique où vous avez utilisé un élément, puis de le copier-coller dans un fichier différent. C'est vraiment un énorme gain de temps si vous n'insistez pas pour dessiner chaque petite chose de votre bande dessinée à la main à chaque fois.

 

Réorganisation pour Webtoon

Après avoir terminé la bande dessinée au format grand écran pour Twitter, j'ai décidé de réorganiser également la bande dessinée pour l'adapter à la publication sur Webtoon.

 

En utilisant l'option « Édition > Changer la taille du canevas », j'ai pu réorganiser le canevas pour qu'il soit haut, plutôt que large. Les dimensions exactes n'ont pas beaucoup d'importance, car nous les modifierons pendant le processus d'exportation.

 

Maintenant, je réarrange les panneaux à l'aide de l'outil « Déplacer le calque ». Si nécessaire, je pourrais également modifier la taille avec l'outil « Édition > Transformer > Mettre à l'échelle/Pivoter ».

 

Un outil utile lors de l'agencement des calques est l'option d'affichage « Zone d'affichage à l'écran ».

 

Avec cela, je peux voir quelles parties de la bande dessinée sont visibles sur un écran de téléphone typique. Tout le reste est un peu estompé. Cela m'aide à espacer les panneaux de manière à créer du rythme et du suspense. Par exemple, je fais défiler le lecteur un peu après le troisième panneau, avant qu'il n'atteigne la chute, ce qui donne l'impression d'une plus grande surprise.

 

Une fois que j'ai terminé de réorganiser la bande dessinée, je peux utiliser « Fichier > Exporter vers webtoon » pour faire découper automatiquement la bande dessinée en plusieurs images, tout en sélectionnant une largeur d'image maximale, telle que 800 px. De cette façon, les images sont parfaitement adaptées pour être téléchargées sur Webtoon.

 

Merci

Merci d'avoir pris le temps de suivre mon processus de création d'une bande dessinée simple. J'espère que l'atelier vous a aidé. Si vous avez des questions, n'hésitez pas à me les poser.