Un guide complet par Manny Guevarra

Introduction

 

Merci beaucoup d'avoir consulté mon tout premier tutoriel Clip Studio Paint ! Ce tutoriel pas à pas est destiné aux débutants et explique comment dessiner des arrière-plans captivants. Cependant, il contient plusieurs « astuces » avancées qui peuvent être utiles aux utilisateurs intermédiaires et avancés qui cherchent à améliorer leurs illustrations de personnages en sublimant leurs arrière-plans. Quelle que soit votre expérience avec Clip Studio Paint, n'hésitez pas à suivre – si vous souhaitez débuter ou améliorer vos arrière-plans, ce tutoriel est fait pour vous !

 

Les arrière-plans peuvent souvent « faire ou défaire » une illustration. Un arrière-plan bien exécuté peut non seulement mettre en valeur votre sujet, mais aussi l'améliorer, guidant le regard de vos spectateurs là où il doit aller et optimisant l'expérience visuelle globale. Dans ce tutoriel, nous apprendrons plusieurs astuces et techniques dans Clip Studio Paint que nous pourrons utiliser tout au long de la pré-production, de la production et de la post-production pour améliorer nos arrière-plans et faire « ressortir » nos illustrations de personnages.

 

Alors, plongeons directement dans #SublimerLesArrierePlans !

Créer du contraste avec la composition

Avant même de commencer à dessiner ou à peindre, il existe plusieurs astuces et techniques de composition que nous pouvons utiliser dès les premières étapes de notre illustration pour nous assurer le succès. Créons plusieurs croquis miniatures pour bloquer les formes et les valeurs de base de notre futur arrière-plan afin de nous assurer qu'il dirigera l'attention vers notre sujet. Lors de la création de miniatures, gardez à l'esprit ce qui suit :

 

LA RÈGLE DES TIERS

 

La Règle des Tiers stipule que, lorsqu'une toile est divisée en tiers, un sujet doit être placé le long de l'intersection de ces tiers.

 

Si le sujet est placé trop loin à gauche ou à droite de la toile, le regard des spectateurs peut ne pas être attiré immédiatement. Inversement, si le sujet est placé directement au centre, la composition peut sembler artificielle. En plaçant notre sujet stratégiquement par rapport à l'arrière-plan à l'aide de la Règle des Tiers, nous créons une juxtaposition et établissons un point focal par la seule position.

 

Gardez également à l'esprit que l'espace négatif peut être utilisé pour suggérer le mouvement ; dans ce cas, nos personnages sont placés à droite du centre pour montrer le mouvement implicite du Personnage A venant du côté gauche de la toile et sautant dans les bras du Personnage B.

 

ASTUCE : Vous pouvez utiliser les options [Grille] et [Barre de règle] dans Clip Studio Paint pour vous aider à diviser votre toile en quadrants. Pour ouvrir la grille, sélectionnez simplement le menu [Affichage] > [Grille]. Pour ouvrir la barre de règle, appuyez sur Ctrl + R sur votre clavier ou sélectionnez le menu [Affichage] > [Barre de règle].

 

Vous pouvez basculer le point de départ, la largeur, la hauteur, l'espacement et le nombre de divisions pour l'un ou l'autre outil en sélectionnant le menu [Affichage] > [Paramètres grille/barre de règle].

 

La Règle des Tiers est un principe de photographie, et en l'appliquant à nos illustrations, nous pouvons créer des compositions plus naturelles.

 

ENCADRER AVEC DES LIGNES DIRECTRICES

 

Une autre façon de diriger l'attention vers nos sujets est d'utiliser des éléments d'arrière-plan pour encadrer le premier plan. Dans le cas de cet arrière-plan sur le thème de la nature, nous pouvons utiliser le sentier et la ligne d'arbres pour créer des lignes directrices, qui dirigent le regard des spectateurs vers notre sujet. Remarquez comment le feuillage encadre également nos sujets dans les deuxième et troisième miniatures.

 

