Wie zeichnet man ein Farbrad im Illustrator?

Wie zeichnet man ein Farbrad im Illustrator? Ich denke daran, viele kleine Bögen mit Farbverlauf und allen Farbtönen zu erstellen. Irgendwelche Ideen?

Geben Sie hier die Bildbeschreibung ein

Antworten (2)

Eine Möglichkeit wäre, einen linearen Farbverlauf auf den Strich anzuwenden. Erstellen Sie einen Kreis und streichen Sie ihn mit einem Verlaufsmuster. Stellen Sie sicher, dass der Farbverlauf die Stopps wie in der Tabelle und im Bild unten hat. Der Farbverlauf sieht in den Übergängen vielleicht nicht so glatt aus, aber das ist alles, was mir in den Sinn kommt.

+------------+---------------+----------+
| 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% |
+---------------------------------------+

Kreis mit Farbverlauf gestrichen

Verlaufsoptionen und Farbstopps

Endergebnis

Schöne Lösung Raffi! Sie können die Eingabe dieser Tabellenwerte auch überspringen, indem Sie zu Farbfelder > Steuerungssymbol > Farbfeldbibliothek öffnen > Farbverläufe > Spektren > gehen und „Spektrum“ aus dem geladenen Satz auswählen.

Ich habe keinen Illustrator, aber dies ist die allgemeine Technik, die ich in GIMP anwenden kann. Die gleiche Technik sollte auf Illustrator anwendbar sein:

  1. Beginnen Sie mit schwarzem Hintergrund
  2. Erstellen Sie im Verlaufseditor einen benutzerdefinierten Verlauf, der aus drei gleich großen Segmenten besteht. Das erste Drittel ist eine solide Vordergrundfarbe, das zweite Drittel ist ein linearer Farbverlauf von der Vordergrund- zur Hintergrundfarbe und das letzte Drittel ist eine solide Hintergrundfarbe (siehe Anhang unten, wie es aussehen sollte).
  3. Wählen Sie Verlaufswerkzeug
  4. Wählen Sie Konischer (symmetrischer) Verlauf
  5. Wählen Sie den Mischmodus Addition
  6. Zeichnen Sie drei Farbverläufe in drei Richtungen (0 Grad, 120 Grad, 240 Grad) mit drei verschiedenen Vordergrundfarben (z. B. #ff0000, #00ff00, #0000ff) zu einer schwarzen Hintergrundfarbe.

Ergebnis

Geben Sie hier die Bildbeschreibung ein

Wenn Sie alternativ alle Farben und Farbverläufe umkehren und dann den Mischmodus „Multiplizieren“ verwenden, erhalten Sie genau das gleiche Ergebnis wie mit Addition:

  1. Beginnen Sie mit weißem Hintergrund
  2. Erstellen Sie einen Farbverlauf wie im Additionsmodus, aber vertauschen Sie die Vorder- und Hintergrundfarbe. Erstellen Sie einen benutzerdefinierten Farbverlauf, der aus drei gleich großen Segmenten besteht. Das erste Drittel ist eine solide Hintergrundfarbe, das zweite Drittel ist ein linearer Farbverlauf von der Hintergrund- zur Vordergrundfarbe und das letzte Drittel ist eine solide Hintergrundfarbe (siehe Anhang 2 unten, wie es aussehen sollte).
  3. Wählen Sie Verlaufswerkzeug
  4. Wählen Sie Konischer (symmetrischer) Verlauf
  5. Wählen Sie den Mischmodus „Multiplizieren“ .
  6. Zeichnen Sie drei Farbverläufe in drei Richtungen (0 Grad, 120 Grad, 240 Grad) mit drei verschiedenen inversen Vordergrundfarben (z. B. #00ffff, #ff00ff, #ffff00) zur weißen Hintergrundfarbe.

Ergebnis

Geben Sie hier die Bildbeschreibung ein

Warum funktioniert das?

Wenn Sie den Farbwähler um das Farbrad herum verwenden, werden Sie feststellen, wie sich die RGB-Farbe ändert, wenn Sie Ihren Farbwähler um das Farbrad herum bewegen. Zuerst beginnst du mit reinem Rot (#ff0000), dann wirst du beim Drehen bemerken, wie Grün linear zunimmt, bis du Gelb erhältst (#ffff00), dann drehst du weiter und Rot nimmt linear ab, bis du reines Grün erhältst (#00ff00). . Von hier aus passiert dasselbe mit Grün und Blau, Blau nimmt linear zu bis Cyan (#00ffff), gefolgt von Grün, das linear abnimmt, bis Sie reines Blau (#0000ff) haben. Und dann wieder mit Blau und Rot, Rot nimmt linear zu bis Magenta (#ff00ff), gefolgt von Blau, das linear abnimmt, bis wir wieder zu reinem Rot (#ff0000) zurückkehren.

Im Wesentlichen erstellen wir mit unserem konischen Farbverlauf die Primärfarben (Rot, Grün, Blau) auf einem schwarzen (#000000) Hintergrund:

Geben Sie hier die Bildbeschreibung ein

Der Mischmodus "Hinzufügen" fügt die Farben mathematisch der darunter liegenden Ebene hinzu (oder im Fall des Verlaufswerkzeugs dem vorhandenen Bild). Das bedeutet, wenn die Ebene darunter die Farbe #112233 hat und die Farbe, die Sie "hinzufügen" möchten, #010203 ist, wäre die neue Farbe #112233 + #010203 = #122436.

Wenn wir die drei konischen Farbverläufe zu einem schwarzen Hintergrund zusammenfügen, erhalten wir das Farbrad, das wir erwartet haben.

Während die Additionstechnik funktioniert, indem Farben zur schwarzen (#000000) Leinwand hinzugefügt werden, wie bei der Herstellung einer Tonstatue. Die Multiply-Technik funktioniert, indem sie im Wesentlichen unerwünschte Farben (die inversen Farben) aus Weiß (#ffffff) herausschneidet, wie ein Bildhauer. Beide erzeugen auf sehr unterschiedliche Weise genau das gleiche Ergebnis.

Anhang

So sollte der Verlaufseditor in der Additionstechnik aussehen:

Geben Sie hier die Bildbeschreibung ein

Anlage 2

So sollte der Verlaufseditor in der Inverse- und Multiply-Technik aussehen:

Geben Sie hier die Bildbeschreibung ein

(a) Die Frage bezieht sich auf Illustrator, das ein ganz anderes Programm als GIMP ist. Und (b) …was? Warum würden Sie nicht einfach den vordefinierten Verlauf "Volles Sättigungsspektrum" auswählen und dort einen konischen Verlauf verwenden?
@wchargin: weil ich erklären möchte, wie Farbräder funktionieren. Ja, ich hätte es mit dem vollen Sättigungsspektrum tun können, um das reguläre Farbrad in GIMP zu erhalten, aber wenn Sie den Effekt mit nicht standardmäßigen Grundfarben replizieren möchten, hätte Ihnen die Verwendung des vordefinierten "vollständigen Sättigungsspektrums" nicht geholfen das. Auf jeden Fall weiß ich nicht, ob es in Illustrator ein Äquivalent zum vordefinierten Farbverlauf "Vollfarbspektrum" gibt oder nicht. Die von mir beschriebene Technik könnte mit fast jedem nicht grundlegenden Bildbearbeitungsprogramm funktionieren.
Aber da ist Ihr Problem – Illustrator ist kein Bildbearbeitungsprogramm.
@wchargin: Illustrator verfügt über Farbverläufe, Ebenen und Ebenenüberblendungsmodi. Diese reichen aus, um die allgemeine Idee hier anzuwenden.