Verläufe in Illustrator: linear, kreisförmig und Freiform

Ein Verlauf in Illustrator wird im Verlaufsbedienfeld (Fenster › Verlauf) eingestellt und mit dem Verlaufswerkzeug (G) auf dem Bildmaterial geformt. Wähle ein Objekt, entscheide dich im Bedienfeld für Linear, Kreisförmig oder Freiform und klicke unter den Regler, um Farbregler für die Farben zu setzen. Lineare und kreisförmige Verläufe sind die Wahl für Logos, Icons und alles, was ins Web geht, weil sie überall klein und scharf bleiben. Freiform ist für weiche, malerische Farbe, und das ältere Verlaufsgitter für fotografische Schattierung.

Das Verlaufsbedienfeld, Element für Element

Alles beginnt mit dem ausgewählten Objekt und dem richtigen aktiven Ziel: Das Bedienfeld zeigt ein Quadrat für Fläche und eines für Kontur, und der Verlauf landet auf dem, das vorne liegt. Ein Klick auf die Verlaufsminiatur wendet den zuletzt genutzten Verlauf an, praktisch, wenn du eine Reihe von Formen gestaltest.

Um einen Verlauf zu speichern, ziehst du die Miniatur aus dem Bedienfeld ins Farbfelder-Bedienfeld. Gespeicherte Verläufe halten die Verläufe einer Marke von Datei zu Datei identisch; Farbstopps im Farbverlauf erklärt, wie du Positionen wählst, die gleichmäßig wirken.

Lineare und kreisförmige Verläufe

Mit ausgewähltem Verlaufswerkzeug erscheint über dem Objekt ein Balken, der Verlaufsoptimierer. Zieh sein rundes Ende, um den Start zu verschieben, das quadratische Ende, um Länge und Winkel zu ändern, und die Farbregler darauf, um Farben zu setzen, ohne das Bedienfeld zu öffnen. Ist der Verlaufsoptimierer ausgeblendet, holt ihn Ansicht › Verlaufsoptimierer einblenden zurück. Halte beim Ziehen die Umschalttaste, um den Winkel in 45-Grad-Schritten zu halten.

Verläufe folgen in Illustrator der Form, nicht der Zeichenfläche. Wählst du aber mehrere Objekte und ziehst mit dem Verlaufswerkzeug über alle, spannt sich ein einziger Verlauf über die ganze Gruppe, so teilt sich eine Reihe von Buchstaben oder Icons einen einzigen Farbschwung.

Freiform-Verläufe

Freiform-Verläufe verzichten ganz auf den Balken. Du setzt Farbpunkte irgendwo in eine Form, und Illustrator mischt zwischen ihnen, das ergibt die weiche, organische Farbe eines Mesh-Gradients, mit viel weniger Aufwand als das Gitter-Werkzeug.

1. 1

   Art umschalten

   Wähle die Form und klicke im Verlaufsbedienfeld auf Freiform. Illustrator setzt ein paar Startpunkte für dich.

2. 2

   Punkte oder Linien wählen

   Der Modus Punkte setzt einzelne Farbpunkte. Im Modus Linien klickst du einen Pfad aus Punkten, und die Farbe fließt entlang dieser Linie.

3. 3

   Jede Farbe festlegen

   Doppelklicke auf einen Punkt, um seine Farbe zu wählen, oder wähle ihn aus und klicke auf ein Farbfeld.

4. 4

   Ausbreitung anpassen

   Zieh im Modus Punkte den gestrichelten Kreis um einen Punkt oder ändere die Ausbreitung im Bedienfeld, um festzulegen, wie weit seine Farbe reicht.

5. 5

   Entferne, was du nicht brauchst

   Zieh einen Punkt aus der Form oder drück Entf. Wenige, gut platzierte Punkte wirken ruhiger als viele.

Verläufe auf Konturen

Wähle im Verlaufsbedienfeld das Konturquadrat, wende einen Verlauf an, und es erscheinen drei Schaltflächen. Sie verändern das Ergebnis stärker als jede Farbwahl.

Text mit Verlauf, der bearbeitbar bleibt

Live-Text nimmt einen Verlauf auf der Zeichenfläche nicht immer direkt an, und wenn du den Text in Pfade umwandelst, um ihn zu erzwingen, kannst du nie wieder einen Tippfehler korrigieren. Der verlässliche Weg führt über das Aussehen-Bedienfeld: Wähle das Textobjekt, wähle im Bedienfeldmenü Neue Fläche hinzufügen, zieh diese neue Fläche bei Bedarf unter den Eintrag Zeichen und wende deinen Verlauf darauf an. Die Wörter bleiben bearbeitbar, und der Verlauf spannt sich über die ganze Zeile. Für Logoarbeit erklärt Logos mit Farbverlauf, wann ein Verlauf einem Logo hilft und wann eine flache Version nötig ist.

Verläufe aus Illustrator als SVG und für den Druck exportieren

Beim SVG-Export werden lineare und kreisförmige Verläufe zu nativen Verlaufselementen, sie bleiben also in jeder Größe winzig und scharf. Freiform- und Gitterverläufe haben keine Entsprechung in SVG, rechne also damit, dass sie gerastert oder angenähert werden: Prüfe die Datei, bevor du sie an einen Entwickler gibst. SVG-Verläufe erklärt das Format.

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="leaf" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#064e3b"/>
      <stop offset="0.55" stop-color="#10b981"/>
      <stop offset="1" stop-color="#d9f99d"/>
    </linearGradient>
  </defs>
  <circle cx="100" cy="100" r="90" fill="url(#leaf)"/>
</svg>

Im Druck zeigen sich Banding und Farbverschiebungen zuerst bei Verläufen. Wandle früh in den Farbmodus der Druckerei um, vermeide lange Übergänge zwischen zwei sehr ähnlichen Tönen und bitte um einen Proof. Farbverläufe drucken listet die Prüfschritte auf.

Dein Bildmaterial auf einen Hintergrund setzen

Illustrator ist das richtige Zuhause für ein Logo. Der Hintergrund, auf dem es in Posts, Storys und Folien steht, ist ein anderes Problem, denn er muss für jedes Format neu gezeichnet werden. Ein Mark von Gradiently ist ein fertiger Hintergrund, der in jeder Größe rendert und Wörter lesbar hält, und wer sich einen sichert, sorgt dafür, dass keine andere Marke damit exportieren kann.