En plus d'encadrer le sujet, l'ajout de lignes directrices peut transformer la nature statique de lignes autrement sans but pour créer une pièce plus dynamique.

 

LANGAGE DES FORMES

 

Une troisième façon de créer un contraste entre l'arrière-plan et le premier plan est de rompre le langage des formes de notre composition. Si le langage des formes de la silhouette de votre personnage est doux et rond, essayez de créer des formes nettes et abruptes avec vos éléments d'arrière-plan. Si la silhouette est grande et mince, essayez de faire le contraire.

 

Dans le cas de nos personnages ici, rompons le langage des formes de leur silhouette droite avec des lignes courbes qui représentent plus précisément la nature sauvage des éléments organiques comme le feuillage. Autrement, la composition pourrait sembler rigide, et nos personnages ne ressortiraient pas autant.

 

Bien mieux ! Nous pouvons toujours peaufiner les éléments de composition plus tard, mais commencer par un croquis miniature solide nous épargne le tracas d'avoir à faire des modifications importantes plus tard.

Créer du contraste avec la couleur

Maintenant que notre future illustration est planifiée, passons au dessin ! Tout au long du processus de dessin, nous aurons plusieurs autres occasions de créer un contraste entre notre sujet et l'arrière-plan. Nous pouvons le faire simplement en utilisant la couleur et ses diverses propriétés :

 

VALEUR

 

