Farben und Verläufe einstellen

Im Properties-Panel des Template-Editors gibst du einem Element eine Farbe oder einen Farbverlauf: der Füllung, der Kontur oder dem Hintergrund eines Texts. Alle Farbeigenschaften funktionieren gleich: Du wählst jedes Mal zwischen einer Vollfarbe und einem Verlauf.

Das geht in vier Schritten:

1. Schalte die Farbe im Properties-Panel ein.
2. Wähle eine Vollfarbe.
3. Erstelle einen Verlauf.
4. Passe die Übergänge im Verlauf an.

Farbe einschalten

1. Klicke auf dem Canvas oder im Layers-Panel auf das Element. Das Properties-Panel links zeigt seine Eigenschaften.
2. Klicke auf das Kästchen vor der Farbe, die du einstellen willst.
   • Für eine Form, einen Text, eine Gruppe oder eine Maske:
     • Fill Color im Abschnitt Appearance: die Füllung.
     • Stroke Color im Abschnitt Appearance: die Kontur.
   • Für den Hintergrund eines Texts:
     • Background Color und Background Stroke Color im Abschnitt Appearance.
   • Für ein Bild:
     • Stroke Color im Abschnitt Appearance: die Kontur.
     • Color Masking im Abschnitt Filters & Effects: färbt das Bild ein. Bilder haben keine Fill Color.
   
   Die Felder für die Farbe erscheinen unter dem Kästchen. Eine neue Kontur ist schwarz.
   Du findest Fill Color nicht?

   Bei Gruppen und Masken ist der Abschnitt Appearance zuerst zugeklappt, Filters & Effects ist es bei allen Elementen. Klicke auf den Titel des Abschnitts, um ihn aufzuklappen.

   
   

Vollfarbe wählen

Eine neu eingeschaltete Farbe ist eine Vollfarbe. Bei Color Type steht Solid.

1. Wähle die Farbe:
   • Im Farbwähler:
     • Klicke neben Color auf das Farbfeld und im Farbwähler auf deine Farbe. Mit dem Regler für die Transparenz machst du sie ganz oder teilweise durchsichtig.
   • Mit einem Farbwert:
     • Gib den Farbwert in das Feld neben dem Farbfeld ein, zum Beispiel #1E90FF.
   • Vom Bildschirm:
     • Klicke rechts im Feld auf die Pipette (Pick color) und dann auf die Stelle mit der Farbe.
   
   Die Farbe ist jetzt eingestellt.
   Mit der Pipette passiert nichts?

   Nicht jeder Browser unterstützt die Pipette, Chrome und Edge zum Beispiel schon. Gib den Farbwert stattdessen in das Feld ein.

   
   
2. Schau auf den Canvas und prüfe, ob die Farbe passt.

Verlauf erstellen

1. Wähle bei Color Type die Option Gradient. Ein linearer Verlauf von Rot nach Blau mit zwei Farben erscheint.
2. Wähle bei Gradient Type die Form des Verlaufs:
   • Linear: Die Farben laufen entlang einer geraden Linie.
   • Radial: Die Farben breiten sich von einem Mittelpunkt aus.
   • Conic: Die Farben laufen im Kreis um einen Mittelpunkt.
3. Gib Richtung und Mittelpunkt ein. Je nach Form gibt es dafür andere Felder:
   • Für Linear und Conic:
     • Angle: die Richtung des Verlaufs, von 0 bis 360°.
   • Für Radial und Conic:
     • Position: der Mittelpunkt, mit X und Y. 0 ist die Mitte des Elements, -100 und 100 sind seine Ränder.
   
   
4. Klicke unter Stops auf einen Marker über der Leiste. Jeder Marker ist eine Farbe im Verlauf, ein sogenannter Stop. Ein Farbwähler öffnet sich, und du wählst die Farbe des Stops. Stop-Farben können durchsichtig sein, so läuft ein Verlauf zum Beispiel ins Leere aus.
5. Ziehe einen Marker an der Leiste entlang, um seine Farbe an eine andere Stelle zu setzen. Genauer geht es mit dem %-Feld in seiner Zeile der Liste darunter.
6. Für eine weitere Farbe klicke unter der Liste auf das Plus (Add color stop). Der neue Stop ist weiß und sitzt ganz rechts. Die anderen Stops rücken zusammen.
7. Um eine Farbe zu entfernen, klicke in ihrer Zeile auf das Minus (Remove color stop). Zwei Stops bleiben immer übrig, dann ist der Button ausgegraut.
8. Schau auf den Canvas und prüfe, ob der Verlauf passt.

Übergänge anpassen

Zwischen zwei benachbarten Stops zeigt die Leiste eine kleine Raute, den Midpoint. Dort mischen sich die beiden Farben zur Hälfte.

1. Ziehe die Raute zu einem der beiden Stops. Die Farbe des anderen Stops nimmt jetzt mehr Platz im Übergang ein. Eine verschobene Raute wird blau.
2. Um den Übergang wieder gleichmäßig zu machen, klicke doppelt auf die Raute.

Du kannst die Raute zwischen 5 % und 95 % des Abstands zwischen den Stops ziehen. Liegen zwei Stops sehr nah beieinander, ist kein Platz für sie. Sie wird dann ausgeblendet.