1. Présentation

Bonjour ! Je suis V21e, illustratrice et dessinatrice professionnelle, auteure du Webtoon Canvas "¡A LEVELEAR!".

 

Clip Studio Paint est un excellent programme de dessin. Il dispose de nombreuses fonctions qui simplifient mon flux de travail, que ce soit pour la création de bandes dessinées, d'illustrations ou de dessins artistiques.

 

Aujourd'hui, je vais vous montrer comment réaliser un dessin simulant une photographie nette en utilisant certaines des fonctions disponibles dans Clip Studio Paint. J'expliquerai les bases pour réaliser de belles compositions en tirant parti de l'arrière-plan, ma logique de pensée lors de l'illustration et mes méthodes pour améliorer mes dessins avec les outils du programme.

 

Je diviserai l'article en sections. Si vous souhaitez aller directement à l'application des effets sur l'image, rendez-vous à la section "7. Effet photographique".

 

Cet article contient une vidéo. Je me concentre sur l'explication du processus de la section "7. Effet photographique". Je la joins ci-dessous.

2. Comment s'inspirer

Avant de commencer à dessiner, nous devons nous poser quelques questions : Qu'est-ce que je veux dessiner ? Qu'est-ce que je veux exprimer ? Quelles images de référence m'inspirent et/ou me rappellent l'idée de mon dessin ?

 

Pour ce tutoriel, je répondrai à ces questions à titre d'exemple :

 

➤Que veux-je dessiner ?

"Mon personnage dans une toundra dans le cadre d'une séance photo."

 

➤Que désirez-vous exprimer ?

"Bien que mon personnage porte des vêtements de ville, je souhaite qu'il montre une harmonie avec l'environnement naturel. Beauté et calme. Un endroit froid mais de la chaleur chez le personnage."

 

➤Quelles images de référence m'inspirent et/ou me rappellent l'idée de mon dessin ?

"Paysages de l'Alaska et de l'Argentine, surtout Bariloche. Sa gamme de couleurs est idéale pour ce que je veux illustrer."

Rappelez-vous que ce ne sont que des exemples. N'hésitez pas à dessiner ce qui vous passionne et vous inspire !

 

3. Plans et angles

Nous ne pouvons pas parler de l'effet photographique sans parler d'abord des angles et des plans utilisés en photographie.

 

✦『 Plans 』✦

 

✦Très grand plan général

Plan utilisé, généralement, pour représenter les décors.

 

✦Plan général

Utilisé pour représenter le décor dans lequel se trouve un personnage.

✦Plan en pied

Utilisé principalement pour présenter des personnages et représenter des combats, il englobe les personnages représentés de la tête aux pieds.

✦Plan américain

Plan de personnage qui englobe des genoux à la tête. Il y a un équilibre entre le fond et les actions du personnage.

✦Plan moyen

Plan de personnage qui englobe de la taille à la tête. Il se concentre sur les actions du personnage.

✦Plan moyen rapproché

Plan de personnage qui englobe de la poitrine à la tête. Il centre l'attention sur la personne plutôt que sur le fond.

✦Gros plan

Plan de personnage qui part toujours, approximativement, du trapèze jusqu'à la tête et qui cherche à présenter principalement le visage du personnage et son expressivité.

✦Très gros plan

Plan de personnage qui représente le visage complet du personnage et occupe tout le panneau ou la majeure partie de celui-ci.

✦Plan de détail

Il se concentre sur des actions ou des événements importants, comme quelqu'un réalisant une action (quelqu'un sortant un pistolet ou donnant de l'argent, par exemple). Il se concentre sur les détails.

✦『Angles』✦

 

✦Angle/plan frontal

Vue de face à l'horizontale.

✦Angle/plan arrière

Vue de dos à l'horizontale. L'opposé du plan frontal.

 

✦Angle/plan zénithal

Vue de dessus parfaitement verticale. En cas de personnages en scène, l'accent sera mis sur leur sommet du crâne.

 

✦Angle/plan nadiral

Vue de dessous parfaitement verticale. L'opposé du plan zénithal.

 

✦Angle/plan plongée

Vue de dessus avec une inclinaison d'environ 45 degrés.

✦Angle/plan contre-plongée

Vue de dessous avec une inclinaison d'environ 45 degrés. L'opposé du plan plongée.

✦Angle/plan aberrant

Cadrage dans lequel la vue est inclinée entre 25 et 45 degrés. Ajoute du dynamisme à une image.

✦Angle/plan 360 ou œil de poisson

Cadrage qui possède un point de fuite vers lequel tout le panorama s'échappe. Généralement combiné avec d'autres angles.

 

4. L'esquisse et la composition

