Comment dessiner une roue chromatique dans l'illustrateur?

10

Comment dessiner une roue chromatique dans l'illustrateur? Je pense à créer de nombreux petits arcs avec dégradé et toutes les couleurs de teinte. Des idées?

entrez la description de l'image ici

dcRay
la source

Réponses:

15

Une façon serait d'appliquer un dégradé linéaire sur le trait. Créez un cercle et tracez-le avec un motif de dégradé. Assurez-vous que le dégradé a les arrêts comme dans le tableau et l'image ci-dessous. Le dégradé peut ne pas sembler aussi lisse dans les transitions, mais c'est tout ce qui me vient à l'esprit.

+------------+---------------+----------+
| Color Stop |      RGB      | Location |
|------------+---------------+----------|
|      1     | (255, 0, 255) |    0.00% |
|      2     | (0, 0, 255)   |   16.67% |
|      3     | (0, 255, 255) |   33.33% |
|      4     | (0, 255, 0)   |   50.00% |
|      5     | (255, 255, 0) |   66.65% |
|      6     | (255, 0, 0)   |   83.33% |
|      7     | (255, 0, 255) |  100.00% |
+---------------------------------------+

Cercle caressé avec dégradé

Options de dégradé et arrêts de couleur

Résultat final

Raffi
la source
Belle solution Raffi! Vous pouvez également ignorer la saisie de ces valeurs de tableau en allant à Nuancier> icône de contrôle> Ouvrir la bibliothèque de nuances> Dégradés> Spectres> et en choisissant «Spectre» dans l'ensemble qui se charge.
saskiel
-1

Je n'ai pas Illustrator, mais c'est la technique générale que je peux utiliser dans GIMP. La même technique devrait être applicable à Illustrator:

  1. Commencez avec un fond noir
  2. Dans l'éditeur de dégradé, créez un dégradé personnalisé composé de trois segments de taille égale. Le premier tiers est une couleur de premier plan unie, le deuxième tiers est un dégradé linéaire du premier plan à la couleur d'arrière-plan et le dernier tiers est une couleur d'arrière-plan unie (voir l'annexe ci-dessous pour ce à quoi il devrait ressembler).
  3. Sélectionnez l'outil Dégradé
  4. Sélectionnez un gradient conique (symétrique)
  5. Sélectionnez le mode de fusion Addition
  6. Dessinez trois dégradés, dans trois directions (0deg, 120deg, 240deg), avec trois couleurs de premier plan différentes (par exemple # ff0000, # 00ff00, # 0000ff) à la couleur de fond noir.

Résultat

entrez la description de l'image ici

Alternativement, lorsque vous inversez toutes les couleurs et tous les dégradés, puis utilisez le mode de fusion Multiplier, vous obtiendrez exactement le même résultat que ce que vous obtiendriez avec Addition:

  1. Commencez avec un fond blanc
  2. Créez un dégradé comme dans le mode Addition, mais échangez la couleur de premier plan et d'arrière-plan. Créez un dégradé personnalisé composé de trois segments de taille égale. Le premier tiers est la couleur d'arrière-plan unie, le deuxième tiers est un dégradé linéaire de l'arrière-plan à la couleur de premier plan, et le dernier tiers est une couleur d'arrière-plan unie (voir l'annexe 2 ci-dessous pour ce à quoi elle devrait ressembler).
  3. Sélectionnez l'outil Dégradé
  4. Sélectionnez un gradient conique (symétrique)
  5. Sélectionnez le mode de fusion Multiplier
  6. Dessinez trois dégradés, dans trois directions (0deg, 120deg, 240deg), avec trois couleurs de premier plan inversées différentes (par exemple # 00ffff, # ff00ff, # ffff00) à la couleur de fond blanc.

Résultat

entrez la description de l'image ici

Pourquoi ça marche?

Si vous utilisez le sélecteur de couleurs autour de la roue chromatique, une chose que vous remarquerez est la façon dont la couleur RVB change lorsque vous déplacez votre sélecteur autour de la roue chromatique. D'abord, vous commencez avec du rouge pur (# ff0000), puis en tournant, vous remarquerez comment le vert augmente linéairement jusqu'à ce que vous deveniez jaune (# ffff00), puis vous tournez plus loin et le rouge diminue linéairement jusqu'à ce que vous deveniez vert pur (# 00ff00) . À partir de là, la même chose se produit avec le vert et le bleu, le bleu augmente linéairement jusqu'à cyan (# 00ffff), puis le vert diminue linéairement jusqu'à ce que vous soyez laissé avec du bleu pur (# 0000ff). Et puis à nouveau avec le bleu et le rouge, le rouge augmente linéairement jusqu'au magenta (# ff00ff), puis le bleu diminue linéairement jusqu'à ce que nous revenions au rouge pur (# ff0000).

Essentiellement, ce que nous créons avec notre dégradé conique, c'est l' ajout des couleurs primaires (rouge, vert, bleu) sur un fond noir (# 000000):

entrez la description de l'image ici

Le mode de fusion "addition" ajoute mathématiquement les couleurs au calque en dessous (ou en cas d'outil dégradé, à l'image existante). Cela signifie que si le calque en dessous a la couleur # 112233 et que la couleur que vous souhaitez "Ajouter" est # 010203, la nouvelle couleur serait # 112233 + # 010203 = # 122436.

En ajoutant les trois gradients coniques ensemble sur un fond noir, nous obtenons la roue chromatique que nous attendions.

Alors que la technique d'addition fonctionne en ajoutant des couleurs à la toile noire (# 000000), comme faire une statue d'argile. La technique Multiply fonctionne en découpant essentiellement les couleurs indésirables (les couleurs inverses) du blanc (#ffffff), comme un sculpteur. Ils produisent tous deux le même résultat exact de manières très différentes.

appendice

Voici à quoi devrait ressembler l'éditeur de dégradé dans la technique Addition:

entrez la description de l'image ici

Annexe 2

Voici à quoi devrait ressembler l'éditeur de dégradé dans la technique Inverse et Multiply:

entrez la description de l'image ici

Lie Ryan
la source
(a) La question concerne Illustrator, qui est un programme très différent de GIMP. Et (b)… quoi? Pourquoi ne sélectionneriez-vous pas le gradient prédéfini de "spectre de saturation complet" et y utiliseriez-vous un gradient conique?
wchargin
1
@wchargin: parce que je veux expliquer comment fonctionnent les roues chromatiques. Oui, j'aurais pu le faire en utilisant le spectre de saturation complet pour obtenir la roue chromatique normale dans GIMP, mais si vous souhaitez reproduire l'effet en utilisant des couleurs de base non standard, alors l'utilisation d'un "spectre de saturation complet" prédéfini ne vous aurait pas aidé à faire cette. En tout cas, je ne sais pas s'il existe ou non un équivalent de dégradé prédéfini "spectre de couleurs" dans Illustrator. La technique que j'ai décrite pourrait fonctionner sur presque tous les programmes d'édition d'images non basiques.
Lie Ryan
2
Mais il y a votre problème: Illustrator n'est pas un programme d'édition d'images.
wchargin
1
@wchargin: Illustrator propose des dégradés, des calques et des modes de fusion des calques. Celles-ci suffisent pour appliquer l'idée générale ici.
Lie Ryan