So passen Sie einen gemeinsamen Farbverlauf für mehrere Vektorobjekte in Illustrator an
Um in Adobe Illustrator einen durchgehenden Farbverlauf über separate Vektorobjekte zu erstellen, weisen Sie den Objekten eine Verlaufsfüllung zu, wählen Sie sie gemeinsam aus und ziehen Sie das Verlaufswerkzeug über die gesamte Auswahl. Adobe dokumentiert dies als Methode, um eine Verlaufssteuerung für mehrere Objekte zu erstellen. Verläufe auf mehrere Objekte anwenden
In diesem Tutorial geht es darum, separate Formen in einer Figurenillustration so zu bearbeiten, dass ihre Farben über die Komposition hinweg ineinander übergehen. Sie legen eine gemeinsame Verlaufsrichtung fest, passen Farben und Übergang an und prüfen, ob die einzelnen Elemente weiterhin zum gewünschten Gesamtverlauf beitragen.
Was muss ein gemeinsamer Verlauf gemeinsam haben?
Bei dieser Aufgabe bedeutet „gemeinsam“ ein durchgehender visueller Übergang über die ausgewählte Illustration hinweg. Gleiche Farben allein sorgen nicht für diesen Zusammenhang: Der Verlauf braucht auch eine einheitliche Position, Richtung und Reichweite.
Stellen Sie sich drei separate dekorative Formen vor, die horizontal neben einer Figur angeordnet sind. Das gewünschte Ergebnis ist Türkis auf der linken Seite, ein fließender Übergang in der Mitte und Violett auf der rechten Seite. Wenn jede Form einen vollständigen Übergang von Türkis zu Violett zeigt, wiederholt sich der Verlauf. Bei einer durchgehenden Gestaltung erhält jede Form den Teil des Übergangs, der ihrer Position entspricht.
Dieser Unterschied zeigt sich auch im Verlaufsmodell von SVG. Die SVG-Spezifikation unterscheidet zwischen Koordinaten relativ zum Begrenzungsrahmen jedes Objekts und Koordinaten im Benutzerkoordinatensystem des referenzierenden Elements. Das erklärt, warum die Wiederverwendung einer Verlaufsdefinition für sich genommen noch keinen durchgehenden räumlichen Übergang erzeugt. SVG 2: Paint Servers – Verläufe und Muster
Welchen Verlaufstyp sollten Sie wählen?
Für einen Übergang über separate dekorative Teile einer Figur eignet sich zunächst ein linearer Verlauf. Er bietet einen klaren Anfangspunkt, Endpunkt und eine eindeutige Richtung. Ein radialer Verlauf eignet sich für einen Übergang, der sich von einem Mittelpunkt aus nach außen ausbreitet. Adobes Arbeitsablauf für mehrere Objekte unterstützt beide Typen. Verlaufstypen in Illustrator und Verläufe auf mehrere Objekte anwenden
Wählen Sie den Verlauf passend zur visuellen Aufgabe:
| Gewünschtes Erscheinungsbild | Erste Wahl | Entscheidung zur Platzierung |
|---|---|---|
| Farbe verläuft über mehrere Teile | Linear | Wo soll der Übergang beginnen und enden? |
| Farbe breitet sich über mehrere Teile nach außen aus | Radial | Wo soll der Mittelpunkt liegen? |
| Mehrere unabhängig positionierte Farbbereiche innerhalb einer Form | Freiform | Wo soll jede Farbe die Form beeinflussen? |
Bei Freiformverläufen werden Farbstopps innerhalb einer Form platziert; sie verwenden nicht die Verlaufssteuerung für lineare oder radiale Verläufe. Die folgenden Anweisungen beziehen sich daher auf eine lineare Füllung. Verlaufstypen in Illustrator
Wie wenden Sie den Verlauf auf separate Objekte an?
Arbeiten Sie mit den Vektorformen, die am Übergang beteiligt sein sollen. Verwenden Sie zunächst einige einfache gefüllte Formen und lassen Sie andere Figurendetails außerhalb der Auswahl. So lässt sich das Ergebnis leichter beurteilen.
- Wählen Sie ein beteiligtes Objekt aus und wenden Sie einen linearen Verlauf an.
- Wechseln Sie zum Auswahlwerkzeug und wählen Sie die übrigen Objekte bei gedrückter Umschalttaste aus.
- Aktivieren Sie im Verlaufsbedienfeld Fläche und wenden Sie denselben Verlauf auf die Auswahl an.
- Wählen Sie das Verlaufswerkzeug aus.
- Ziehen Sie über die Illustration von der gewünschten Startposition bis zum gewünschten Endpunkt, ohne Alt oder Wahltaste gedrückt zu halten.
Bei Adobes dokumentiertem Arbeitsablauf wird durch dieses Ziehen eine Verlaufssteuerung erstellt. Wenn Sie unter Windows Alt oder unter macOS die Wahltaste beim Ziehen gedrückt halten, wird stattdessen für jedes ausgewählte Objekt eine eigene Verlaufssteuerung erstellt. Adobe beschränkt dieses Verhalten mit mehreren Verlaufssteuerungen auf einfache Pfade. Verläufe auf mehrere Objekte anwenden
Prüfen Sie zunächst das Gesamtergebnis, bevor Sie die Farbpalette verfeinern. Zeigt das äußerste linke Element die Startfarbe? Zeigt das mittlere Element den Übergang? Nähert sich das äußerste rechte Element der Endfarbe? Anhand dieser drei Beobachtungen können Sie beurteilen, ob der Verlauf den gewünschten Bereich abdeckt.
Wie passen Sie Richtung, Reichweite und Farben an?
Lassen Sie die beteiligten Formen ausgewählt, während Sie die Gesamtgestaltung verfeinern. Mit der Verlaufssteuerung können Sie bei einem linearen Verlauf Winkel, Position und Ausdehnung festlegen. Der runde Startgriff ändert den Ursprung, der Endgriff die Reichweite und die Drehsteuerung am Endpunkt den Winkel. Verlaufstypen in Illustrator
Nehmen Sie räumliche Anpassungen vor, bevor Sie die Farben fein abstimmen. Legen Sie zuerst die Richtung fest. Entscheiden Sie dann, welcher Bereich der Figurenillustration den Übergang enthalten soll. Verfeinern Sie zuletzt die Farbpalette. So hat jede Änderung einen klaren Zweck und Sie müssen weniger Anpassungen wiederholen.
Um eine Farbe zu ändern, doppelklicken Sie auf den zugehörigen Stopp im Verlaufsregler und wählen Sie eine Ersatzfarbe aus. Sie können unterhalb des Reglers einen weiteren Stopp hinzufügen, die Deckkraft eines Stopps anpassen oder den rautenförmigen Mittelpunkt verschieben, um den Übergang zwischen benachbarten Stopps zu verändern. Flachen Illustrationen satte, farbenfrohe Verläufe hinzufügen
Verwenden Sie die Steuerelemente passend zum sichtbaren Problem:
- Der Übergang verläuft in die falsche Richtung: Passen Sie den Verlaufswinkel an.
- Die Farben wechseln im falschen Bereich der Illustration: Überprüfen Sie Anfangs- und Endposition erneut.
- Der Übergang braucht eine andere Gewichtung: Passen Sie den Mittelpunkt an.
- Eine bestimmte Zwischenfarbe ist erforderlich: Fügen Sie einen Farbstopp hinzu.
- Die Farbpalette selbst stimmt nicht: Bearbeiten Sie die vorhandenen Stopps.
Wie können Sie den Übergang vor dem Ziehen planen?
Mit einer einfachen Positionsberechnung können Sie die Platzierung des Verlaufs gezielt planen. Die folgenden Zahlen dienen als anschauliche Layoutwerte und sind keine Messwerte einer getesteten Figurenillustration.
Angenommen, die ausgewählten dekorativen Formen reichen horizontal von x = 100 bis x = 500. Setzen Sie den Anfang des Verlaufs auf x = 100 und das Ende auf x = 500 und ziehen Sie dabei horizontal. Die geplante Länge beträgt 400 Einheiten. Ein Punkt bei x = 300 liegt auf halber Strecke: (300 − 100) ÷ (500 − 100) = 0,5.
Diese Berechnung bestimmt eine Position entlang des Verlaufs, sagt aber keine exakt angezeigte Farbe voraus. Bei einem ersten Entwurf mit zwei Stopps können Sie diese halbe Strecke als visuellen Prüfpunkt verwenden. Wenn die Komposition in der Mitte mehr Türkis zeigen soll, passen Sie den Übergang an, nachdem Sie die Gesamtausdehnung festgelegt haben.
Dieselbe Planungsmethode lässt sich vertikal anwenden. Wählen Sie die für das Figurendesign relevanten oberen und unteren Positionen und vergleichen Sie dann die dazwischenliegenden Elemente mit dieser gemeinsamen Strecke. Entscheidend ist, wo sich jedes Element innerhalb des Übergangs der Komposition befindet.
Was sollten Sie prüfen, wenn der Verlauf nicht richtig aussieht?
Untersuchen Sie jeweils ein sichtbares Problem. Wenn Sie Auswahl, Geometrie und Farben gleichzeitig ändern, lässt sich schwerer erkennen, welche Anpassung geholfen hat.
Wenn der Übergang auf jeder Form neu zu beginnen scheint, wählen Sie alle gewünschten Elemente erneut aus und ziehen Sie den Verlauf noch einmal über die gesamte Strecke. Wenn sich ein Element nicht ändert, prüfen Sie, ob es tatsächlich ausgewählt ist und ob Sie seine Fläche bearbeiten. Wenn die sichtbaren Steuerelemente zu einzelnen Objekten gehören, überprüfen Sie, ob Sie beim Ziehen die Alt- oder Wahltaste gedrückt gehalten haben.
Falls die Verlaufssteuerung fehlt, wählen Sie Ansicht > Verlaufssteuerung einblenden. Adobe dokumentiert diese Einstellung, um den Verlaufsregler auf der Zeichenfläche anzuzeigen. Verlaufstypen in Illustrator
Wenn sich das Ergebnis nur schwer beurteilen lässt, vereinfachen Sie die Farbpalette vorübergehend auf zwei deutlich unterscheidbare Farben. Legen Sie zuerst Richtung und Platzierung des durchgehenden Verlaufs fest und fügen Sie anschließend weitere Farbstopps hinzu. Betrachten Sie dies als Methode zur Fehlersuche beim Bearbeiten, nicht als Vorgabe für die fertige Illustration.
Wie schließen Sie die Figurenillustration ab und prüfen das Ergebnis?
Prüfen Sie den Verlauf einmal mit sichtbaren Steuerelementen und ein weiteres Mal, wenn die Illustration unverdeckt ist. Kontrollieren Sie Anfang, Übergangsbereich und Endpunkt einzeln. Betrachten Sie die Figur dann in der vorgesehenen Anzeigegröße und prüfen Sie, ob der Farbfluss weiterhin klar erkennbar ist.
Nachdem Sie beteiligte Elemente neu angeordnet haben, wiederholen Sie diese Prüfungen, bevor Sie weitere Änderungen an der Farbpalette vornehmen. Als nützlicher Abschlusstest können Sie den gewünschten Übergang in einem Satz beschreiben, zum Beispiel: „Das Türkis beginnt an der linken Dekoration und geht an der rechten Dekoration in Violett über.“ Vergleichen Sie dann die Illustration mit diesem Satz.
Halten Sie sich bei der abschließenden Bearbeitung an eine einheitliche Reihenfolge: Wählen Sie die beteiligten Formen aus, legen Sie die gemeinsame Strecke fest, verfeinern Sie die Stopps und prüfen Sie die gesamte Figur. So können Sie einen durchgehenden Verlauf gezielt anpassen und behalten das Gesamtdesign im Blick.
Quellen
- Adobe Help Center: Verläufe auf mehrere Objekte anwenden
- Adobe Help Center: Verlaufstypen in Illustrator
- Adobe Learn: Flachen Illustrationen satte, farbenfrohe Verläufe hinzufügen
- World Wide Web Consortium: SVG 2 – Paint Servers: Verläufe und Muster