Clip Studio Paint facilite grandement le processus de dessin avec toutes ses fonctions (colorisation automatique, utilisation de modèles 3D, transformation de photos en dessins de style manga, etc.), mais la planification, la partie créative d'une bonne image, relève de l'artiste.

 

Une bonne image commence par l'esquisse du brouillon ou du croquis.

 

Le brouillon a pour but de montrer en très peu de traits un aperçu de l'illustration finale. Cette première étape permet de composer de nombreuses images avec un minimum d'effort.

 

La composition est la gestion des éléments présents dans le dessin tels que la lumière, le contraste, les personnages, les éléments de l'environnement, etc. De plus, personnellement, je la définis comme "la gestion de l'attention", car selon son utilisation, c'est l'un des meilleurs outils pour transmettre des sensations à travers l'image. Une bonne composition est votre meilleur outil pour transmettre ce que vous désirez de manière subjective et émotionnelle.

 

Focaliser l'attention de l'observateur sur ce que je veux qu'il voie est réalisé grâce aux éléments de composition mentionnés précédemment : l'éclairage, la perspective, les symbolismes, la couleur, les poses, etc. Voulez-vous, par exemple, que votre public se concentre sur les mains d'un personnage ou, précisément, sur ce qu'il tient ? La composition et l'angle de la caméra sont vos meilleurs alliés.

4.1 Une image spectaculaire

Dans notre composition, nous chercherons à créer une image spectaculaire, belle, claire et accrocheuse. Le tout avec une exécution professionnelle. Toute image spectaculaire – de celles que nous sauvegardons sur nos réseaux sociaux parce qu'elles sont magnifiques – est claire dans ce qu'elle représente.

 

Elles ont du contraste.

 

Le personnage se distingue-t-il de l'arrière-plan ? Puis-je distinguer ce qui se passe dans le dessin de loin ? L'expression corporelle est-elle comprise ? Tout cela est obtenu par le contraste. Le contraste est une rupture de motif, qu'il s'agisse de couleur, de formes, d'éclairage ou de lignes imaginaires. Ces éléments sont généralement d'intérêt visuel. Par conséquent, ils servent à guider la narration dans une image.

 

Clip Studio Paint dispose d'outils qui aident à augmenter le contraste et la beauté de nos illustrations. Ces outils et leurs caractéristiques sont mentionnés spécifiquement dans la section "6. À Clip Studio Paint !" et leur application pratique dans "7. Effet photographique" et dans "7.1 Images avec contour".

 

La composition est souvent simple et intuitive. Pour ceux qui ont besoin d'exemples, je vous laisse la section suivante. J'expliquerai les ruptures de motifs et les éléments narratifs pour une meilleure compréhension.

J'utiliserai l'image 2 comme exemple.

 

4.2 Exemples de composition

✦1. Lignes visibles :

Généralement, plusieurs zones du paysage forment des "lignes horizontales". Dans cet exemple, celles-ci sont interrompues par la figure du personnage, de manière verticale. Elles nous servent à définir l'horizon, la hauteur de la "caméra", l'angle et même la perspective. Elles nous aident à contraster le personnage avec le fond et même à définir la distance des éléments présents dans le paysage.

 

✦2. Lignes imaginaires :

