Wie zeichnet man ein Farbrad im Illustrator?


10

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

Geben Sie hier die Bildbeschreibung ein

Antworten:


15

Eine Möglichkeit wäre, einen linearen Gradienten auf den Strich anzuwenden. Erstellen Sie einen Kreis und streichen Sie ihn mit einem Verlaufsmuster. Stellen Sie sicher, dass der Verlauf die Anschläge wie in der Tabelle und im Bild unten hat. Der Farbverlauf sieht in den Übergängen möglicherweise 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 aus dem geladenen Satz die Option "Spektrum" auswählen.
Saskiel

-1

Ich habe keinen Illustrator, aber dies ist die allgemeine Technik, die ich in GIMP ausführen 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 feste Vordergrundfarbe, das zweite Drittel ist ein linearer Farbverlauf von Vordergrund zu Hintergrundfarbe und das letzte Drittel ist eine feste Hintergrundfarbe (siehe Anhang unten, wie sie aussehen sollte).
  3. Wählen Sie das Verlaufswerkzeug
  4. Wählen Sie Konischen (symmetrischen) Farbverlauf
  5. Wählen Sie Addition - Mischmodus
  6. Zeichnen Sie drei Farbverläufe in drei Richtungen (0 Grad, 120 Grad, 240 Grad) mit drei verschiedenen Vordergrundfarben (z. B. # ff0000, # 00ff00, # 0000ff) auf die schwarze Hintergrundfarbe.

Ergebnis

Geben Sie hier die Bildbeschreibung ein

Wenn Sie alternativ alle Farben und Verläufe invertieren 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 Verlauf wie im Additionsmodus, tauschen Sie jedoch die Vordergrund- und Hintergrundfarbe aus. Erstellen Sie einen benutzerdefinierten Verlauf, der aus drei gleich großen Segmenten besteht. Das erste Drittel ist eine feste Hintergrundfarbe, das zweite Drittel ist ein linearer Farbverlauf von Hintergrund- zu Vordergrundfarbe und das letzte Drittel ist eine feste Hintergrundfarbe (siehe Anhang 2 unten, wie es aussehen sollte).
  3. Wählen Sie das Verlaufswerkzeug
  4. Wählen Sie Konischen (symmetrischen) Farbverlauf
  5. Wählen Multiply Mischmodus
  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 verwenden, werden Sie feststellen, wie sich die RGB-Farbe ändert, wenn Sie den Farbwähler um das Farbrad bewegen. Zuerst beginnen Sie mit reinem Rot (# ff0000), dann werden Sie beim Drehen feststellen, wie grün linear zunimmt, bis Sie gelb werden (# ffff00), dann drehen Sie weiter und Rot nimmt linear ab, bis Sie reines Grün erhalten (# 00ff00). . Von hier aus passiert dasselbe mit Grün und Blau, Blau steigt linear bis Cyan an (# 00ffff), gefolgt von Grün linear abnehmend, bis Sie reines Blau (# 0000ff) erhalten. Und dann wieder mit Blau und Rot steigt Rot linear bis Magenta (# ff00ff) an, gefolgt von Blau linear abnehmend, bis wir uns wieder mit reinem Rot (# ff0000) umwickeln.

Im Wesentlichen , was wir mit unserer konischen Steigung schaffen ist das Hinzufügen der Primärfarben (Rot, Grün, Blau) auf einen 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 eines Verlaufswerkzeugs dem vorhandenen Bild). Dies bedeutet, dass wenn die darunter liegende Ebene die Farbe # 112233 hat und die Farbe, die Sie "hinzufügen" möchten, # 010203 ist, die neue Farbe # 112233 + # 010203 = # 122436 ist.

Wenn wir die drei konischen Verläufe zu einem schwarzen Hintergrund addieren, erhalten wir das erwartete Farbrad.

Während die Additionstechnik funktioniert, indem der schwarzen Leinwand (# 000000) Farben hinzugefügt werden, wie beim Erstellen einer Tonstatue. Bei der Multiplikationstechnik werden im Wesentlichen unerwünschte Farben (die inversen Farben) aus Weiß (#ffffff) herausgeschnitten, wie bei einem Bildhauer. Beide erzielen auf sehr unterschiedliche Weise genau das gleiche Ergebnis.

Blinddarm

So sollte der Verlaufseditor in der Additionstechnik aussehen:

Geben Sie hier die Bildbeschreibung ein

Anlage 2

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

Geben Sie hier die Bildbeschreibung ein


(a) Die Frage bezieht sich auf Illustrator, ein ganz anderes Programm als GIMP. Und (b) ... was? Warum würden Sie nicht den vordefinierten Gradienten "volles Sättigungsspektrum" auswählen und dort einen konischen Gradienten verwenden?
Wchargin

1
@wchargin: weil ich erklären möchte, wie Farbräder funktionieren. Ja, ich hätte es mit dem vollständigen Sättigungsspektrum tun können, um das reguläre Farbrad in GIMP zu erhalten. Wenn Sie den Effekt jedoch mit nicht standardmäßigen Grundfarben replizieren möchten, hilft Ihnen die Verwendung eines vordefinierten "vollständigen Sättigungsspektrums" nicht weiter Das. Auf jeden Fall weiß ich nicht, ob es in Illustrator einen vordefinierten Farbverlauf für das "Vollfarbspektrum" gibt oder nicht. Die von mir beschriebene Technik kann mit fast jedem nicht grundlegenden Bildbearbeitungsprogramm verwendet werden.
Lie Ryan

2
Aber es gibt Ihr Problem: Illustrator ist kein Bildbearbeitungsprogramm.
Wchargin

1
@wchargin: Illustrator verfügt über Farbverläufe, Ebenen und Ebenenüberblendungsmodi. Diese reichen aus, um die allgemeine Idee hier anzuwenden.
Lie Ryan
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.