Une façon de distinguer notre premier plan de l'arrière-plan est d'utiliser la Valeur, ou la « luminosité » ou « obscurité » relative d'une couleur. Le moyen le plus simple de voir la Valeur d'un calque est de naviguer vers [Couleur d'expression] sous l'onglet [Propriétés du calque] et de changer le menu déroulant de [Couleur] > [Gris], ce qui convertit l'ensemble du calque en niveaux de gris. Cette propriété de calque pratique peut être basculée entre [Gris] > [Couleur] à tout moment.

 

Pour distinguer votre premier plan de votre arrière-plan, utilisez des valeurs contrastées ; vous pouvez peindre votre premier plan avec une teinte « plus claire » et votre arrière-plan avec une teinte « plus foncée », ou faire l'inverse si l'arrière-plan est plus proche de votre source de lumière. Si la valeur de votre arrière-plan est trop similaire à celle de votre premier plan, votre sujet peut être difficile à distinguer, comme dans la première miniature ci-dessous.

 

ASTUCE : De nombreux artistes peignent uniquement en niveaux de gris au début, puis ajoutent la couleur plus tard dans leur processus de peinture après avoir établi les valeurs appropriées. Si vous avez du mal à contrôler la valeur de votre composition, essayez cette astuce !

 

TEINTE

 

La Teinte est probablement ce que nous imaginons quand nous pensons à la « couleur ». La teinte est la couleur dans sa forme la plus pure, sans ajout de blanc, de noir ou de gris. L'utilisation de palettes de couleurs avec des teintes contrastées provenant de différentes zones d'un cercle chromatique est une autre façon de créer du contraste dans votre illustration.

 

ASTUCE : Une fois que vous avez sélectionné une palette de couleurs que vous souhaitez utiliser, vous pouvez l'enregistrer dans l'onglet [Jeu de couleurs] en cliquant avec le bouton droit sur n'importe quelle cellule et en sélectionnant [Ajouter une couleur]. À partir de là, vous pouvez facilement prélever vos couleurs enregistrées à tout moment tout au long du processus d'illustration en cliquant simplement dessus.

 

SATURATION

 

Une fois que nous avons établi notre palette de couleurs et commencé à peindre notre arrière-plan, une façon de créer un contraste supplémentaire pour mettre l'accent sur notre sujet est de réduire la saturation de notre arrière-plan. Cela peut être fait pendant le processus de peinture lui-même en choisissant des couleurs dans la plage ci-dessus, à la fois dans les espaces colorimétriques HSV et HLS.

 

Cependant, cela peut également être fait en post-production en sélectionnant [Calque] > [Nouveau calque de correction(J)] > [Teinte/Saturation/Luminosité] et en ajustant le curseur de saturation. Cela créera un calque de correction qui pourra être écrêté à n'importe quel autre calque ou dossier.

 

Dessaturer votre arrière-plan d'une petite marge aide à rendre votre sujet plus coloré et vif, le faisant ainsi ressortir des éléments environnants.

Éclairage et types de calques

Bien, maintenant vient la partie amusante ! L'une des meilleures façons de faire ressortir votre illustration de personnage est d'utiliser un éclairage intelligent et intentionnel qui encadre davantage votre sujet. Il existe une infinité de façons de positionner votre source de lumière et d'éclairer votre sujet, mais l'une des meilleures façons de séparer votre premier plan de votre arrière-plan est d'utiliser le contre-jour.

 

CONTRE-JOUR

 

Le contre-jour peut être un excellent moyen d'accentuer la silhouette de votre sujet. Pour obtenir cet effet, placez votre source de lumière derrière votre sujet. Vous pouvez également utiliser le placement de votre source de lumière pour attirer davantage l'attention sur votre sujet, comme le placement du soleil ici :

 

Ensuite, nous devons créer au moins deux calques d'éclairage distincts : un à appliquer comme masque d'écrêtage à notre illustration de personnage, et un autre à placer sous notre illustration de personnage.

 

Les deux principaux modes de fusion d'éclairage utilisés dans l'illustration ci-dessus sont [Éclat esquive] et [Ajouter de l'éclat]. Des deux, le mode de fusion [Éclat esquive] créera une lueur qui conservera davantage la couleur choisie, tandis qu'un calque [Ajouter de l'éclat] créera un effet plus lumineux et plus délavé.

 

ÉCLAT ESQUIVE

 

Pour le calque d'éclairage supérieur écrêté à notre illustration de personnage, utilisons le mode de calque [Éclat esquive]. En travaillant avec des couleurs saturées, de haute valeur et chaudes (plus proches du jaune que du bleu), nous pouvons créer une belle lumière de contour (Rim Light) pour accentuer les silhouettes de nos personnages.

 

ASTUCE : Pour plus de précision, dessinez la lumière de contour (Rim Light) avec l'outil [Stylo] et estompez les bords manuellement avec l'outil [Fusion] réglé sur la propriété d'outil [Flou].

 

Pour intensifier la lueur, dupliquez le calque de lumière de contour (Rim Light) et estompez-le uniformément via le menu [Filtre] > [Flou] > [Flou gaussien].

 

ASTUCE : Une autre méthode pour créer un halo de lumière uniforme autour de votre illustration de personnage consiste à naviguer vers le calque ou le dossier de l'illustration de personnage et à sélectionner la zone autour de l'illustration avec l'outil [Baguette magique] en utilisant les paramètres décrits ci-dessous. Ensuite, créez un nouveau calque [Éclat esquive] au-dessus du calque ou du dossier de l'illustration de personnage et écrêtez-le au calque inférieur. Ensuite, remplissez votre sélection de couleur et estompez-la en utilisant le filtre [Flou gaussien] spécifié ci-dessus. Plus le flou est fort, plus la lumière s'infiltrera sur votre illustration de personnage depuis les bords.

 

AJOUTER DE L'ÉCLAT

 

Lorsque vous éclairez votre arrière-plan, vous pouvez utiliser un calque opaque [Ajouter de l'éclat] pour produire une lumière plus délavée qui ne distraira pas de votre premier plan. Réduisez les reflets et autres détails au minimum à mesure qu'un élément est éloigné de votre sujet, en utilisant des outils tels que l'[Aérographe] ou l'[Pinceau] pour des traits plus libres et moins définis.

 

Cependant, une zone à laquelle nous pouvons ajouter des détails est autour de la source de lumière elle-même - en particulier là où elle enveloppe notre sujet. Si votre source de lumière est visible dans votre composition, essayez d'ajouter des éléments tels que des reflets d'objectif ou des particules de poussière flottantes. L'outil [Aérographe] est utile pour créer ces éléments, en particulier lorsqu'il est réglé sur les propriétés d'outil [Vaporisation] et [Gouttelette].

 

Nous développerons ces éléments dans la section suivante, « Utilisation de la perspective atmosphérique : Effets de flou ».

 

INCANDESCENCE LINÉAIRE

 

Une ombre d'apparence naturelle peut être obtenue en utilisant des couleurs désaturées, de faible valeur et froides (plus proches du bleu que du jaune) en mode de calque [Incandescence linéaire].

 

ASTUCE : Pour donner un aspect dynamique à votre œuvre et accentuer davantage la séparation entre le premier plan et l'arrière-plan, essayez d'utiliser l'outil [Dégradé] avec la propriété [Premier plan vers transparent] pour créer une ombre dégradée qui s'étend du premier plan vers l'arrière-plan. Dans ce cas, cela aide à placer nos sujets sous les arbres au-dessus et à accentuer les ombres du feuillage.

Créer une perspective atmosphérique avec des effets de flou

PERSPECTIVE ATMOSPHÉRIQUE

 

Maintenant que le soleil filtre à travers le feuillage et estompe certains des éléments d'arrière-plan au loin, nous commençons à créer ce que l'on appelle la perspective atmosphérique.

 

La perspective atmosphérique est le principe simple selon lequel, plus un objet est éloigné de notre point de vue, plus il est difficile à voir. Cela est dû aux composants de l'atmosphère tels que la poussière, la pluie, la brume et le brouillard qui obscurcissent notre vue à mesure qu'ils s'accumulent avec la distance. S'appuyer sur la perspective atmosphérique est peut-être le meilleur moyen de distinguer votre sujet de l'arrière-plan et de vraiment faire « ressortir » votre illustration de personnage.

 

Cet effet peut être obtenu de nombreuses façons différentes - par exemple, en plaçant des éléments comme le brouillard, la brume ou la bruine entre les calques, comme on peut le voir ci-dessous :

 

FLOU RADIAL

 

Dans notre cas, nous allons utiliser le menu [Filtre] > [Flou] > [Flou radial] sur le calque contenant notre lumière du soleil et nos reflets d'objectif pour souligner qu'ils émanent juste derrière la silhouette de nos personnages. L'utilisation du [Flou radial] sur un calque attire le regard des spectateurs vers le centre d'origine ; dans ce cas, si le regard d'un spectateur capte l'une des traînées de lumière, il peut ensuite la suivre jusqu'à notre illustration de personnage.

 

Faites glisser et placez le « X » rouge sur votre source de lumière, ou à l'endroit d'où vous souhaitez que le flou irradie.

 

FLOU DE MOUVEMENT

 

Ensuite, nous appliquerons un [Flou de mouvement] aux particules de poussière au plan intermédiaire en sélectionnant le menu [Filtre] > [Flou] > [Flou de mouvement]. Nous inclinerons le flou vers la droite de la toile pour suivre le mouvement implicite de la scène (c'est-à-dire le Personnage A sautant dans les bras du Personnage B). Cela aide à accentuer le mouvement, ainsi qu'à diriger davantage le regard des spectateurs vers le sujet.

 

FLOU GAUSSIEN

 

Enfin, utilisons le menu [Filtre] > [Flou] > [Flou gaussien] sur nos éléments d'arrière-plan pour nous appuyer vraiment sur la perspective atmosphérique. Cela estompera uniformément tous les éléments d'arrière-plan sur le calque sélectionné.

 

Si vous n'êtes pas sûr de la force à utiliser avec l'outil [Flou gaussien], considérez votre illustration comme un plan cinématographique. Typiquement en cinématographie, plus la caméra se rapproche du sujet net, plus l'arrière-plan devient flou. Voici quelques exemples de plans « cinématographiques » avec différents niveaux de flou :

 

Un « Plan moyen large » représente les sujets des genoux vers le haut. Dans les plans plus longs, les arrière-plans peuvent être légèrement flous, mais la plupart des détails restent discernables.

 

Un « Plan moyen » représente les sujets de la taille vers le haut. Dans les plans moyens, les arrière-plans commencent à s'estomper à mesure que nous nous concentrons davantage sur le premier plan.

 

Un « Plan rapproché moyen » représente les sujets de la poitrine ou des épaules vers le haut. Dans les gros plans, les arrière-plans deviennent très flous car le sujet au premier plan exige plus d'attention.

 

Un « Gros plan » remplit l'écran avec un ou quelques éléments, tels que les visages des sujets. La majeure partie de la mise au point et de l'espace d'écran étant occupée par le sujet, les gros plans et les très gros plans laissent les arrière-plans extrêmement flous.

 

Avec notre arrière-plan flou, nous avons cimenté la juxtaposition entre nos sujets au premier plan et la forêt qui les entoure. Simplifier votre arrière-plan - que ce soit par des outils de flou, un travail de ligne simplifié, ou quoi que ce soit entre les deux - permet également aux spectateurs de reposer leurs yeux autour de votre illustration de personnage qui saute maintenant de la page.

Pour la touche finale, ajoutons quelques feuilles tombantes pour renforcer le mouvement dans l'œuvre et utilisons une dernière astuce pour guider le regard des spectateurs vers le premier plan. Lorsque vous ajoutez des éléments tels que des feuilles, de la neige ou de la pluie, n'oubliez pas de penser à votre sujet dans un espace 3D et de placer des particules à la fois devant et derrière lui. Cela semble non seulement plus naturel, mais accentue l'objet au centre : votre illustration de personnage.

BONUS : Conseils pour l'utilisation des pinceaux

Comme vous pouvez le constater, il existe d'innombrables façons d'aborder les arrière-plans ! Tout au long du processus d'illustration de ce tutoriel, divers pinceaux de feuillage ont été utilisés pour créer cette scène automnale idyllique. Que nous peignions un paysage forestier ou dessinions une scène de ville, de nombreux artistes de bandes dessinées, illustrateurs et autres créatifs utilisent des ressources prêtes à l'emploi telles que des pinceaux, des tampons et des modèles 3D pour accélérer et améliorer notre flux de travail artistique.

 

Et « Clip Studio Assets » propose des milliers de pinceaux, de stylos, de modèles 3D, de motifs et d'autres ressources disponibles en téléchargement – ​​beaucoup d'entre eux gratuitement ! D'autres ressources peuvent être achetées avec des « GOLD » Clip Studio, ou via des points « Clippy » qui peuvent être gagnés gratuitement lors d'événements ou en téléchargeant vos propres matériaux.

 

 

Vous trouverez ci-dessous quelques conseils pour utiliser les pinceaux et autres ressources téléchargeables disponibles dans « Clip Studio Assets » !

 

INSTALLATION

 

Pour installer une ressource souhaitée dans Clip Studio Paint, cliquez simplement sur le bouton « Télécharger » en haut à droite de la liste des ressources ; cela lancera automatiquement le processus de téléchargement et d'installation de la ressource dans votre application Clip Studio. Vous pouvez ensuite accéder à ce matériel via votre dossier [Téléchargements] dans l'application de dessin Clip Studio Paint, où vous pouvez le glisser-déposer dans un sous-outil de votre choix. (Si vous ne voyez pas votre ressource téléchargée, essayez de redémarrer votre programme Paint.)

 

EFFET DE BORDURE

 

ASTUCE : Lorsque vous travaillez avec n'importe quel pinceau, vous pouvez utiliser le menu [Propriété du calque] > [Effet de bordure] pour créer une bordure uniforme autour de tous les coups de pinceau du calque sélectionné. Dans l'espace de travail « Par défaut », cet effet se trouve sous le [Navigateur] et au-dessus du menu [Calque]. (Pour basculer entre les espaces de travail, allez dans le menu [Fenêtre] > [Espace de travail]).

 

L'« Épaisseur des bords » et la « Couleur du bord » peuvent être facilement modifiées, et cet effet peut être activé ou désactivé à tout moment.

 

Lorsque vous redimensionnez des calques avec l'[Effet de bordure] activé, la bordure conservera l'épaisseur spécifiée. Pour modifier cela et transformer uniformément la bordure avec le contenu du calque, il suffit de pixelliser le calque en cliquant avec le bouton droit sur le calque souhaité et en sélectionnant [Pixelliser]. Cela évitera également que les bords de l'image transformée ne deviennent trop pixélisés, ce qui affecterait négativement l'apparence de la bordure.

 

Cet effet peut être extrêmement utile lorsque vous travaillez avec des ressources telles que les pinceaux de feuillage. Vous vous souvenez de la perspective atmosphérique ? Une façon d'obtenir cet effet est de simplement dessiner les éléments avec moins de détails à mesure qu'ils sont éloignés. Dans ce cas, la propriété de calque [Effet de bordure] peut également être un excellent choix pour créer une silhouette simple pour les objets éloignés, empêchant ainsi les éléments d'arrière-plan d'être trop détaillés et de distraire de notre premier plan.

 

De plus, appliquer l'[Effet de bordure] au calque contenant votre premier plan peut l'aider à se démarquer de l'arrière-plan, si cela est stylistiquement approprié.

 

EXTRACTION DE L'ENCARAGE

 

Certains des pinceaux, tampons et ressources importées plus stylisés, tels que les modèles 3D, peuvent nécessiter d'être modifiés pour s'adapter à la qualité de ligne et à la palette de couleurs de votre illustration. L'outil [Effet de bordure] peut être utile pour créer un encrage bordant le contenu de n'importe quel calque, mais un autre outil pratique dans l'onglet [Propriété du calque] est l'outil [Extraire ligne], situé juste à côté de [Effet de bordure]. Cet outil extrait l'encrage de l'ensemble du calque, comme illustré ci-dessous :

 

 

Ceci peut être utile pour les ressources importées telles que les modèles 3D dont l'encrage peut nécessiter un renforcement, ou si vous avez besoin de l'encrage isolé d'un calque pour une raison quelconque. Pour utiliser l'encrage isolé et rendre les zones blanches transparentes, il suffit de pixelliser le calque sélectionné et de naviguer vers le menu [Édition] > [Convertir la luminosité en opacité].

 

Notez que, si l'outil [Extraire ligne] non modifié peut être activé et désactivé, les effets [Pixelliser] et [Convertir la luminosité en opacité] ne le peuvent pas. Alternativement, vous pouvez définir le mode de fusion du calque sur [Produit] ou [Incandescence linéaire] pour des niveaux de contraste variés.

 

Une fois l'encrage extrait, il peut ensuite être placé sur une copie du calque original pour renforcer la qualité de la ligne, ou être utilisé comme encrage à colorier avec votre palette souhaitée. Ceci est idéal pour les objets au premier plan dont les détails audacieux les feront ressortir encore plus.

Quel que soit votre niveau, votre expérience ou votre style artistique, il existe forcément des pinceaux utiles qui peuvent vous aider dans votre parcours artistique ! N'ayez pas peur d'expérimenter et de voir ce qui fonctionne le mieux pour votre style unique !

Conclusion

Et c'est fini !

 

Merci encore d'avoir consulté mon premier tutoriel ! J'espère que vous vous êtes amusé et que vous avez pu apprendre une ou deux astuces utiles en cours de route. Si vous avez apprécié ce tutoriel et que vous souhaitez en voir d'autres similaires, n'hésitez pas à me le faire savoir et à suggérer des sujets dans les commentaires !

 

Si vous souhaitez en savoir plus sur ces personnages, n'hésitez pas à consulter mon WEBTOON ci-dessous !

 

 

Santé et joyeux automne !