Comment faire des illustrations colorées
Présentation
Hi !
Je suis Aria Asimov, un freelance dans le domaine de l’illustration et de la conception de personnage (character design si vous préférez). Je publie majoritairement mes réalisations sur X (anciennement Twitter).
Si vous avez cliqué sur ce tutoriel, c’est que vous désirez vous rendre vos illustrations plus colorés ou pop. Dans ce cas, laissez moi vous aider à améliorer vos projets !
Afin de rendre ce tutoriel accessible aux débutants, je montrerais tout les étapes, du sketch (ou brouillons) jusqu’au finition, en passant bien sûr par le line art et la colorisation. Il est important de préciser que ce n’est qu’une méthode parmi tant d’autres, vous pouvez la changer pour l’adapter à votre manière de dessiner ou prendre que certaines parties qui vous intéresse !
Voici un exemple d’illustration que j’ai réalisé avec cette méthode ou une variante de cette méthode ! (Faisable sur la Version Pro et Ex de Clip Studio Paint)
Cet article a été rédigé en français. Cependant les captures d’écrans seront en anglais afin de faciliter la compréhension du tutoriel aux non francophones.
La préparation
Partie optionnelle pour ceux qui ont un minimum d'expérience
Faire attention à son espace de travail
Pour ceux qui débutent le dessin en numérique, cette partie est faite pour vous afin de faire attention à votre santé et à rester motiver.
Pour la pratique du dessin numérique, il est conseillé d’être dans un espace de travail où vous vous sentez bien. Rangez votre bureau et décorez le comme vous le souhaitez, je vous conseillerai d’avoir toujours votre clavier prêt de vous pour faire rapidement des raccourcis comme [Ctrl+Z] pour annuler votre dernier action, [Alt+X] pour utiliser la pipette sur une source externe à votre logiciel, ou [Ctrl+U] pour changer la teinte, la saturation et luminosité du calque actuel ou d’une sélection faite.
Faites attention être bien installé dans votre chaise, et si vous avez une tablette à écran ou Ipad, positionnez votre moniteur de dessin le plus à la verticale possible pour avoir une position où vous gardez la tête droite pour ne pas avoir mal aux cervicales.
Vérifiez que vous avez le temps de dessiner afin d’éviter toutes sources de stress, et ayez de quoi vous hydrater à côté de vous. Prenez aussi des pauses pour vos yeux et pour marcher pour ne pas avoir de problèmes de circulations sanguines, une trop longue session de dessin peu causer migraine et désagrément dans les jambes. La santé avant tout !
Trouver l'inspiration/ Prendre des références
Avant de se lancer dans le dessin, il est conseillé de choisir son sujet et de trouver des références au niveau du style graphique.
Vous pouvez choisir de faire un fanart ou une création original. L’essentiel c’est d’aimer ce que vous allez dessiner !
Prendre les références
Vous pouvez prendre tous ce que vous aimez bien visuellement pour les inclure dans votre illustration. Les références peuvent aussi vous aider à savoir sur quel choix de couleur vous allez partir, afin de mieux visualiser comment dessiner une partie compliqué du corps ou d’un vêtement.
Les professionnels réunissent toutes leurs références dans un moodboard. Vous pouvez le réaliser dans Clip Studio Paint ou un logiciel qui semble PureRef. C’est au choix !
Le Sketch (ou Brouillon)
Une fois que vous avez choisi ce que vous voulez dessiner et prit vos références, une page blanche se dresse face à vous ! C’est l’étape du sketch !
Je vous conseillerai d’en faire plusieurs pour après choisir les éléments que vous appréciez sur chacun d’entre eux pour les rassembler sur un seul et même sketch.
Si vous êtes en dessin traditionnel pour cette étape, je vous invite fortement à prendre en photo ou scanner le sketch que vous avez choisi pour le mettre dans votre logiciel. Utilisez les outils de sélections puis appuyer sur la touche [ Supprimer ] de votre clavier afin de retirer les parties indésirables de votre photo. Vous pouvez ajuster les contrastes avec un calque de correction. Vous allez dans la partie [Layer] et sélectionnez [New Correction Layer], mon conseil serait de partir sur un calque [Level Correction] ou [Tone Curve] pour des résultats d’étalonnage plus précis.
Pour appliquer le calque de correction à votre calque où vous avez votre brouillon, vous pouvez [Clic Droit] dessus puis [Merge with layer below] ou bien [Ctrl+E]. Ensuite vous irez dans [Edit] → [Convert brightness to opacity]
Que vous ayez fait votre sketch sur CSP (Clip studio Paint) ou en traditionnel puis importé dans CSP. Vous devriez arriver à cette étape, votre sketch en transparent sur fond blanc.
Afin de mieux visualiser le résultat final, je vous propose de colorer le sketch !
Colorer son sketch
Si le personnage (il est possible dans avoir plusieurs comme l’illustration d’exemple) ont des couleurs prédéfinis, il est conseillé de garder leur couleur de référence sur les sketch colorés en mettant leur couleur sur un calque différent du décors.
Dans l’exemple les personnages sont très colorés, donc je limite mon choix de couleur à 2 couleurs pour le fond. Si le personnage que vous avez choisi possède très peu de couleur, vous pouvez ajouter plus de couleurs dans le décors.
Il sera avisé d’avoir toujours une couleur dominante afin de faire ressortir les couleurs en minorité.
Vous pouvez faire plusieurs essaies pour voir ce qui rend le mieux !
Pour cette illustration, j’ai choisi la version 3 du sketch coloré car le dernier personnage du trio ressortait mieux en plus d’aborder une ambiance estival et diurne qui retranscrit mieux le contexte d’une sortie entre amis.
Line et Aplat de couleur
Nous avons tous une manière différente de line. Ma manière est d’avoir un line assez fin pour les éléments fins ou peu important et plus épais pour les éléments plus conséquent et important.
J’ai tendance à fermer mon lineart pour faire mes aplats de couleurs au pot de peinture, mais si vous préférez un line avec des troues, vous pouvez faire vos aplats de couleurs avec l’outil lasso.
Bien séparer les calques et faire des dossiers
Voici l’organisation des calques conseillés si vous désirez vous retrouver dans votre fichier. Chaque couleur du dessin est sur un calque différent pour être facilement retouché.
Vous l’avez peut-être remarquer, j’ai rajouté des plantes au décor alors que j’avais choisis de faire que 2 couleurs en fond sur mon sketch. Le vert est un mélange du jaune et du bleu donc la couleur reste dans les teintes choisis en plus d’apporter encore plus de couleur.
Line Art Noir Versus Line Art Coloré
Peu importe si vous avez un line entièrement fermé ou avec des espacements entre les lignes, je vous propose de voir la différence entre un line art noir et un line art coloré en faisant une liste d’avantage de chaque type de line art.
Line Art Noir
Les avantages du Line Art Noir sont :
- Plus simple à faire
- Permet de voir plus facilement les variations d’épaisseur de lignes
- La couleur ressort plus facilement
- Le personnage ressort bien de l’illustration
Line Art coloré
Les avantages du Line Art Coloré sont :
- Rendre l’objet/le personnage intégré dans l’illustration
- Permet de faire mieux comprendre la texture de certains éléments fins (comme les cheveux)
- Plus discret et fait plus propre
J’espère que les avantages cités vous aideront à choisir si vous voulez colorer ou non votre Line Art !
Ombre et Lumière
Dans cette partie, nous allons avoir deux manières pour rajouter des ombres et lumières.
La première sera une adaptée au débutant car très simple mais très efficace : Le Cell Shading.
La deuxième sera pour les plus courageux qui veulent un résultat plus réaliste et voulant s’amuser avec la lumière. Une technique utilisant les valeurs de gris qu’on va colorer ensuite.
Je vous invite à lire les deux techniques et de les essayer afin de sélectionner celle qui vous correspond le mieux !
Rappel des bases pour les ombres et lumières
(Ceci est une partie optionnelle)
Dans cette partie nous allons revoir certaines notions fondamentales pour comprendre et réussir ses effets d’ombres et de lumières peu importe la technique que vous choisirez à l’avenir.
Les ombres et lumières servent à mieux lire les volumes de votre dessin. Il serait donc nécessaire de voir les éléments que vous désirez mettre en valeur en volume simple comme des cubes, sphères, cylindres et pyramides.
Traduction en français :
- CellShading
— Visibilité facile
— Côté dur
- Ombrageplusréaliste
— Les ombres et lumières peuvent être plus doux.
— Les ombres ne sont pas uniformes car la lumière rebondies sur la surface, créant un léger dégradé dans les ombres.
Un exemple vaut mieux que milles mots. Si vous avez des formes plus complexes que des solides de base, vous pouvez les quadriller comme j’ai fait pour les “Patates” sur un calque à part de vos aplats de couleurs.
Je vous invite à observer l’organisation des calques pour la reproduire.
Cell Shading
Qu'est-ce le "Cell Shading" ?
Le Cell Shading est une technique d’ombrage hérité du dessin animé. Il est reconnaissable par ces ombres et lumières assez dur (non dégradé et non flou) imposé par une contrainte de technique de l’époque où on devait faire de l’animation sur celluloïd (ce qui est abrégé par “Cell”) où chaque image devait être peinte à la gouache.
Bien que la contrainte technique du support d’origine n’existe plus, les studios d’animations ont gardé pour la plupart cet aspect d’ombre et de lumières dures car plus facile et rapide à produire.
Les illustrateurs se sont appropriés cette technique car elle permet de styliser les effets d’ombre et de lumière en plus de rappeler les productions animés.
Comment faire du Cell Shading ?
En illustration, rien de plus simple que de réaliser du Cell Shading ! Il suffit d’utiliser un calque [Multiply] pour les ombres et un calque [Add] pour la lumière et d’utiliser les outils comme le lasso ou le G-Pen pour placer la couleur pour réaliser cette technique.
Cependant, nous allons voir ensemble un moyen pour rendre le Cell Shading plus “Pop” en utilisant des Screentones à l’intérieur des ombres !
Voici ce qui se passe sur le GIF, étape par étape.
①- Mon calque [Multiply] utilisait du gris. J’ai donc verrouillé l’opacité pour utiliser d’autres couleurs pour mes ombres sans déborder.
②- J’ai dupliqué mon calque [Multiply] en faisant [Ctrl+C] et [Ctrl+V]. Vous pouvez aussi glissé le calque que vous souhaitez dupliquer sur l’icône “Créer un nouveau calque” ou vous pouvez faire [Clic Droit]→ [Dupliquer Calque] .
③- J’ai masqué le duplicata sur le premier calque d’ombre en appuyant sur cette icône puis j’ai changé son mode de fusion en [Overlay]. Si vous souhaitez avoir un effet de Screentones différents vous pouvez choisir d’autres modes de fusions.
④- J’ai converti la couleur du calque en Screentone en appuyant sur ce bouton. Vérifiez bien que vous êtes en [Density]→[Use brightness of image] comme sur l’image ci-dessous. Vous pouvez choisir différent types de [Dot Settings] selon vos préférences. Ici j’ai choisi “Circle”.
(Le paramètre Frequency va varier la taille de votre effet de Screentone. Vous pouvez le modifier à votre convenance.)
- Une fois que vous avez le résultat que vous souhaitez, vous pouvez [Raterize] votre calque où se trouve votre effet Screentone.
- Vous pouvez colorer votre effet en verrouillant l’opacité du calque*.
*Revoir l’étape ① pour visualiser l’icône pour verrouiller l’opacité.
Et pour la lumière ?
Vous reprenez les étapes du dessus, sauf que le mode du calque sera en [Add] et non en [Multiply].
Ombre et lumières + complexes
Traduction en français :
— Étape 1 : Le brouillon
— Étape 2 : le Line
— Étape 3 :Aplat de couleur
— Étape 4 :Faire un aplat de gris. Après ajouter un calque **[Multiply]**et faire les ombres
— Étape 5 : Continuer à utiliser l’aplat de gris. Ajouter un calque [Add] puis faire les lumières.
— Étape 6 : Supprimer l’aplat de gris. Colorer les ombres et lumières.
Pour ceux qui veulent avoir un ombrage plus complexe. Je vous invite à suivre le tutoriel sur l’image juste au dessus. Cette technique est réalisable dans tout les logiciels de dessins professionnels. Pour colorer le calque d’ombre et de lumière je vous conseille de mettre un calque au dessus et de le masquer** sur vos calques d’ombres ou de lumière. Je vous conseillerai d’utiliser le mode de fusion [Linear Light] pour cette tâche.
**Voir l’étape ③ du tutoriel pour le Cell Shading.
Les Finitions
Vous avez réussi à suivre jusqu’ici ? J’espère que le résultat des étapes précédents vous plaît ! Maintenant on va passer à la dernière étape pour rendre votre illustration colorée et pétillante. Les finitions !
Je ne trouve pas mon image assez colorée que faire ?
Il se peut que vous ayez choisi des couleurs trop ternes. Rassurez vous, vous n’avez pas besoin de refaire entièrement votre coloration en suivant la technique ci dessous !
Voici les étapes montrés dans le GIF au dessus, une par une :
- Pour ne pas prendre tous mes calques, je fais [Clic Droit] sur le calque le plus haut de la hiérarchie et je sélectionne [Merge visible to new layer].
- Une fois ce nouveau calque créé, vous allez le dupliquer. La copie doit être mise en mode du fusion [Soft Light].
- Toujours sur la copie, vous allez appliquer un flou gaussien. Vous retrouverez cet effet dans [Filter]→[Blur]→[Gaussian Blur].
- Faites [Ctrl+U] pour ouvrir la fenêtre [Hue/Saturation/Luminosity]. Si vous trouvez que votre dessin manque de couleurs vives, augmenter la saturation.
L’exemple manqué de couleurs vives mais aussi de contraste donc j’ai aussi baissé la luminosité.
Maintenant, amusez vous avec les calques [Overlay], [Add] ou [Multiply] jusqu’à avoir un résultat qui vous plait !
Petites astuces en vrac
Hightlight coloré et Sticker
Je les réunis ensemble car c’est la même technique. Vous dessinez la forme que vous voulez dans la couleur que vous avez choisi pour vous appuyez sur bouton afin de choisir l’épaisseur du contour ainsi que sa couleur.
Formes géométriques colorées et stylisées
Pour les formes géométries stylisées, il faut dessiner une forme qu’on va convertir en screentone comme dans l’étape ④ de la partie en rapport avec le Cell Shading. Si vous ne voulez pas remonter jusque là, nous allons le faire ensemble et spécifiquement pour cette partie.
Comme vous le constatez, un calque est suffisant pour réaliser ces effets si simples mais efficaces ! L’épaisseur du screentone varie selon la valeur de gris, plus le gris sera clair, plus le screentone sera fin.
C’est pour cette raison que j’ai éclairci certaines géométries afin d’avoir un effet intéressant.
Après j’ai fait [Clic Droit]→[Raterize] sur le calque puis verrouiller l’opacité pour les colorer.
Remerciement
Je vous remercie de m’avoir lu jusqu’à la fin ! J’espère que mon tutoriel vous sera utile pour vos prochaines illustrations et si vous utilisez une de ses techniques n’hésitez pas à me mentionner sur Twitter où je vous invite à me suivre si vous appréciez mon travail !
Je tiens aussi à remercier mes amis et clients de m’avoir laisser utiliser certains projets fait pour eux dans ce tutoriel.
Si vous l’avez trouvé utile, n’hésitez pas à le partager et à le like !
C’était mon premier article écrit, je me retenterai à cet exercice si je pense que je peux aider à mon échelle !
Kommentar