Farbverläufe verwenden

Farbverlaufstool – Übersicht

Ein Farbverlauf ist eine mehrfarbige Füllung, bei der jede Farbe nach und nach in die nächste übergeht. Farbverläufe können sowohl für den Rahmen als auch für die Füllung von Elementen verwendet werden.

Bei Rahmen werden Farbverläufe nicht in allen Browsern unterstützt.

 

In Google Web Designer stehen zwei Arten von Farbverläufen zur Auswahl:

• Beim linearen Farbverlauf  ändert sich die Farbe entlang einer geraden Linie zwischen zwei Endpunkten.
• Beim radialen Farbverlauf  ändert sich die Farbe konzentrisch von der Mitte aus.

So erstellen Sie einen Farbverlauf:

1. Wählen Sie oben im Farbmischer die Schaltfläche Linearer Farbverlauf  oder Radialer Farbverlauf  aus.
2. Standardmäßig haben Farbverläufe entlang der Farbverlaufsleiste oben zwei Farbmarkierungen. Wählen Sie eine Farbmarkierung aus, um die Farbe zu ändern.
3. Ziehen Sie eine Farbmarkierung entlang der Leiste, um die Übergangsstrecke zu ändern.
4. Klicken Sie auf die Verlaufsleiste, um weitere Farbmarkierungen hinzuzufügen. Wenn Sie eine Farbmarkierung entfernen möchten, ziehen Sie sie nach unten in das Farbfeld.

Lineare Farbverläufe

Standardmäßig erstreckt sich der lineare Farbverlauf vom linken Rand zum rechten Rand des Elements, auf das er angewendet wird.

So ändern Sie, wie der lineare Farbverlauf angewendet wird:

1. Wählen Sie aus der Symbolleiste auf der linken Seite das Farbverlaufstool  aus oder drücken Sie die Taste A.
2. Wählen Sie das Element aus, dessen Farbverlauf Sie bearbeiten möchten.
3. Wählen Sie oben aus der Leiste mit den Tooloptionen entweder Strich bearbeiten  oder Füllung bearbeiten  aus.
4. Passen Sie den Farbverlauf durch Ziehen der roten Ziehpunkte an:

   • Ziehen Sie die äußeren Ziehpunkte, um die Darstellung des Farbverlaufs im Objekt zu ändern. Farbverläufe können nicht über den Rand von SVG-Formen hinausgehen, wie im ersten Beispiel unten gezeigt.
     

   • Ziehen Sie den inneren Ziehpunkt, um den Farbverlauf um den schwarzen Mittelpunkt herum zu drehen. Der Verlauf wird automatisch proportional zum Element angepasst. Halten Sie optional beim Ziehen die Umschalttaste gedrückt, um die Rotation auf 45°-Schritte zu beschränken.
     

Wenn Sie den Farbverlauf auf die Standarddarstellung zurücksetzen möchten, klicken Sie doppelt auf das Farbverlaufstool .

Radiale Farbverläufe

Standardmäßig wird der radiale Farbverlauf als ovale Form angewendet. Diese Form hängt vom Mittelpunkt und den Ecken des entsprechenden Elements ab.

So ändern Sie, wie der radiale Farbverlauf angewendet wird:

1. Wählen Sie aus der Symbolleiste auf der linken Seite das Farbverlaufstool  aus oder drücken Sie die Taste A.
2. Wählen Sie das Element aus, dessen Farbverlauf Sie bearbeiten möchten.
3. Wählen Sie oben aus der Leiste mit den Tooloptionen entweder Strich bearbeiten  oder Füllung bearbeiten  aus.
4. Passen Sie den Farbverlauf durch Ziehen der roten Ziehpunkte an:

   • Ziehen Sie die äußeren Ziehpunkte, um den Umfang des Verlaufs zu ändern. Optional können Sie beim Ziehen die Umschalttaste (Windows) oder die Taste ⌘ (Mac) gedrückt halten, um die Größe der x- und y-Achse des Verlaufs proportional zu ändern. Wenn Sie die Verlaufsform auf einen Kreis beschränken möchten, halten Sie beim Ziehen die Umschalttaste gedrückt.
     

   • Ziehen Sie den mittleren Ziehpunkt, um den Verlaufsmittelpunkt zu verschieben.
     

Wenn Sie den Farbverlauf auf die Standarddarstellung zurücksetzen möchten, klicken Sie doppelt auf das Farbverlaufstool .