TUTO 1: TIPS OF THE MONTH - Un webtoon de A à Z (mars 2020)
Pour consulter le projet complet "créer un webtoon avec motifs et monochrome en vidéo, c'est ici:
Pour consulter le webtoon complet en VF en couleur c'est ici: (VO noir et blanc au bas du tuto)
Je découvre en direct le mot WEBTOON et pour mieux appronfondir le sujet du mois, je vous propose un sujet complet qui proposera la conception d'un webtoon avec des motifs et sera également proposé en noir et blanc.
Ceci est mon histoire, j'espère continuer plus tard dans un autre tome la suite de mes aventures.
Je pense que je vais partir sur le même principe qu'une bande dessinée...
L'idée c'est de mettre minimum 9 vignettes pour expliquer une idée comme dans une bande dessinée classique.
Pour mon histoire, je parts donc sur 45 vignettes (soit 5 planches).
1ère étape: le sujet
Je choisis de vous raconter mon histoire personnelle.
2ème étape: Comment séquencer?
Posez vous les bonnes questions, un simple nom commun peut être illustré, un verbe ou un lieu, une émotion, un personnage principal. N'oubliez pas que dans votre histoire il faut des hauts et des bas, des rebondissements. La construction d'une histoire repose sur les émotions.
3ème étape: La réalisation:
ecole - bus - voyage scolaire - enfant malade - enfant qui tombe - hopital - prise de sangs - scanner - IRM - diagnostique - sang - lit - prise de sang - transfusion - cheveux - plus de cheveux - chimiothérapie - larmes - ennui - visite - refus alimentaire - handballeuses - cadeau - sourire - clowns - illusion - espoir - famille - rires - amour - traitement - calendrier - calendrier 1 - évasion - vomit - lobotomie - lunettes RV - guerison - depart hopital - avenir - illusion - desespoir - maison - ecole - permis.
j'ai mes 45 mots, je peux donc préparer des vignettes:
Pour créer une vignette:
-CTRL+N: Clic icone Illustration.
Renommer "vignette1"
Taille: 10 x 10 cm. (moi je prend le cm comme mesure) .
(Il ne faut pas dépasser 20 cm de long et 15 cm de haut maximum pour une vignette. Il faut également un minimum de 5 x 5 cm de côté sinon votre image sera de trop petite qualité).
le croquis: (conseils de réalisation)
J'utilise simplement un feutre gris (comme un brouillon) et je croque mes idées vignette par vignette.
Vous pouvez également utiliser l'option "brouillon" proposé dans les icones de Clip Studio dans l'interface des calques.
Parfois l'usage des règles est utile. Dans mon exemple, j'utilise les règles que je tire depuis les repères puis une règle courbe, angle droit et j'arrondis les angles à environ 50 degrès. Cette vignettes créera ainsi l'effet de mouvement.
La perspective peut également aider, ici, j'illustre la chute, les règles bien droites me permettent dans ce contre plongée un effet d'infini et de hauteur. La perspective permet également à l'oeil de comprendre le décor. Le regard sera automatioquement porté sur les points de fuite et donnera à l'ensemble de votre vignette un air plus vivant.
En général, j'utilise la perspective sur les objets de décor.
Apportez du soin à l'élément essentiel de la vignette, ici 'l' aiguille", elle doit être menaçante et le sujet (le patient) doit transiger la peur.
Juste un zoom sans décor sur ce que l'on veut montrer peut suffir à faire comprendre l'histoire (ici une radiographie).
Parfois j'illustre une métaphore, ici mon idée est de montrer "eurêka" alors j'illustre un médecin qui se prend pour un voyant et qui trouve ainsi que je souffre d'une leucémie.
Il est parfois difficile d'illustrer des éléments (surtout si le sujet est destiné à être en noir et blanc).
Ici, je propose d'illustrer du sang, ce dervait rouge, c'est embêtant alors j'insiste sur un élément phare du manga: les émotions. Et oui si le visage exprime la peur, la solitude, le mal ou encore la douleur, alors le lecteur peut comprendre qu'il s'agit de sang. De même pour les larmes: si les yeux sont plissés le lecteur comprend alors qu'il s'agit de larmes. Sans paroles, le lecteur doit pouvoir comprendre l'histoire par les images.
Les points de vue sont également important afin d'éviter la répétition surtout si c'est toujours le même lieu (une chambre d'hôpital), ainsi une fois mon sujet est vu du ciel, du sol, de la porte ou même de la fenêtre...
Pensez aux éléments de décor (même si plus tard ils ne seront sur secondaires dans la vignettes, ils rendent la scène plus vivante), pour mon exemple des écrans, des moniteurs, des poches à perfusions...
Certaines vignettes peuvent exprimer un sentiment et non pas une prise de vue donc il faut se concentrer sur le sujet pas créer un décor tout autour.
Parfois, un symbole ou une onomatopée ("YES" = joie) sont nécessaires pour faire comprendre le dessin et l'action en cours (le symbole de la chimiothérapie pour mon exemple).
Petite parenthèse: j'enregistre chaque vignette sous format "clip" pour conserver mes calques puis une fois que tout est prêt alors j'aplatis sous format "jpeg".
Il faut se poser les bonnes questions: "comment illustrer la solitude?", "comment illustrer l'amour d'une maman" ... Je me mets en situation, je ferme les yeux et je me dis: "si j'étais dans un lit d'hôpital..." puis je croque...
Quand on parle de dessin animé et plus précisemment de manga, on a souvent la notion de sexy qui nous vient à l'esprit, je choisis donc d' apporter ce côté féminin avec les handballeuses et l'infirmière dans mon histoire.
L'association "les Clowns de l'Espoir" vient au chevet des enfant malades, biensûr ceux sont des hommes mais rien n'empêche d'illustrer leur pitreries différement pour rendre les images plus attrayantes. Dans mon exemple, ma clown est un pantin.
Chaque vignette impose une dimension différente, en format français (portrait/ verticalité) ou en format italien (paysage/horizonalité). De forme carrée ou même en zoom. Je trouve que l'assymétrie rend l'intrigue plus captivante.
L'illustration permet l'évasion, rien d'étonnant donc à retrouver des ailes sur un homme ou des étoiles plein les yeux... Ou même de voir un sujet aspergé de sang ou de voir la main de Dieu empoigne le héros...
Un zoom peut être nécessaire (sous la forme d'une loupe c'est ce qui est le plus classique mais un simple double point de vue peut suffir).
Ne pas hésiter à accentuer des éléments qui pourraient paraître anodins (lunettes de réalité virtuelles) mais qui sont importants dans l'histoire. Dans les mangas, tout sujet peut être abordé, ainsi le vomit n'est pas dégoûtant, c'est juste une illustration...
Parfois certains sujets ne demandent pas de détails, ce qui est important c'est juste l'image (ma maison).
Je termine avec la seule bulle en cercle afin de finir sur une touche différente, faire un "clin d'oeil", mettre l'accent sur la fin de l'épisode ou comprendre à ce moment la morale de l'histoire...
Le carbonne: (en bleu)
Après avoir travaillé "au brouillon chaque vignette, j' ouvre un nouveau calque pour chaque projet.
J'utilise les règles courbes pour avoir un trait parfait .
Je repasse à la PLUME G ou au feutre.
J'utilise les points d'ancrage si besoin afin de rectifier le tir (cf. TIPS vectorisation sur mon profil).
Je dépose les motifs (voir chapitre "Utilisation des motifs", rubrique: "créer un pinceau à motif") dans les endroits selectionnés par le lasso.
Exemples: les montagnes vues par la fenêtre. La tapisserie à motif chevrons...
Attardons un peu sur les règles... Vous trouverez une règle intitulée: "règle spéciale", cette dernière permet le sens de trait ainsi pour faire la pluie par exemple c'est très pratique (voir chapitre "Utilisation des motifs", rubrique: "créer un décor rapidement").
Le trait définitif (en rouge):
Sous l'onglet "Edition", rubrique "Changer la couleur de ligne à dessiner". Cliquer simplement sur cette fonction après avoir choisit la couleur dans le nuancier.
Pour la monochromie et le noir et blanc se reporter au chapitre: "illustration monochrome".
4ème étape: Le remplissage:
Afin de coloriser chaque vignette, j'utilise simplement le pot de peinture.
Je préfère passer par l'étape couleur puis utiliser l' option "couleur d'expression" dans la rubrique "Effet" qui me permet de passer le calque en nuances de gris. Ainsi je n'ai aucune difficulé à utiliser les teintes du blanc au noir puisque je vois d'abord la vie en couleur.
N'oubliez pas d' aplatir chaque image, de "l'enregistrer sous" ( Ctrl + S ) en format jpeg avec un nom bien distinct pour chaque vignette.
5ème étape: Apposer les vignettes:
Ctrl+ N (nouveau document), choisir icone "illustration" (fleur), puis dans l'onglet "préréglage", choisir: 690 x 20000 px (pour comics). Ca n'est pas conventionnel comme méthode mais c'est très simple. Un webtoon c'est juste une grande photo en format jpeg.
A faire sur chaque vignette aplatie en jpeg:
Ctrl + A (tout selectionner) puis Ctrl + C (copier) et Ctrl + V (coller) sur la bande de papier.
Vous constaterez que chaque copie se place comme un nouveau calque et si vous avez bien renommé chaque image alors chaque copie conserve son titre ainsi à chaque modification, vous savez sur quel calque vous travaillez.
Vous obtenez enfin un visuel. Perso, j'ai mit les image en quinconce, un coup à droite, un coup à gauche. De temps en temps, je mets une image au centre pour donner un peu plus de vie à ce webtoon et mettre l'accent sur une vignette en particulier. Pensez assymétrie.
6ème étape: Les bulles:
Pour que ce webtoon soit plus parlant, je vais lui mettre des textes, il me faut donc des bulles.
Clip Studio porpose une interface rapide et très efficace:
Onglets "bulles".
Vous pouvez choisir avec ou sans flèche de bulles.
Il faut d'abord poser sa bulle (moi elle est au carré) puis y choisir la flèche qui nous plait "classique" ou "pensée".
Vous pouvez également créer une bulle spéciale en restant sur le même cadre, la composition se fait toute seule.
Pour mettre l'accent sur un ensemble de bulles rapportant à une seule idée (pour moi la venue des handballeuses et l'effet que cela procure), j'encadre avec un motif (des coeurs dans mon exemple).
7ème étape: Les écrits:
Cliquez sur le "A", qui permet d'ouvrir la rubrique écriture, vous y aurez le choix de la typographie, de la taille de la police et autres outils interéssants dans ce domaine, je vous laisse fouiller...
Vous constaterez que les polices par défaut sont utilisables ainsi que toutes les fonts* (.ttf) que vous mettez directement dans votre racine windows.
*Beaucoup de banques de données sont diponibles sur internet pour trouvez une police qui vous plaira (exemple: Dafont).
Chaque bulle d'écriture est "re"modifiable à souhait car par défaut Clip Studio crée un nouveau calque à chaque nouvel écrit.
8ème étape: la mise en forme:
Pour finir, je cadre avec un surlignage rouge tout autour de ma "bande de papier".
Je dépose une "UNE", première de couverture que j'ai dessiné au prélable et je parfais avec le logo de mon association afin de donner un sens à ce webtoon.
9ème étape: publication:
Dans ce tutoriel, je ne suis pas là pour vous venter les mérites de tel ou tel site, je vous suggère seulement d'aplatir l'ensemble de votre projet actuellement sous format .clip en .jpeg puis d'aller le publier sur un site dédié aux webtoons.
Merci d'avoir prêté attention à ce tutoriel en faveur de l'association "Gamer's Heart".
Retrouver le chapitre 2 sur les motifs ici:
Retrouver le chapitre 3 sur sur la monochromie ici:
コメント