Erstellen und Ändern von Farbverläufen

Ein Farbverlauf ist eine abgestufte Überblendung zwischen zwei oder mehr Farben oder Farbtönen derselben Farbe oder auch unterschiedlicher Farben. Mithilfe von Farbverläufen kannst du Farbübergänge erstellen, Kreisdiagramme erstellen, Vektorobjekte mit Volumen versehen oder in deinen Designs Licht- und Schatteneffekte kreieren.

XD unterstützt lineare, radiale und Winkelverläufe.

XD erzeugt einen in einer geraden Linie vom Ausgangs- zum Endpunkt verlaufenden Farbübergang.

XD erzeugt einen in einem kreisförmigen Muster vom Ausgangs- zum Endpunkt verlaufenden Farbübergang.

XD wendet eine Fläche mit Farbverläufen an, die vom Mittelpunkt eines Kreises um eine Form gezogen werden. 

Um in XD den Farbwähler für Farbverläufe zu öffnen, wählst du ein Objekt aus und klickst im Eigenschafteninspektor auf Fläche. Du kannst in XD lineare, radiale und Winkelverläufe erstellen.

Wähle oben im Farbwähler aus der Dropdown-Liste die Option Linearer Farbverlauf, Radialer Farbverlauf oder Winkelverlauf aus.

Im Farbwähler für Farbverläufe kannst du die Farben für einen Farbverlauf auswählen und die Deckkraft festlegen.

Der Farbwähler für Farbverläufe besitzt einen Verlaufseditor, der eine kurze Vorschau aller Farben anzeigt, die in einem Verlauf verwendet werden. Ein Schachbrettmuster kennzeichnet transparente Bereiche.

Im Verlaufseditor werden auch die Übergangspunkte angezeigt. Kleine Kreise kennzeichnen die Übergangspunkte. Wie sich die Farben verändern und mischen, hängt davon ab, wie nahe die Übergangspunkte beieinander liegen. Die Übergangspunkte werden auch im Verlaufseditor auf der Arbeitsfläche angezeigt, der direkt auf dem Objekt erscheint, auf das der Verlauf angewendet wird. 

Standardmäßig sind zwei Übergangspunkte verfügbar. Du kannst mehr Übergangspunkte hinzufügen, indem du auf die Verlaufseditoren klickst. Du kannst die Übergangspunkte entlang der Verlaufseditoren ziehen, um ihre Positionen und die Verteilung der einzelnen Farben zu ändern. Um einen Übergangspunkt zu löschen, ziehst du ihn im Farbwähler für Farbverläufe aus dem Verlaufseditor heraus oder klickst im Verlaufseditor auf der Arbeitsfläche auf den Übergangspunkt und drückst „Löschen“.

Mit dem Verlaufseditor auf der Arbeitsfläche kannst du die Richtung des Verlaufs ändern.

Über den Eckgriff kannst du den Ausgangspunkt und den Winkel eines radialen Farbverlaufs bearbeiten.

Mit dem Regler ganz rechts im Farbwähler für Farbverläufe kannst du die Deckkraft des Verlaufsabbruchs steuern.

Anwenden eines linearen, radialen oder Winkelverlaufs

Anwenden eines Winkelverlaufs auf Objekte

Mithilfe von Winkelverläufen kannst du Farbräder, Kreisdiagramme oder Fortschrittsanzeigen erstellen. Winkelverlauf wendet eine Fläche mit Farbverläufen an, die vom Mittelpunkt eines Kreises um eine Form gezogen werden.

Führe die folgenden Schritte aus, um einen Winkelverlauf auf einen Kreis anzuwenden und ein Farbrad zu erstellen.

Nachdem du ein Farbrad erstellt hast, kannst du die Effekte Winkelverlauf kopieren und in anderen Formen wie Rechteck oder Dreieck wiederverwenden.

^Beispiele

Im Folgenden findest du einige Beispiele, die mit Winkelverlauf erstellt wurden. 

^Tutorial

Winkelverläufe, die sich von linearen und radialen Verläufen unterscheiden, können für Designs wie Statuskreisel und Farbräder sehr nützlich sein. In diesem Tutorial von Dani Beaumont, Principal Product Manager für Adobe XD, erfährst du, wie du mit Winkelverläufen arbeitest.

Dauer: 4 Minuten, 7 Sekunden. 

Importieren von Objekten mit Farbverlauf

Wenn du einen Farbverlauf im SVG-Format importierst, werden im Farbwähler automatisch die Steuerelemente für Farbverläufe angezeigt. Wenn du ein Objekt in XD kopierst und einfügst, wird der Farbverlauf ebenfalls kopiert. Es ist auch möglich, die Farben und die Übergangspunkte eines importierten Verlaufs zu ändern.