Guide du débutant sur les Cartes de Dégradé

fdsfdsfdsa

Ce tutoriel a été créé en collaboration entre Esra (https://profile.clip-studio.com/en-us/profile/362yzkvzw-o8) et moi (Toffl) pour l'un des sujets de ce mois-ci, «Correction des couleurs». Plus précisément, nous allons parler des calques de correction de carte de dégradé et couvrir tous les points les plus importants à leur sujet – ce qu'ils sont, comment ils fonctionnent, comment les utiliser et comment créer des dégradés. Les cartes de dégradé sont un outil extrêmement polyvalent, donc même dans ce tutoriel, nous ne faisons qu'effleurer la surface de ce qui est possible.

Nous avons également transformé ce tutoriel en vidéo YouTube – la version vidéo et la version texte couvrent les mêmes sujets, alors choisissez celle que vous préférez. (La vidéo est en anglais avec des sous-titres anglais.)

Sans plus tarder, plongeons dans le vif du sujet. Mais avant de pouvoir réellement parler des cartes de dégradé, nous devons d'abord clarifier ce qu'est un calque de correction, et pourquoi ils sont si utiles.

Calques de correction

Tout d'abord, qu'est-ce qu'un calque de correction ? Pour faire simple, un calque de correction applique un certain effet à tous les calques situés en dessous. Ce qu'il fait exactement dépend du type de calque de correction que vous choisissez. Et ce qui est génial avec eux, c'est qu'ils sont non destructifs. Cela signifie que vous pouvez annuler l'effet ou modifier ses paramètres à tout moment.

Vous pouvez créer un calque de correction en faisant un clic droit sur la palette de calques ; dans le menu contextuel, vous aurez le choix entre neuf options sous «Nouveau calque de correction».

Pour presque tous les calques de correction, une boîte de dialogue avec des paramètres personnalisables apparaîtra (que nous ignorerons pour l'instant).

Le calque de correction lui-même ressemblera à ceci :

Là où vous verriez habituellement le contenu d'un calque se trouve une boîte entièrement grise, avec une petite icône dans le coin. L'icône indique le type de calque de correction. Pour chaque nouveau calque de correction, un masque est également créé automatiquement.

Vous pouvez double-cliquer sur la boîte grise à tout moment par la suite pour ajuster les paramètres, ce qui ouvrira la même boîte de dialogue que celle que vous avez vue lors de la création du calque.

 

 

Ensuite, que peuvent faire tous ces différents calques de correction ? Voici un bref résumé :

Tout d'abord, Luminosité/Contraste ; comme son nom l'indique, cet effet permet de modifier à la fois la luminosité et le contraste de l'image.

Teinte/Saturation/Luminosité peut ajuster – eh bien, vous l'avez deviné – la teinte, la saturation et la luminosité.

L'effet Courbe de Teinte ajuste les canaux RVB de l'image à l'aide de points de contrôle sur un graphique.

La Correction de Niveau est très similaire à la courbe de teinte, mais elle utilise des curseurs sur un histogramme à la place.

L'effet Postérisation réduit le nombre de couleurs d'une image à un nombre défini.

L'Inversion de Dégradé inverse toutes les couleurs. (C'est le seul effet qui n'a pas de paramètres supplémentaires.)

La Balance des Couleurs vous permet d'ajuster l'équilibre de chaque couleur RVB.

Et la Binarisation transforme toutes les couleurs de l'image en noir pur ou en blanc pur.

Mais tous ces effets de correction pâlissent en comparaison de la magnificence des cartes de dégradé. Les cartes de dégradé sont probablement les plus complexes de ces neuf effets et, plus important encore, mes préférées. C'est pourquoi nous avons créé un tutoriel entier dédié à ce seul calque de correction.

Cartes de dégradé : ce qu'elles sont et comment elles fonctionnent

Une carte de dégradé est un outil simple mais polyvalent pour modifier les couleurs d'une image, qu'il s'agisse d'images en niveaux de gris ou en couleurs.

Tout comme n'importe quel autre calque de correction, vous pouvez créer un calque de carte de dégradé en faisant un clic droit sur la palette «Calque», en cliquant sur «Nouveau calque de correction», puis sur «Carte de dégradé». Après cela, la fenêtre suivante apparaîtra :

En haut, vous voyez la barre de couleurs, qui affiche le dégradé qui sera appliqué à la toile. En bas à gauche, il y a plus de dégradés à choisir. Double-cliquez sur n'importe quel dégradé pour le copier dans la barre de couleurs.

Ce groupe de dégradés est appelé un jeu de dégradés. Pour accéder à d'autres jeux de dégradés, cliquez sur le nom du jeu de dégradés actuel. Cela ouvrira un menu déroulant avec tous les jeux de dégradés préinstallés, que vous avez créés vous-même ou que vous avez déjà téléchargés.

Pour l'exemple suivant, nous avons sélectionné le dégradé «Coucher de soleil (violet)» du jeu de dégradés «Ciel» préinstallé.

Si vous cliquez simplement sur OK sans modifier d'autres paramètres, cela aura l'effet suivant sur l'image :

À gauche, vous voyez la version non éditée ; le côté droit montre la même image mais avec «Coucher de soleil (violet)» appliqué.

L'effet sera différent si vous modifiez le mode de fusion ou l'opacité du calque de correction, ce que nous expliquerons plus en détail dans les sections suivantes.

En gros, le calque de correction de carte de dégradé lit la valeur de gris (c'est-à-dire à quel point la couleur est foncée ou claire) de chaque pixel de l'image. Ensuite, chaque pixel se verra attribuer une nouvelle couleur conformément au dégradé : les zones d'un blanc pur changeront pour la couleur située à l'extrême droite du dégradé, tandis que le noir pur deviendra la couleur située à l'extrême gauche. Une couleur de milieu de gamme changera pour une couleur située au milieu du dégradé, et ainsi de suite.

La plupart des dégradés que vous rencontrerez vont d'une couleur foncée à gauche à une couleur claire à droite. Mais ce n'est en aucun cas tout ce qui est possible pour les cartes de dégradé. Par exemple, les dégradés n'ont pas nécessairement besoin d'avoir des transitions douces. Ils n'ont pas besoin de passer du sombre au clair, et peuvent avoir autant ou aussi peu de couleurs que vous le souhaitez.

Bases de l'édition et de la création de cartes de dégradé

Sous la barre de couleurs se trouvent plusieurs petites flèches. Ces nœuds définissent chacun une couleur spécifique. Toutes les autres couleurs du dégradé sont créées en mélangeant ces couleurs.

Vous pouvez déplacer ces nœuds à différentes positions en les faisant glisser, ou entrer un nombre différent dans la zone «Position» en bas à droite. Pour créer un nouveau nœud, cliquez sur n'importe quel emplacement vide du dégradé. Cliquer sur l'icône de la corbeille en bas à droite supprimera le nœud actuellement sélectionné.

Pour attribuer une couleur différente à un nœud, cliquez sur le rectangle coloré sous «Couleur spécifiée». Cela ouvrira un sélecteur de couleurs. (Vous pouvez également sélectionner «Couleur de dessin principale» ou «Couleur de dessin secondaire» à la place ; comme leur nom l'indique, cela changera la couleur pour celle actuellement sélectionnée comme couleur principale ou secondaire. Ceci est utile pour créer des dégradés pour les outils, mais nous n'entrerons pas dans les détails à ce sujet car ce n'est pas le sujet de ce tutoriel.)

 

IMPORTANT : Toutes les modifications que vous apportez à la barre de couleurs ne sont PAS automatiquement enregistrées dans le jeu de dégradés. Pour enregistrer un dégradé dans le jeu, vous devez utiliser les boutons situés sous le jeu de dégradés.

1. Le premier bouton remplace le dégradé actuellement en surbrillance par le dégradé de la barre de couleurs. Pour mettre en surbrillance un dégradé différent, cliquez dessus une fois (deux fois écrasera la barre de couleurs).

2. Le deuxième bouton fait la même chose que de double-cliquer sur le dégradé en surbrillance ; il remplace le dégradé de la barre de couleurs.

3. Le troisième bouton crée une copie du dégradé en surbrillance dans le jeu de dégradés.

4. Le quatrième bouton enregistrera le dégradé de la barre de couleurs comme un nouveau dégradé.

5. Et enfin, l'icône de la corbeille supprime le dégradé en surbrillance du jeu.

Maintenant, si vous avez accidentellement écrasé ou supprimé un dégradé que vous ne vouliez pas, n'ayez crainte ! Si vous cliquez sur «Annuler» au lieu de «OK», toutes les modifications apportées seront annulées. Mais cela inclut TOUTES les modifications que vous avez apportées depuis que vous avez ouvert la fenêtre de la carte de dégradé, alors gardez cela à l'esprit.

 

La dernière zone de l'interface que nous n'avons pas encore mentionnée est la courbe de mélange.

La courbe de mélange de chaque nœud détermine comment sa couleur se mélange avec la couleur du nœud suivant à droite. Par conséquent, le nœud le plus à droite n'a pas de courbe de mélange. Comme les courbes de mélange déterminent la façon dont toutes les couleurs entre les nœuds sont mélangées, elles sont l'un des facteurs les plus importants pour déterminer l'apparence d'un dégradé.

L'axe des x décrit la position, allant de la position du nœud gauche à la position du nœud droit. L'axe des y, quant à lui, détermine le rapport dans lequel la couleur de droite et la couleur de gauche sont mélangées à une position donnée.

 

L'image ci-dessous montre la courbe de mélange par défaut (à droite, nœud noir). Lorsque la case à cocher de la courbe de mélange n'est pas cochée, elle se comporte de la même manière que la courbe par défaut montrée ci-dessus.

Ce graphique n'est pas parfaitement linéaire ; cela signifie que le dégradé entre les deux nœuds n'est pas parfaitement lisse. Pour créer une gradation linéaire, faites glisser les deux points de contrôle du milieu loin du graphique pour les supprimer.

 

Une courbe comme celle montrée ci-dessous entraînera une transition directe d'une couleur à l'autre sans aucun mélange de couleurs.

 

Avec le noir à une extrémité et le blanc à l'autre, la création d'une courbe en S similaire à la courbe par défaut donne plus de gris très foncés et de gris très clairs, et moins de gris dans la plage des tons moyens.

 

Une courbe en S inversée, d'autre part, crée plus de gris de tons moyens, et moins de gris très foncés ou très clairs.

 

Vous pouvez également alterner plusieurs fois entre la couleur gauche et la couleur droite.

 

Vous pouvez non seulement éditer les dégradés d'un jeu, mais aussi créer des jeux de dégradés entièrement nouveaux. Cliquez sur l'icône de la clé à molette à côté du nom du jeu de dégradés. Vous y trouverez non seulement des options pour créer un jeu de dégradés ; vous pouvez également changer le nom d'un jeu, ou d'un seul dégradé.

Utilisations possibles des cartes de dégradé

Bien sûr, vous n'êtes pas limité aux seules utilisations énumérées ci-dessous. Il existe une infinité de possibilités d'utiliser les cartes de dégradé dans votre travail ! Ces exemples sont parmi les utilisations les plus courantes et les plus connues, ainsi que des méthodes que j'utilise personnellement beaucoup.

1. Coloriser des œuvres en niveaux de gris

Vous pouvez simplement utiliser une carte de dégradé comme indiqué précédemment à 100% d'opacité en mode Normal pour ajouter de la couleur à des croquis ou des œuvres monochromes. Cela peut rendre un simple gribouillis beaucoup plus intéressant avant de le publier sur les réseaux sociaux, sans avoir à le colorier réellement.

Mais vous pouvez aussi aller plus loin et ajouter des couleurs locales par-dessus. Les couleurs locales doivent être sur un calque en mode Incrustation ou dans un dossier en mode Incrustation. Pour ce faire, je vous recommande de changer la couleur de votre papier en un gris moyen, car les couleurs sur un calque en mode Incrustation n'apparaîtront pas sur du blanc pur.

Dans l'image ci-dessous, une Incrustation (violet) est appliquée à la fois à la version gauche et droite. Comme vous pouvez le voir, les zones de papier blanc de la version gauche sont restées entièrement blanches.

 

Après avoir peint quelques couleurs locales par-dessus, voici à quoi ressemble le même dessin qu'avant :

Dans la version ci-dessus, j'ai utilisé un simple dégradé sépia aux tons chauds. Mais comme les calques de correction sont non destructifs, je peux toujours revenir en arrière et modifier le dégradé. En seulement deux clics, l'œuvre peut obtenir une atmosphère entièrement différente.

2. Coloriser un **lineart** avec opacité

Si vous aimez travailler avec une opacité variable dans votre lineart, les cartes de dégradé sont un outil simple mais efficace pour rendre vos lignes beaucoup moins ternes sans avoir à les colorer manuellement.

Tout d'abord, placez votre ou vos calques de lineart dans un dossier. Sous les lignes, ajoutez un autre calque et remplissez-le entièrement de blanc pur. Au-dessus du lineart, créez un calque de correction de carte de dégradé avec le dégradé de votre choix.

Le dégradé doit avoir du blanc pur à son extrémité droite. Si ce n'est pas le cas, la carte de dégradé affectera non seulement le lineart, mais toutes les couleurs en dessous. (Ce que vous pourriez utiliser à votre avantage si c'est ce que vous recherchez, mais dans ce cas, nous voulons que les calques de couleur sous le lineart ne soient pas affectés.)

Le lineart devrait ressembler à ceci jusqu'à présent :

 

Et la dernière étape : Changez le mode de fusion du dossier du lineart en Produit ou Densité linéaire –. Avec ces deux modes de fusion, les zones blanches deviennent transparentes, de sorte que les couleurs en dessous seront à nouveau visibles.

 

L'image ci-dessous montre l'avant et l'après. C'est un effet plus subtil que la méthode précédente, mais il crée une belle touche finale.

 

Une chose à garder à l'esprit avec cette méthode est que si vos aplats de couleurs ne sont pas assez nets et que le lineart est assez clair, les bords des aplats de couleurs deviennent visibles. Tant que votre lineart est globalement assez foncé, cela ne devrait pas poser de problème.

3. Ajuster le contraste avec le mode Incrustation

C'est une autre astuce rapide et simple pour ajouter une touche finale à une œuvre colorée. Les cartes de dégradé peuvent non seulement augmenter ou diminuer le contraste, mais elles harmoniseront également la palette de couleurs.

Ajoutez un calque de carte de dégradé comme vous le feriez habituellement. Pour augmenter le contraste, le dégradé doit passer du sombre à gauche au clair à droite. Un dégradé passant du clair au sombre, en revanche, diminuera le contraste de l'image.

 

Vous pouvez inverser la direction d'une carte de dégradé avec le bouton situé sur le côté droit du dégradé.

 

 

Le calque de correction de carte de dégradé doit être au-dessus de tous les autres calques. Ensuite, vous devez définir le mode de fusion du calque de correction sur Incrustation et diminuer l'opacité si nécessaire.

Dans ce cas, j'ai utilisé une carte de dégradé allant du sombre au clair (augmentant le contraste). Le côté gauche montre la carte de dégradé en mode Incrustation à 100%, tandis que du côté droit, l'opacité est réduite à 50%.

 

4. Convertir les images en niveaux de gris

Utiliser un calque de correction de carte de dégradé est le moyen le plus simple de convertir avec précision une image en niveaux de gris. Et «avec précision» est le mot important ici, car techniquement, il est plus facile d'ajouter un calque de Teinte/Saturation/Luminosité et de réduire la saturation à 0. J'avais l'habitude de faire cela pour vérifier les valeurs de mon œuvre, ce qui est à peu près la pire façon de procéder. Ne faites pas les mêmes erreurs que moi.

Je ne vous ennuierai pas avec tous les détails expliquant pourquoi, mais comme vous pouvez le constater par vous-même, les résultats varient considérablement.

La version avec 0% de saturation est très différente des deux autres. Le jaune s'avère beaucoup plus foncé qu'il ne devrait l'être, et le bleu est trop clair.

 

Pour créer une carte de dégradé en niveaux de gris comme celle utilisée dans l'exemple, vous ne pouvez pas simplement ajouter du noir à une extrémité et du blanc à l'autre. La courbe de mélange du nœud noir doit être linéaire. Si vous laissez la courbe de mélange à sa valeur par défaut, cela augmentera légèrement le contraste de l'image.

Comment télécharger des cartes de dégradé

Si vous souhaitez avoir plus de cartes de dégradé disponibles sans avoir à créer les vôtres, vous pouvez télécharger des cartes de dégradé depuis Clip Studio Assets.

(Beaucoup des dégradés utilisés tout au long de ce tutoriel sont disponibles en téléchargement gratuit sur les Ressources (Assets) ; il suffit de rechercher mon nom d'utilisateur «toffl» ou de visiter mon profil)

Tout d'abord, comme n'importe quel autre pinceau ou matériau, vous devrez vous rendre sur les Ressources (Assets), trouver un jeu de dégradés que vous aimez et cliquer sur le bouton de téléchargement en haut à droite. Ensuite, créez un calque de carte de dégradé, cliquez sur l'icône en forme de clé à molette à côté du nom du jeu de dégradés, et cliquez sur «Importer un jeu de matériaux». Cela ouvrira une nouvelle fenêtre avec tous les jeux de dégradés que vous avez téléchargés. En sélectionner un et cliquer sur OK l'ajoutera à votre liste de jeux de dégradés.

(Beaucoup des dégradés utilisés dans ce tutoriel sont disponibles en téléchargement gratuit sur les Ressources (Assets) ; il suffit de rechercher mon nom d'utilisateur «toffl» ou de visiter mon profil)

Déroulement du processus : Créer une carte de dégradé fidèle à la valeur

Dans mon travail, j'utilise presque exclusivement des dégradés «fidèles à la valeur». (J'ai inventé ce terme moi-même, je ne sais pas s'il existe un autre terme plus courant.) Maintenant, qu'est-ce que cela signifie exactement ?

Comme nous l'avons expliqué au début, une carte de dégradé attribue une nouvelle couleur à chaque couleur d'une image en fonction de sa valeur. Une carte de dégradé fidèle à la valeur s'assure que la valeur de la nouvelle couleur correspond à la valeur de la couleur sous-jacente. En d'autres termes, la nouvelle couleur peut avoir une teinte ou une saturation différente de la couleur précédente, mais la valeur reste la même.

En d'autres termes, vous n'avez pas à craindre que le dégradé ne modifie les valeurs que vous avez déjà choisies.

 

Ensuite, je vais vous guider à travers le processus de création de ces dégradés.

Étape 1 : Placez des nœuds noirs purs et blancs purs aux extrémités du dégradé.

Étape 2 : Ajoutez les couleurs dont vous souhaitez que le dégradé soit composé. Cela peut être autant ou aussi peu de couleurs que vous le souhaitez, mais gardez à l'esprit que plus vous utilisez de couleurs, plus il vous faudra de temps pour terminer votre dégradé.

Dans ce cas, j'ai ajouté 4 nœuds en vert foncé, indigo, lavande et jaune.

La valeur de position de chaque nœud de couleur doit correspondre à la valeur de luminosité HLS de la couleur (pour l'instant, du moins). De cette façon, chaque couleur sera au moins approximativement à la bonne position pour être considérée comme fidèle à la valeur.

Ainsi, par exemple, si la Luminosité HLS du jaune est de 90, déplacez-le à la position 90, et répétez cela pour chaque nœud.

Étape 3 : Réglez la courbe de mélange de chaque nœud sur linéaire. Pour ce faire, cochez la case «courbe de mélange» et faites glisser les deux points de contrôle du milieu loin du graphique pour les supprimer.

Étape 4 : La dernière étape consiste à ajuster les valeurs. Pour ce faire, vous devez d'abord configurer votre toile comme suit :

Premièrement, créez un calque avec un dégradé parfaitement lisse, du noir au blanc. La carte de dégradé que vous souhaitez modifier doit être au-dessus. Et enfin, tout en haut doit se trouver un autre calque de carte de dégradé avec une carte de dégradé en niveaux de gris.

Lorsque vous activez et désactivez la carte de dégradé sur laquelle nous avons travaillé, vous remarquerez probablement que le résultat change légèrement.

L'objectif est maintenant de modifier la nouvelle carte de dégradé de manière à ce que l'avant et l'après soient aussi similaires que possible. Vous pouvez le faire en modifiant la luminosité HLS des couleurs ou en les déplaçant vers une position différente. Ensuite, vous devrez vérifier à nouveau les valeurs en activant et désactivant votre carte de dégradé. Vous devrez probablement répéter ce processus plusieurs fois avant d'être satisfait des résultats.

Typiquement, les bleus et les violets doivent être déplacés plus près du côté gauche (foncé), tandis que les jaunes et les oranges doivent être poussés vers le côté droit (clair).

(Vous pourriez également remarquer des artefacts dans le dégradé lorsque la nouvelle carte de dégradé et la carte de dégradé en niveaux de gris sont toutes deux activées et que vous ne pouvez pas les supprimer. Je n'ai aucune idée de la raison pour laquelle cela se produit parfois, j'ai donc choisi de l'ignorer.)

Conclusion et réseaux sociaux

Et c'est déjà la fin de notre brève digression dans le monde des cartes de dégradé.

Nous espérons que ce tutoriel vous a été utile d'une manière ou d'une autre. Puisque nous n'avons couvert que quelques méthodes de base pour l'application des cartes de dégradé, il y a beaucoup plus de possibilités à explorer !

Comme mentionné au début, ce tutoriel a été créé par deux artistes. Esra a édité et animé la vidéo tandis que moi (Toffl) ai écrit le tutoriel et enregistré la voix off. Tous les dessins, animations et vidéos utilisés dans ce tutoriel ont été créés par l'un de nous, et tous les dégradés utilisés étaient préinstallés dans Clip Studio Paint ou créés par moi.

Suivez-nous sur instagram, twitter ou artstation pour voir plus de nos œuvres et d'autres contenus :

 

Esra : esra_arts (twitter, instagram)

(profil clip studio : https://profile.clip-studio.com/en-us/profile/362yzkvzw-o8)

 

Toffl : ktoffl (instagram, artstation)