Explorer la vraie roue chromatique dans Photoshop

Dans mon dernier tutoriel, nous avons exploré la roue chromatique RYB en Johannes Itten. Bien qu’il soit enseigné dans la plupart des écoles aujourd’hui, il n’est pas vraiment adapté aux concepteurs. Le problème est que les couleurs complémentaires de la roue chromatique RYB mélangent des teintes de marron au lieu de gris.

La roue chromatique réelle, de Don Jusko, mélange les teintes de gris et il est important que nous la comprenions autant que la roue chromatique RYB – explorons-la dans Photoshop.

Explorer les valeurs HSB

Ouvrez la boîte de dialogue Couleur dans Photoshop ou dans votre programme préféré et examinez les valeurs HSB :

  • (Teinte
  • (Saturation
  • (Luminosité

Avec ces trois valeurs vous pouvez changer la couleur (Hue), les teintes (Saturation) et enfin les nuances (Brightness).

Tout d’abord, jouons avec les teintes. Comme nous l’avons vu précédemment, Johannes Itten utilise RYB (rouge/jaune/bleu) comme couleurs primaires. Puisque la roue est à 360° et que nous voulons trouver ses trois couleurs primaires, nous pouvons faire un calcul simple : 360/3 = 120°. Il s’agit de la quantité dans laquelle les couleurs sont espacées les unes des autres.

La première teinte est rouge et elle est à 0°. Donc c’est HSB c’est :

La deuxième teinte est verte et elle est à 120°:

  • H : 120°
  • S : 100°
  • B : 100°
Similaire  10 exemples d'imprimés intemporels

Et le bleu est la dernière couleur à 240°:

  • H : 240°
  • S : 100°
  • B : 100°

La nouvelle roue chromatique ressemble à ceci :

CMJN
RVB

Bien qu’il soit proche, ce n’est PAS la même chose que la roue chromatique RYB. Par exemple, sur la roue chromatique RYB, la couleur complémentaire du rouge est le vert. Sur la nouvelle roue chromatique, le complémentaire du rouge est le cyan – cette roue chromatique est beaucoup plus conviviale pour les artistes :

  • cyan est le complémentaire de Red
  • Magenta est le complémentaire de Green
  • Jaune est le complémentaire de Bleu

Trouver d’autres couleurs complémentaires

Étant donné que les couleurs complémentaires sont opposées les unes aux autres sur la roue chromatique, vous devez ajouter ou soustraire 180° (360/2) à n’importe quelle valeur de teinte donnée. Comme nous l’avons dit plus haut, le complémentaire de 0° (Rouge) correspond à 180° (Cyan).

Bien que ce ne soit pas une technique difficile, je suis un gars assez paresseux et je préfère utiliser mon temps avec la conception et non avec les mathématiques, alors j’utilise une astuce simple dans Photoshop. Choisir Image > Réglages > Inverser pour inverser la ou les couleurs du calque sélectionné. Quel que soit le pourcentage de couleur que vous avez sur ce calque, il sera échangé à 180° autour de sa couleur complémentaire.

Similaire  Comment maîtriser la couleur noire dans la conception d'impression

Et quand je suis VRAIMENT paresseux, j’utilise CMD+I pour obtenir les mêmes résultats encore plus rapidement. 😉

Création de schémas de couleurs monochromes

Maintenant, je vais vous expliquer comment vous pouvez trouver des schémas de couleurs monochromes sans l’aide d’outils tiers. J’ai choisi une valeur de teinte aléatoire de 83° qui est une sorte de couleur citron vert:

Vous pouvez faire glisser le petit cercle vers la gauche ou vers la droite pour créer des teintes (en ajoutant du blanc) de cette couleur. Ou vous pouvez simplement ajuster le pourcentage de saturation.

Si vous déplacez le petit cercle de haut en bas, vous contrôlez les valeurs d’ombre (en ajoutant du noir). Ou vous pouvez régler le pourcentage de luminosité.

Vous avez maintenant un jeu de couleurs monochromatique simple :

Création de schémas de couleurs triades

Je vais commencer par mon incroyable couleur citron vert (83° teinte). En fait, nous avons déjà créé une triade lorsque nous avons exploré les couleurs primaires car rappelez-vous, une triade est constituée de couleurs distantes de 120°.

Comme vous pouvez le voir, j’ai ajouté 120° à 83° pour obtenir cette triade :

Vous savez maintenant comment créer rapidement un jeu de couleurs à partir de n’importe quelle teinte.

Similaire  Traduire le succès : pourquoi le design interculturel est important

C’est à vous d’explorer !

Après avoir utilisé ces conseils de couleur, vous commencerez à voir vos créations sous un jour totalement nouveau. Par exemple, vous avez découvert les palettes de couleurs Monocromatiques et Complémentaires, alors pourquoi ne pas les combiner en une seule palette de couleurs ? 🙂 Essayons.

Nous utiliserons notre couleur citron vert comme couleur de base. Encore une fois, il est défini comme suit :

  • H : 83°
  • S : 100°
  • B : 100°

A partir de cette couleur de base, nous trouverons sa couleur complémentaire. Ajouter 180° à la valeur de teinte 83° et vous obtiendrez 263°. Cela vous donnera une teinte violette.

Ensuite, créez une teinte et une nuance de Violet Complémentaire. Voici mon résultat :

Vous pouvez vraiment faire beaucoup en combinant différentes combinaisons de couleurs. Maintenant, le pouvoir est dans votre souris… utilisez-le judicieusement ! 🙂

Des questions ou des suggestions sur la couleur? Merci de le poster dans les commentaires.