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, "Correction des couleurs". Plus précisément, nous allons parler des couches de correction de carte de dégradé et couvrir toutes les choses les plus importantes à leur sujet: ce qu'elles sont, comment elles 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 didacticiel, nous ne faisons qu'effleurer la surface de ce qui est possible.

Nous avons également transformé ce didacticiel en une 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.)

Maintenant, sans plus tarder, plongeons-y droit Mais avant de pouvoir réellement parler de cartes de dégradé, nous devons d'abord clarifier ce qu'est une couche de correction et pourquoi elles sont si utiles.

Calques de correction

Tout d'abord, qu'est-ce qu'une couche de correction de toute façon? Pour faire simple, un calque de correction applique un certain effet à tous les calques en dessous. Ce qu'il fait exactement dépend du type de couche de correction que vous choisissez. Et ce qui est formidable à leur sujet, c'est qu'ils ne sont pas destructeurs. Cela signifie que vous pouvez inverser l'effet ou modifier ses paramètres à tout moment.

Vous pouvez créer un calque de correction en cliquant avec le bouton droit de la souris sur la palette de calques, puis 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'endroit où vous verriez généralement le contenu d'un calque est une boîte entièrement grise, avec une petite icône dans le coin. L'icône indique de quel type de couche de correction il s'agit. Pour chaque nouveau calque de correction, un masque est également créé automatiquement.

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

 

 

Ensuite, que peuvent faire toutes ces différentes couches de correction? Voici un bref résumé:

Tout d'abord, luminosité / contraste; comme son nom l'indique, cet effet est capable 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 ton 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 tonalité, mais elle utilise des curseurs sur un histogramme à la place.

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

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

L'équilibre 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 sont pâles en comparaison de la magnificence des cartes de gradient. Les cartes de dégradé sont probablement les plus complexes de ces neuf et, plus important encore, mes préférées. C'est pourquoi nous avons créé un tutoriel complet dédié à cette couche 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 permettant de changer les couleurs d'une image, à la fois pour les images en niveaux de gris et en couleur.

Comme tout autre calque de correction, vous pouvez créer un calque de carte de dégradé en cliquant avec le bouton droit de la souris 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, vous avez le choix entre plus de dégradés. Double-cliquez sur un dégradé pour le copier dans la barre de couleurs.

Ce groupe de dégradés est appelé un ensemble 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 ensembles de dégradés préinstallés, que vous avez créés vous-même ou que vous avez précédemment téléchargés.

Pour l'exemple suivant, nous avons sélectionné le dégradé "Sunset (violet)" dans l'ensemble de dégradés "Sky" pré-installé.

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

Sur la gauche, vous voyez la version non éditée; le côté droit montre la même image mais avec "Sunset (violet)" appliqué dessus.

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

Fondamentalement, le calque de correction de la carte de dégradé lit la valeur des niveaux de gris (c'est-à-dire le degré d'obscurité ou de lumière de la couleur) de chaque pixel de l'image. Ensuite, chaque pixel se verra attribuer une nouvelle couleur en fonction du dégradé: les zones blanches pures passeront à la couleur à l'extrême droite du dégradé, tandis que le noir pur deviendra la couleur à l'extrême gauche. Une couleur de milieu de gamme se transforme en une couleur au milieu du dégradé, et ainsi de suite.

La plupart des dégradés que vous rencontrerez vont d'une couleur sombre sur le côté gauche à une couleur claire sur la 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 de l'obscurité à la lumière et peuvent avoir autant de couleurs que vous le souhaitez.

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

Sous la barre de couleur 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 vers des positions différentes en les faisant glisser ou entrer un nombre différent dans la case "Position" en bas à droite. Pour créer un nouveau nœud, cliquez sur n'importe quel endroit vide du dégradé. Cliquer sur l'icône de la poubelle 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 couleur. (Vous pouvez également sélectionner "Couleur de dessin principale" ou "Couleur de dessin secondaire" à la place; comme le nom l'indique, cela changera la couleur en quelle que soit la couleur principale ou secondaire actuellement sélectionnée. Ceci est utile pour créer des dégradés pour les outils, mais nous avons gagné N'allez pas plus loin à ce sujet car ce n'est pas le sujet de ce tutoriel.)

 

IMPORTANT: 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 l'ensemble, vous devez utiliser les boutons situés sous l'ensemble de dégradés.

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

2. Le deuxième bouton fait la même chose qu'un double-clic sur le dégradé en surbrillance; il remplace le dégradé dans la barre de couleur.

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é dans la barre de couleur en tant que nouveau dégradé.

5. Enfin, l'icône de la poubelle supprime le dégradé en surbrillance de l'ensemble.

Maintenant, si vous avez accidentellement écrasé ou supprimé un dégradé que vous ne vouliez pas, n'ayez pas peur! 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 carte de dégradé, alors gardez cela à l'esprit.

 

Le dernier domaine de l'interface que nous n'avons pas encore mentionné est la courbe de taux de mélange.

La courbe de taux 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 können le plus à droite n'a pas de courbe de taux de mélange. Étant donné que les courbes de taux de mélange déterminent comment toutes les couleurs entre les nœuds sont mélangées, elles constituent l'un des facteurs les plus importants pour déterminer l'aspect 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 détermine par contre le rapport auquel la couleur droite et la couleur gauche sont mélangées à une position donnée.

 

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

Ce graphique n'est pas parfaitement linéaire; cela signifie que le gradient 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 hors du graphique pour les supprimer.

 

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

 

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

 

Une courbe en S inversée, en revanche, crée plus de gris moyens et moins de gris très sombres ou très clairs.

 

Vous pouvez également faire plusieurs allers-retours entre la couleur gauche et droite.

 

Vous pouvez non seulement modifier les dégradés d'un ensemble, vous pouvez également créer des ensembles de dégradés entièrement nouveaux. Cliquez sur l'icône de clé à 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 modifier le nom d'un ensemble 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 y a des possibilités infinies sur la façon d'utiliser les cartes de dégradé dans votre travail! Ces exemples sont quelques-unes des utilisations les plus courantes et les plus connues, ainsi que des méthodes que j'utilise beaucoup personnellement.

1. Colorisation des illustrations en niveaux de gris

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

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

Dans l'image ci-dessous, il y a une superposition violette appliquée à la version gauche et droite. Comme vous pouvez le voir, les zones de papier blanc de la version de gauche sont restées entièrement blanches.

 

Après avoir peint des couleurs locales sur le dessus, voici à quoi ressemble le même dessin d'avant:

Dans la version ci-dessus, j'ai utilisé un dégradé sépia simple aux tons chauds. Mais comme les couches de correction ne sont pas destructives, je peux toujours revenir en arrière et changer le dégradé. En seulement deux clics, l'œuvre d'art peut obtenir une atmosphère complètement différente.

2. Colorisation de 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 vos calques lineart dans un dossier. Sous les lignes, ajoutez un autre calque et remplissez-le complètement de blanc pur. Au-dessus du lineart, créez une couche de correction de carte de dégradé avec le dégradé de votre choix.

Le dégradé doit avoir un 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 couches de couleur sous le lineart ne soient pas affectées.)

Le lineart devrait ressembler à quelque chose comme ça jusqu'à présent:

 

Et la dernière étape: changez le mode de fusion du dossier lineart en Multiply ou Linear Burn. 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 cela crée une belle touche finale.

 

Une chose que vous devez garder à l'esprit avec cette méthode est que si vos couleurs plates ne sont pas assez propres et que le lineart est assez clair, les bords des couleurs plates deviennent visibles. Tant que votre lineart est globalement assez sombre, cela ne devrait pas être un problème.

3. Réglage du contraste avec Superposition

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

Ajoutez une couche de carte de dégradé comme vous le feriez habituellement. Pour augmenter le contraste, le dégradé doit passer de sombre sur la gauche à clair sur le côté droit. Un dégradé passant du clair au foncé diminuera par contre le contraste de l'image.

 

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

 

 

La couche de correction de la carte de dégradé doit être au-dessus de toutes les autres couches. Ensuite, vous devez définir le mode de fusion du calque de correction sur Superposition et réduire l'opacité si nécessaire.

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

 

4. Transformer les images en niveaux de gris

L'utilisation d'un calque de correction de carte de dégradé est le moyen le plus simple de transformer avec précision une image en niveaux de gris. Et «précisément» est le mot important ici, car techniquement, il est plus facile d'ajouter un calque Teinte / Saturation / Luminosité et de tourner la Saturation à 0. J'avais l'habitude de faire ce dernier pour vérifier les valeurs de mon illustration, qui est à peu près la pire façon de s'y prendre. Ne faites pas les mêmes erreurs que moi.

Je ne vais pas vous déranger avec tous les détails sur la raison, 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 le devrait 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 taux de mélange du nœud noir doit être linéaire. Si vous laissez la courbe de taux 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 la vôtre, vous pouvez télécharger des cartes de dégradé à partir de Clip Studio Assets.

(Un grand nombre des dégradés utilisés dans ce didacticiel sont disponibles au téléchargement gratuitement sur Assets; il suffit de rechercher mon nom d'utilisateur "toffl" ou de visiter mon profil)

Tout d'abord, comme tout autre pinceau ou matériau, vous devrez accéder à Actifs, 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 de clé à molette à côté du nom du jeu de dégradés, puis cliquez sur "Importer le jeu de matériaux". Cela ouvrira une nouvelle fenêtre avec tous les ensembles 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.

(De nombreux dégradés utilisés dans ce didacticiel sont disponibles en téléchargement gratuit sur Assets; il suffit de rechercher mon nom d'utilisateur "toffl" ou de visiter mon profil)

Procédure pas à pas: création d'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 garantit 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é modifie les valeurs que vous avez déjà sélectionnées.

 

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 à la fin du dégradé.

Étape 2: ajoutez les couleurs dont vous souhaitez que le dégradé soit composé Cela peut être autant de couleurs que vous le souhaitez, mais gardez à l'esprit que plus vous utilisez de couleurs, plus vous aurez besoin 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, au moins). De cette façon, chaque couleur sera au moins approximativement à la bonne position pour être considérée comme fidèle à sa valeur.

Ainsi, par exemple, si la luminosité HLS du jaune est de 90, déplacez-la en position 90 et répétez cette opération pour chaque nœud.

Étape 3: définissez la courbe de taux de mélange de chaque nœud sur linéaire. Pour ce faire, cochez la case "courbe de taux 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 canevas comme suit:

Tout d'abord, 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 de cela. Et enfin, tout en haut doit être une autre couche 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 travaillons, vous remarquerez probablement que le résultat change légèrement.

Le but est maintenant de changer 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.

En règle générale, les bleus et les violets doivent être rapprochés du côté gauche (sombre), tandis que les jaunes et les oranges doivent être poussés vers le côté droit (clair).

(Vous pouvez é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 activées dont vous ne pouvez pas vous débarrasser. Je ne sais pas pourquoi cela se produit parfois, j'ai donc choisi de l'ignorer. )

Conclusion et médias 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 a été utile d'une manière ou d'une autre. Étant donné que nous n'avons couvert que quelques méthodes de base pour appliquer des cartes de dégradé, vous avez 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 pendant que moi (Toffl) écrivais le tutoriel et enregistrais la voix off. Tous les dessins, animations et vidéos utilisés dans ce didacticiel ont été créés par l'un de nous et tous les dégradés utilisés ont été préinstallés dans Clip Studio Paint ou créés par moi.

Suivez-nous sur instagram, twitter ou artstation pour voir plus de notre art et d'autres contenus:

 

Esra: esra_arts (Twitter, Instagram)

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

 

Toffl: Ktoffl (Instagram, ArtStation)