Elles sont plus subtiles que les précédentes, mais il est facile de les identifier. Habituellement, notre regard trouve leurs intersections attrayantes. Elles affectent à la fois la narration (en tant qu'élément de mouvement) et la mise au point. La mise au point que nous offrent les lignes imaginaires peut souvent être utilisée pour centrer l'attention sur un point, dans ce cas sur le personnage. Les lignes imaginaires sont une bonne ressource pour donner de l'intensité à certaines zones du dessin ou plus d'intérêt. Dans ce cas, il n'y a pas de mouvement, seul le personnage et l'action qu'il effectue autour de ce point (Se tenir les mains) sont mis en évidence.

 

✦3 (Bleu ciel) Éléments narratifs :

Comprend le bon sens, les symboles et/ou les associations, ainsi que le langage corporel. Par exemple, pour qu'un oiseau vole, il doit bouger ses ailes, donc en les voyant déployées, nous supposons immédiatement son mouvement.

 

Dans ce cas, le visage du personnage dénote une certaine surprise. Par son expression et la position de sa tête, nous pouvons supposer que quelque chose a attiré son attention, que ce soit un bruit ou que quelqu'un ait mentionné son nom.

 

Les mains derrière le dos sont souvent une pose de repos ou formelle, parfois utilisée pour la contemplation ou le service. Cependant, il semble assez détendu en général.

 

Les gens ont tendance à créer des animations mentales en observant l'image, cherchant un sens à ces petits détails. Cela se produit involontairement. Tout se passe dans leur imagination.

 

Dans cet exemple, il est normal d'interpréter et d'imaginer que le personnage a légèrement tourné le visage, en prêtant attention. L'eau et les oiseaux en mouvement, quelques mèches de cheveux flottant au vent, donnent vie à l'environnement, à l'arrière-plan.

 

Grâce à cette narration implicite, une image semble plus "vivante".

 

✦3 (Rose ❤) Similitudes :

Dans ce type de motifs, au-delà de la zone des éléments que nous associons comme similaires, tout objet attire l'attention.

 

Dans ce cas, le personnage dépasse la hauteur des montagnes. Le fait de dépasser les montagnes et le regard posé sur le spectateur, renforce encore l'attrait naturel du visage en termes d'attention.

 

✦4. Opposés :

L'arrière-plan a une plus grande complexité en termes de détails et de couleurs par rapport au personnage. Généralement, plus le détail est grand, plus l'importance de ce qui est représenté est grande. Mais attention, car un détail excessif et inharmonieux a tendance à saturer, générant l'effet inverse.

 

Dans ce cas, le niveau de détail de l'arrière-plan est adéquat car il est plus détaillé que le personnage. La simplicité visuelle du personnage aide à diriger la vedette vers l'arrière-plan, équilibrant notre image.

 

Qui est vraiment le protagoniste de cette image ? L'arrière-plan ou le personnage ?

 

 

Comme dernier détail de cette section, j'aimerais laisser des informations supplémentaires pour que vos arrière-plans soient non seulement beaux, mais aussi pertinents. L'arrière-plan nous permet souvent de transmettre une atmosphère. Lorsque vous créez des bandes dessinées, des webtoons ou des mangas, considérez qu'en fonction du genre, vous voulez faire des arrière-plans d'une manière ou d'une autre. Par exemple, l'horreur ou le mystère ne sont pas représentés de la même manière que le beau ou le contemplatif.

 

✧Gauche, terreur. ✧Droite, contemplation.

5. Lumière et couleur

Cette section est dédiée à tous ceux qui souhaitent connaître ma procédure de dessin et mes critères en matière de gestion des couleurs. Si cela vous est utile, j'espère que vous utiliserez ce qui est écrit ici comme un guide. Je suis, après tout, une artiste qui aime jouer avec les couleurs. Au travail !

 

Je mentionnerai les outils de Clip Studio Paint pour améliorer les couleurs d'une image. Mais leur explication et leur utilisation seront détaillées plus tard.

 

Sans plus tarder... commençons par l'explication.

 

✦『 LA COULEUR 』✦

 

✦La couleur est un élément très puissant dans toute illustration. Elle a le pouvoir de changer "la narration" d'une image, par exemple, de joyeuse à effrayante. Tout cela, par la simple utilisation de différentes nuances de la même couleur.

 

L'astuce de la couleur dans les images spectaculaires est qu'elle utilise toujours des couleurs combinées. La théorie des couleurs est présente ! Il existe des combinaisons de couleurs "classiques" dans ce type d'images (par exemple, la palette de couleurs de type automne/hiver).

 

✧Exemple de belle palette de couleurs. Gauche, couleur originale. Droite, éclairage automne/hiver.

 

✦Lorsque vous illustrez des environnements naturels, je recommande d'utiliser des références photographiques correspondant à l'ambiance que vous souhaitez représenter et d'en extraire les tons de couleur.

 

✦Démontrez votre maîtrise de l'éclairage !

 

Le crépuscule et l'aube, le lever et le coucher du soleil, sont des références que vous devriez également rechercher lorsque vous représentez des environnements naturels en raison de l'interaction de la lumière avec l'environnement, les personnages et les objets. Ces interactions mettent en évidence le volume, l'ambiance, les lumières et les ombres, la nature des matériaux, etc.

 

Comme je l'ai mentionné, le contraste est essentiel pour une image claire et spectaculaire. Les images à l'ambiance de l'aube ou du crépuscule favorisent naturellement des éclairages à contraste élevé. Cela génère des interactions lumière/couleur/matériau très intéressantes et attrayantes pour les observateurs. Leur bonne gestion augmente le professionnalisme de l'image.

 

✦Certains éléments, lorsqu'ils interagissent avec la lumière, provoquent une transmission de celle-ci à travers eux. Par exemple, les cheveux, les vêtements, la peau dans certaines parties du corps (comme les mains) permettent de mieux refléter les tons ambiants lorsqu'ils sont à contre-jour. Tenir compte de ce détail donnera plus de réalisme et de beauté à vos dessins. Dans ce cas, je vous invite à chercher des références (de préférence photographiques) pour comprendre ce phénomène.

 

 

✧.o1. Exemple centré sur les couleurs oranges et les tons intéressants exprimés sur la peau. Couleur de base.

 

✧.o2. Ombre.

✧.o3. Appliquez des tons oranges (dans ce cas) aux limites de la lumière et de l'ombre. Utilisez le pinceau "Aérographe Doux". La tonalité dépend de la lumière ambiante.

✧.o4. Ici, on observe le rebond de la lumière. Remarquez comment la lumière ambiante affecte l'ombre. Utilisez le pinceau "Aérographe Doux" pour la finition. Le rebond réfléchi dans la zone d'ombre nous indique qu'il existe un élément qui reflète la lumière ambiante sous la main.

 

Ce type d'éclairage possède des éléments narratifs puissants en raison de sa capacité à offrir une ambiance claire. De plus, il aide à intégrer les personnages à l'arrière-plan.

 

Voici un autre exemple : une lumière éclaire notre personnage par derrière. Dans le dessin, on peut apprécier comment l'interaction de la lumière avec les cheveux les met en valeur et contribue au contraste. Cette lumière ajoute également un facteur narratif : d'où vient-elle ? Cela peut être une lampe ou un rayon de soleil, voire une lumière magique. Bien que d'autres éléments de la scène soient nécessaires pour déduire ce qui se passe dans l'illustration, la lumière contribue sans aucun doute à l'harmonie et à l'intégration du personnage avec l'arrière-plan.

 

✧À gauche, nous pouvons apprécier une ambiance montagneuse tranquille. Sa combinaison de couleurs est typique d'un environnement naturel. L'éclairage est frontal et simple, avec quelques touches de rose sur la peau et les cheveux pour transmettre de la vitalité. Il n'y a pas beaucoup d'interactions de couleurs. À droite, on observe une ambiance sombre, propre, par exemple, à une fête nocturne. Des couleurs "complémentaires divisées" sont utilisées (rouge/orange en présence de vert foncé/bleu aqua). Les interactions de couleurs (et donc d'éclairage) remarquables sont les cheveux éclairés par une lampe, et les petites zones éclairées dans la zone d'ombre (joue et partie du blazer) contribuent à l'intégration de la couleur rouge au personnage.

 

➤Y a-t-il des outils pour améliorer notre combinaison de couleurs dans Clip Studio Paint ?

Oui, l'un d'eux est l'outil "Modes de combinaison" présent dans les calques. Un autre sont les "Calques de correction". Plus loin dans ce tutoriel, j'approfondirai leur utilisation.

 

Si vous souhaitez consulter des gammes de couleurs pour une illustration, je vous suggère de consulter la galerie "Color And Illustration" sur Instagram. C'est une bonne source d'inspiration et d'apprentissage pour mieux comprendre la théorie des couleurs.

 

Si vous souhaitez approfondir la manière d'obtenir des interactions de couleurs curieuses, continuez à lire le tutoriel.

 

Dans la section suivante, je présente formellement les outils des modes de combinaison des calques et des calques de correction. Dans les sections "7. Effet photographique" et "7.1 Images avec contour", j'utilise les deux outils. Dans cette dernière, je démontre l'utilisation des modes de combinaison des calques pour obtenir des images colorées avec peu d'effort.

 

Maintenant, ouvrons le programme.

6. À Clip Studio Paint !

Les fonctions que nous utiliserons de Clip Studio Paint pour améliorer nos dessins sont les filtres de flou, les modes de combinaison de calques, les calques de correction et les pinceaux dont dispose le programme. Nous utiliserons à la fois ceux qui sont prédéfinis et ceux que l'on peut trouver sur Clip Studio ASSETS.

6.1 Flou Gaussien

Le flou Gaussien est l'un des outils préférés pour augmenter la mise au point et l'attrait des points d'intérêt de l'image.

✧Flou Gaussien : Démonstration. 1. Image originale /2. Légère utilisation du filtre /3. Utilisation du filtre plus importante que dans la section 2.

 

Vous pouvez accéder à cette fonction dans [Filtre]→[Flou]→[Flou Gaussien]

(Image ci-dessous).

 

Ensuite, une fenêtre contextuelle apparaît, permettant de modifier la quantité de flou Gaussien. Son utilisation n'affecte que le calque actif, il ne peut donc pas être utilisé sur plusieurs calques simultanément. Plus tard, j'expliquerai comment l'appliquer de manière plus précise à notre illustration.

 

✦L'exemple suivant montre comment il n'affecte qu'un seul des calques.

 

✧.o1. Image originale

 

✧.o2. Contenu et organisation des calques

✧a. et b. Influence de différentes valeurs du flou Gaussien sur le calque sélectionné.

✧Résultat final.

6.2 Flou de mouvement

Le flou de mouvement est un filtre qui aide beaucoup, précisément à doter l'environnement d'une narration de mouvement.

Dans cet exemple, j'utiliserai des feuilles et des branches, pour lesquelles il est idéal. Dans le manga, il est utilisé pour les bras ou les jambes en mouvement des personnages, surtout dans les scènes d'action.

 

✧(De gauche à droite) Image sans utilisation et avec utilisation du flou de mouvement.

 

Vous pouvez accéder à cette fonction dans [Filtre]→[Flou]→[Flou de mouvement]. En fait, elle se trouve au-dessus de [Flou Gaussien].

(Image ci-dessous).

 

Ensuite, une fenêtre contextuelle apparaît, permettant de configurer la quantité de mouvement affichée, ainsi que l'angle du mouvement.

 

Il utilise les mêmes principes que le flou Gaussien. Son utilisation n'affecte que le calque actif, il ne peut donc pas être utilisé sur plusieurs calques.

 

✦L'exemple suivant montre comment le filtre affecte un seul calque. J'omettrai la distribution des calques. Il a le même ordre de calques que dans l'exemple du flou Gaussien.

 

✧Image originale.

✧La barre supérieure de la fenêtre contextuelle (Distance) modifie l'intensité avec laquelle le mouvement est affiché. La barre inférieure (Angle) modifie la direction à partir de laquelle le mouvement est appliqué. La case inférieure (Distorsion) modifie la simulation de la provenance du mouvement : vers l'arrière, vers l'avant ou des deux côtés. Il est préférable de l'essayer plutôt que de le décrire.

 

✧Résultat final.

6.3 Modes de combinaison

Les modes de combinaison sont une fonction éditable présente dans les calques. Ils permettent d'ajouter des interactions de couleurs intéressantes entre le calque et le reste du dessin.

✧Modes de combinaison. o1. Couleur originale /o2. Assombrir /o3. Lumière ponctuelle /o4. Couleur plus foncée /o5. Image originale.

 

Habituellement, ce type de calques et leurs modes de combinaison modifiés sont utilisés pour ajouter des ombres, des lumières et comme filtre.

 

✧Modes de combinaison : Démonstration. Sur le calque actif, j'ai tracé quelques coups de pinceau Jaune Clair avec l'outil "Aérographe". En modifiant les modes de combinaison du calque, on peut obtenir des effets intéressants de luminosité, d'ombre et de couleur.

 

Contrairement aux flous, le mode de combinaison affecte tous les calques que vous sélectionnez en un seul clic ! Soyez prudent !

 

Vous pouvez accéder aux modes de combinaison des calques dans [La fenêtre Calques], dans la partie supérieure de celle-ci.

 

Si vous n'avez pas la [Fenêtre Calques] visible, vous pouvez la réactiver dans [Fenêtre]→[Calque].

(Image ci-dessous).

 

Si le mode de combinaison des calques est utilisé avec un changement d'opacité, des interactions de couleurs intéressantes peuvent être obtenues.

 

L'opacité est "à quel point" un élément est "opaque" ou "transparent", dans ce cas un calque. Cette fonction est accessible dans la [Fenêtre Calques]. Dans la zone supérieure droite, à côté des modes de combinaison, se trouvent une barre coulissante et une fenêtre affichant un pourcentage. (Image ci-dessous)

 

✧Si vous modifiez les valeurs d'opacité, sa transparence change. Gauche : Calque avec couleur bleue. Mode de combinaison normal. 100 % d'opacité / Droite : Calque avec la même nuance de bleu. Mode de combinaison normal. 50 % d'opacité.

 

Mon intention est de montrer une utilisation pratique des modes de combinaison, mais pas de limiter l'expérimentation. Faire des "essais et erreurs" est plus simple que d'essayer de comprendre le fondement mathématique qui donne forme à chaque mode de combinaison pour ensuite l'appliquer...

 

》Pour les curieux qui souhaitent connaître le fondement mathématique, les raisons de chaque mode de combinaison de calque, je joins le lien vers le manuel d'utilisation de CLIP STUDIO PAINT. C'est vraiment éclairant si vous avez des doutes sur le sujet.

》Je montre une démonstration d'ombrages et d'éclairage dans la section "7.1 Images avec contour"

6.4 Pinceaux décoratifs

L'utilisation de pinceaux décoratifs (dessin de fleurs, éclats de lumière, gouttes de pluie, etc.) est ajoutée dans cette section pour leur utilité pratique dans le processus de dessin : ils permettent de gagner du temps et sont très complets en termes de qualité et de détail.

✧Pinceau décoratif "Pentagonal Doux" dans un de mes dessins. Pinceau prédéfini dans Clip Studio Paint.

 

Les pinceaux décoratifs peuvent accompagner notre personnage en tant qu'élément décoratif saillant. Ils peuvent également aider à accentuer la perception de la profondeur dans l'illustration.

 

Il existe de nombreux pinceaux intéressants et d'applications variées sur Clip Studio Paint ASSETS, créés à la fois par des membres de la communauté et par le compte officiel de Clip Studio Paint.

 

Les pinceaux suivants font partie de mon inventaire. J'ai sélectionné ceux qui pourraient vous intéresser pour une image de style photographique. Il convient de mentionner que, bien que certains de ces pinceaux soient gratuits, il y en a aussi des payants :

 

Supplément : Les bulles utilisées dans ce tutoriel

6.5 Calques de correction

Les calques de correction sont similaires aux modes de combinaison, mais ont une plus grande portée pour modifier les valeurs de couleur. Ils servent à la fois de filtres et à corriger les tons, à créer des textures intéressantes, etc. De plus, et contrairement aux filtres de flou, ils sont réversibles.

 

Dans ce tutoriel, je ne les utiliserai que comme filtre (désolé, je ne rends pas justice à cet outil Q.Q). J'inclurai des exemples pratiques pour les curieux.

 

 

✧Tons style affiche graphique obtenus avec un calque de correction utilisant un "Calque de dégradé". Gamme de couleurs personnalisée.

 

Vous pouvez accéder à cette fonction dans [Calque]→[Nouveau calque de correction]→[(Options)].

(Image ci-dessous).

 

On peut également y accéder depuis [La fenêtre Calques].

 

Sur un calque actif, faites [Clic Droit]→[Calque de correction]→ [ (Option) ]. (Image ci-dessous)

 

Différentes fenêtres contextuelles apparaîtront selon le type d'option que vous sélectionnez.

 

》Je joins un article spécialisé sur le sujet. Il explique chacun des calques et leurs utilisations pratiques. C'est mon tutoriel préféré sur ce thème.

 

》Dans celui que je vous laisse ci-dessous, ils expliquent comment intégrer un personnage à l'éclairage de l'arrière-plan.

》Enfin, dans celui-ci, ils expliquent comment réaliser des vêtements en tissu holographique en utilisant des cartes de dégradé.

7. Effet photographique

Avec toutes ces informations préalables, il ne reste plus qu'à dessiner et à appliquer ce qui a été appris !

 

Les effets que nous ajouterons pour donner à notre illustration un style photographique sont réalisés à la fin du processus de dessin.

 

✦Je conseille de garder votre processus de dessin dans des calques et/ou des dossiers séparés. Séparez l'arrière-plan, le personnage et la décoration. C'est une question d'ordre et de praticité.

 

✦L'utilisation de filtres tels que le flou Gaussien ou le flou de mouvement ne fonctionne que sur un seul calque actif. Si vous travaillez avec plusieurs calques dans votre dessin, il sera nécessaire de fusionner les calques qui composent chaque élément séparément : les éléments d'arrière-plan, le sol, le personnage, les décorations, etc.

 

Si vous souhaitez conserver les données de calque de votre dessin séparément, je vous suggère de faire une copie de votre document ou (dans la même section des calques de votre document) d'avoir une copie de vos calques. Un jeu de calques sert à la sauvegarde, et l'autre à le fusionner et à travailler avec. Personnellement, je préfère la deuxième option.

 

✧Exemple de deux jeux de calques : 1. Les calques originaux et 2. Les calques fusionnés.

 

Pour dupliquer les ensembles de calques, il faut d'abord les sélectionner.

 

Pour sélectionner des éléments de la fenêtre des calques, je vous suggère les raccourcis clavier suivants. L'agilité au travail est essentielle !

 

●Pour sélectionner un seul calque, il suffit de cliquer dessus.

●Pour sélectionner des calques continus, [Maj]

●Pour sélectionner plusieurs calques, mais de manière spécifique, [Ctrl]

 

✧Sélection d'éléments continus. Cliquez sur le premier calque. Ensuite, tout en maintenant [Maj] enfoncée, sélectionnez le dernier calque de la plage de calques que vous souhaitez sélectionner.

✧Sélection d'éléments individuels. Cliquez sur le premier calque. Ensuite, tout en maintenant [Ctrl] enfoncée, sélectionnez les calques que vous souhaitez sélectionner de manière spécifique.

 

Une fois sélectionnés, vous pouvez dupliquer vos calques simplement en utilisant les raccourcis clavier copier [Ctrl+C] et coller [Ctrl+V] ou vous pouvez faire un [Clic droit] sur un calque sélectionné et choisir "Dupliquer le calque" (ce qui vous semble le mieux).

 

Pour fusionner des calques, sélectionnez les calques à fusionner, faites un [Clic droit]→[Fusionner les calques sélectionnés]. (image ci-dessous).

 

Nous pouvons maintenant travailler avec les filtres.

 

Pour ce dessin, j'envisage un flou sur les plantes et l'arrière-plan, ainsi qu'un léger flou sur les cheveux du personnage. J'y parviens en renforçant la profondeur spatiale.

 

✧Représentation simplifiée de mon dessin. a. État actuel /b. Ce que j'aspire à réaliser.

 

Je veux ajouter le filtre flou Gaussien à tout le calque où se trouvent les plantes dans le dessin. Pour ce faire, je sélectionne simplement le calque et je vais dans [Filtre]→[Flou]→[Flou Gaussien]. Je sélectionne la quantité de flou et je clique sur OK.

 

✧(De gauche à droite). Résultat initial / Résultat final (léger flou en arrière-plan)

✧(De gauche à droite). Résultat initial / Résultat final (fort flou sur les plantes et léger flou sur l'herbe)

 

Pour appliquer le filtre sur des zones spécifiques, il sera nécessaire de sélectionner la zone à affecter.

 

Je souhaite appliquer un léger flou uniquement sur les cheveux du personnage et certains bords du trench-coat. Pour cela, je me dirige vers la palette d'outils et sélectionne l'outil de sélection. Ensuite, dans la section des sous-outils, je sélectionne l'outil [Lasso] (image ci-dessous).

 

Pour sélectionner un élément, il suffit de dessiner sur la zone.

 

Je suggère les raccourcis clavier suivants pour l'utilisation du sous-outil [Lasso]

 

●Pour agrandir la sélection, maintenez [Maj] enfoncée.

●Pour réduire les sélections, maintenez [Alt] enfoncée.

 

✧Ce sont les raccourcis pour augmenter et diminuer la sélection. Pour augmenter une sélection, maintenez [Maj] enfoncée et faites glisser le curseur en sélectionnant une nouvelle zone. Si vous souhaitez désélectionner une zone, maintenez [Alt] enfoncée et dessinez sur la zone que vous souhaitez désélectionner.

✧Exemple de sélection.

 

Sur le calque à éditer avec les sections sélectionnées, nous nous dirigeons vers [Filtre]→[Flou]→[Flou Gaussien]. Modifiez les valeurs de flou à celles souhaitées et cliquez sur OK.

 

Pour désélectionner, avec l'outil lasso, vous pouvez faire un petit clic en dehors de la zone sélectionnée ou vous diriger vers la fenêtre contextuelle qui apparaît lors d'une sélection et cliquer sur le premier carré à gauche (images ci-dessous).

 

Pour adoucir la transition du flou, j'ai utilisé le sous-outil de flou de l'outil de mélange de couleurs (image ci-dessous).

✧Fonctionnement du sous-outil de flou.

 

J'ai également ajouté des cheveux et de petits détails pour ajouter de la netteté.

✧(Les deux images, de gauche à droite). Résultat initial / Résultat final. Plus de détails dans les cheveux.

 

J'ai ajouté plus de flou à d'autres parties du personnage jusqu'à ce que je sois satisfaite des résultats. Il est maintenant temps d'ajouter l'effet de brillance dans les zones éclairées et les effets spéciaux.

 

1. J'ajoute un nouveau calque.

2. Je dessine avec l'outil aérographe sur mon dessin une nuance de jaune sur les zones éclairées.

3. Je modifie les modes de combinaison du calque avec l'éclairage pour ceux qui me semblent les plus appropriés.

4. (De gauche à droite.) Image initiale sans calque d'éclairage / Image finale avec calque d'éclairage avec modes de combinaison altérés. Sur l'image de droite, les valeurs du calque d'éclairage sont les suivantes : Mode de combinaison du calque en Incrustation (Luminosité) et Opacité à 60 %.

5. Enfin, j'ajoute des particules de lumière avec des pinceaux décoratifs.

(Je joins le lien pour l'obtenir sur le magasin Clip Studio ASSETS. C'est payant.)

 

✧Aperçu de l'image avec les détails de lumière.

 

En détail supplémentaire, j'ajouterai un léger filtre par-dessus pour la rendre plus claire.

Dans la section des calques, je vais au calque supérieur de tous.

 

Je me dirige vers [Calque]→[Nouveau calque de correction]→[Carte de dégradé] (image ci-dessous).

 

Une fenêtre contextuelle avec de nombreux filtres apparaîtra.

✧ a. La zone appelée "Ensemble de dégradés" vous permet de naviguer entre des dossiers contenant différents types de dégradés prédéfinis dans Clip Studio Paint. J'ai sélectionné le dossier appelé "Ciel". Dans la barre de défilement, nous nous déplaçons jusqu'à trouver un filtre qui nous plaît. Celui que j'ai sélectionné s'appelle "Lever de soleil (Clair)" (image ci-dessous).

En cliquant sur OK, un calque est créé. Vous pouvez éditer ses modes de combinaison et son opacité, comme s'il s'agissait d'un calque normal.

 

Je modifie les niveaux d'opacité jusqu'à trouver une valeur que je considère adéquate (image ci-dessous).

 

✧ Valeurs du calque de correction de carte de dégradés. (De gauche à droite) Calque de correction avec opacité à 100 % / Calque de correction avec opacité à 25 %.

✧Résultat final.

7.1 Images avec contour

L'effet photographique ne se limite pas aux images d'éclairage semi-réaliste ou réaliste. Il peut être utilisé dans l'art numérique avec un contour, comme les illustrations de style manga ou les scènes de Webtoons.

 

Les outils qui tirent le meilleur parti de ce type d'illustration sont les modes de combinaison de calque et les calques de correction. Cela est dû au fait qu'ils comportent une série d'étapes qui aident à implémenter ces outils de manière simple et pratique.

 

Je montrerai mon processus de dessin à partir de zéro en utilisant les modes de combinaison de calques et les calques de correction pour obtenir une image colorée. J'implémenterai également l'effet photographique. De plus, j'ajouterai des articles pertinents pour approfondir le sujet.

 

✧1. Esquisse. Je me concentre sur la pose et l'expression. J'ai utilisé le pinceau "Crayon" avec le sous-outil "Crayon à pointes" (pinceau par défaut dans Clip Studio Paint).

✧2. Trait (Lineart). Réalisé sur un calque vectoriel. J'ai utilisé le pinceau "Plumier", sous-outil "G" (pinceau prédéfini dans Clip Studio Paint).

✧ 3. Couleurs de base. L'arrière-plan et le personnage ont été séparés dans des dossiers (de calques) différents. La combinaison de couleurs est de type "Séparation complémentaire" (Rose Brumeux en présence de Bleu ciel, Menthe, Bleuet et Bleu Outremer). Comme couleurs neutres, j'ai utilisé le Blanc, le Noir et leur échelle de Gris.

✧ 4. Ombrage. Couleur de base de l'ombre à l'état original / Résultat final. Sur l'image de droite, les valeurs du calque sont les suivantes : Mode de combinaison Multiplier, Opacité à 41 %.

✧ Éclairage. Couleur de base de l'éclairage à l'état original / Résultat final. Sur l'image de droite, les valeurs du calque sont les suivantes : Mode de combinaison Incrustation (Luminosité), Opacité à 41 %.

✧ Détails d'éclairage ambiant. Couleur de base de l'éclairage ambiant à l'état original / État final. Sur l'image de droite, les valeurs du calque sont les suivantes : Mode de combinaison Incrustation (Luminosité), Opacité à 67 %.

✧ Retouches. Petits détails comme le fard et les ombres plus intenses sur les vêtements sont spécifiés ici. Couleur des détails à l'état original / État final. Sur l'image de droite, les valeurs du calque sont les suivantes : Mode de combinaison Multiplier, Opacité à 50 %.

✧ Ambiance. Couleur du calque original / résultat. Sur l'image de droite, les valeurs du calque sont les suivantes : Mode de combinaison Différence, Opacité à 20 %. Ces valeurs d'opacité sont destinées à montrer comment le filtre agit. Les valeurs finales d'opacité sont de 5 %.

✧ Décoration. Ajouté sur un calque séparé. Image initiale / Image finale. Sur l'image de droite, il est montré comment j'ai utilisé le pinceau décoratif Pentagonal doux. Ce pinceau est prédéfini dans Clip Studio Paint.

✧ Flou. J'ai ajouté un flou Gaussien à l'arrière-plan, aux manches du personnage et aux cheveux. Sur l'image, je mets en évidence ces zones pour une meilleure appréciation.

✧Résultat

 

En étape supplémentaire, on peut ajouter un calque de correction comme filtre. J'ai utilisé les cartes de dégradé, le dégradé "Ciel Diurne", prédéfini dans Clip Studio Paint et j'ai modifié ses valeurs d'opacité.

✧ Valeurs du calque de correction de carte de dégradés. (De gauche à droite) Calque de correction avec opacité à 100 % / Calque de correction avec opacité à 40 %.

 

✧Résultat final.

 

En plus des articles recommandés dans la section "6.5 Cartes de correction", quelques articles supplémentaires pour améliorer notre coloration sont les suivants :

 

Le premier est orienté vers l'illustration, le second vers l'animation et les webcomics. Il explique comment colorer et intégrer le personnage à l'arrière-plan en quelques étapes. Je considère que les deux sont complémentaires et qu'il y a de très bonnes informations à ce sujet si vous souhaitez approfondir le thème.

8. Remerciements

Je remercie ma famille de toujours croire en moi.

 

Je remercie mon petit ami d'être mon éditeur et de m'encourager à sortir de ma zone de confort.

 

Enfin, je voudrais vous remercier d'avoir lu cet article (il est long [rires]). Ce fut un plaisir et un honneur de vous avoir ainsi facilité cette formation dans votre parcours artistique.

 

De ma part, c'est tout. Merci !