Atelier : Création d'une bande dessinée au design plat

2 635

simonwl

simonwl

Introduction

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

Ci-dessous, vous trouverez un résumé des principaux points à retenir sous forme de texte.

Transmettre des informations

Dans un Flat Design Style, vous êtes capable de transmettre des informations de manière très abstraite et simple. Par rapport à essayer de faire la même chose avec un style comportant du lineart, vous devriez pouvoir atteindre cet objectif plus rapidement tout en nécessitant beaucoup moins de précision, ce qui est l'un des gros avantages du style.

 

L'objectif est de donner aux téléspectateurs des informations de base et de leur permettre de déduire le sens à travers le contexte. Prenons ce panneau comme exemple :

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

Mais en ajoutant quelques formes de nuages facilement reconnaissables, nous sommes capables de dire très clairement : "C'est un paysage, vu d'en haut."

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

Imperfection intentionnelle

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

À mon avis, cela aide à couvrir 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 ait l'air parfaitement rond, alors que vous pourriez le faire pour quelque chose avec une finition lisse.

Création d'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 vs rouge) et leur environnement (bleu et rouge vs 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 variée. 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 l'enregistrer 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 Clé en haut à droite, ce qui ouvre cette fenêtre :

Vous pouvez maintenant "Créer un nouvel ensemble". Bien entendu, vous pouvez également supprimer ou dupliquer des ensembles existants, les renommer ou les réorganiser. Une fois que vous avez terminé, vous pouvez cliquer sur OK.

Dans votre nouvel ensemble, vous pouvez ajouter de nouvelles couleurs en en choisissant une dans la roue chromatique, puis en cliquant sur la goutte avec une icône de symbole plus en bas à droite.

Lorsque vous démarrez, votre fenêtre de jeu de couleurs peut être 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 chaque document sur lequel vous travaillez.

 

Création d'un document

Il est logique d'adapter la taille de votre document à la plate-forme 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 de 1920x1080.

 

Cependant, si jamais je veux imprimer la bande dessinée, cela ne sera pas assez gros. Cependant, je ne veux pas non plus avoir à faire de calculs, c'est pourquoi je crée d'abord le document dans la taille finale que je veux, puis je vais plus tard dans "Modifier> Modifier la résolution de l'image" et j'entre simplement un 3 dans le " Echelle ». Cela rend la résolution de l'image trois fois plus grande que je 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 d'abord 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 en direct. Récemment, un collègue a démissionné. Je me souviens aussi avoir lu des articles sur des personnes qui ont démissionné et qui ont été licenciées sur Twitter. J'ai essayé de penser à une façon de présenter cette situation d'une manière abstraite et imaginative.

 

J'ai fait un croquis de la BD. Le but d'une bande aussi simple est généralement de mettre en place une situation dans un panneau, de présenter une complication dans un autre panneau et enfin de présenter une résolution ou une ligne de frappe 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 fini par changer un peu les choses par rapport au croquis initial avec le deuxième panneau. Parfois, ce processus ne nécessite que des essais et des erreurs et des ajustements. Habituellement, je peux essayer de finir de peaufiner une bande dessinée pendant le processus de dessin, mais dans le cas de cet atelier, j'ai simplement continué et j'ai tout improvisé à la volée.

 

Création de panneaux

Clip Studio Paint a une fonction intégrée pour créer des panneaux de bandes dessinées. C'est ce qu'on appelle l'outil "Frame Border". 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 de bordure et vous pouvez désélectionner "Dessiner une bordure". Cependant, dans cette bande dessinée, je ne voulais pas de bordure visible, mais avoir toujours un contour approximatif pour l'ensemble du panneau. Par conséquent, j'ai sélectionné la couleur d'arrière-plan de la toile pour la bande dessinée, puis sélectionné le pinceau que j'ai utilisé pour dessiner dans la section "Forme du pinceau", et sélectionné une taille de pinceau suffisamment grande où la texture serait perceptible. De cette façon, le style est cohérent.

 

Plus tard, quand j'ai décidé que je voulais que le deuxième panneau soit divisé 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 : Organisez et nommez les calques

Lors du dessin de la bande dessinée, je vous implore de séparer la majorité des éléments d'un panneau en calques séparés 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 identifier les couches où un le changement doit se produire.

Astuce 2 : Deux façons d'ajouter de l'ombrage

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

 

Option A : Après avoir dessiné la chose 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 : Vous pouvez également créer un nouveau calque pour l'ombrage et sélectionner "Clip to Layer Below". 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".

 

Étant donné que 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 l'option B, cependant.

 

Astuce 3 : Utilisez des références

Pour le fond du paysage, j'ai utilisé un peu de référence. Un moyen simple d'utiliser des images de référence dans Clip Studio Paint consiste à 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), les parcourir, en choisir les couleurs et même les faire pivoter ou les inverser.

 

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

Parfois, dans les bandes dessinées, vous voudrez peut-être réutiliser des éléments communs. Surtout dans Flat Design, avec un style plus simple et sans lineart, il peut être moins visible lorsque des éléments sont réutilisés, et la bande dessinée peut toujours apparaître comme dessinée à la main et d'aspect naturel.

 

Un moyen simple de le faire dans Clip Studio Paint consiste à utiliser la fonction "Matériaux". Ouvrez cette fenêtre en allant dans Fenêtre> Matériel>, 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 divers 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'une seule couche ou même d'un dossier avec plusieurs éléments. Vous pouvez même construire un personnage entier, comme je l'ai fait ici, puis simplement changer les choses, comme créer une nouvelle expression faciale ou transformer les parties du corps pour créer une nouvelle pose.

 

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

 

Réorganisation en 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 en fonction de sa publication sur Webtoon.

 

En utilisant l'option "Edition> Changer la taille de la toile", j'ai pu réorganiser la toile pour qu'elle soit haute plutôt que large. Les dimensions exactes importent peu, car nous les modifierons au cours du processus d'exportation.

 

Maintenant, je réorganise les panneaux à l'aide de l'outil "Déplacer le calque". Si nécessaire, je pourrais également modifier la taille avec l'outil "Edition> Transformer> Echelle/Rotation".

 

Un outil utile lors de l'organisation des calques est l'option d'affichage "Zone à l'écran".

 

Avec lui, 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 sombre. Cela m'aide à espacer les panneaux d'une manière qui me permet de créer du rythme et du suspense. Par exemple, je fais défiler un peu le lecteur vers le bas après le troisième panneau, avant qu'il n'arrive à la punchline, ce qui lui donne l'impression d'être plus une surprise.

 

Une fois que j'ai terminé de réorganiser la bande dessinée, je peux utiliser "Fichier> Exporter vers Webtoon" pour que la bande dessinée soit automatiquement découpé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 dites le moi.

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel