Im Properties-Panel legst du fest, wie ein Text aussieht und wie er sich verhält, wenn er länger oder kürzer wird. Das ist vor allem wichtig, wenn der Text aus einem Input-Feld kommt und du nicht weißt, wie viel deine Nutzer tippen. Wie du einen Text hinzufügst, steht in Design-Elemente (Bilder, Text, Formen).
Die Eigenschaften siehst du, sobald du einen Text auf dem Canvas oder im Layers-Panel auswählst. Sie stehen in den Abschnitten Position & Size, Text, Appearance und Transforms.
Origin
Ganz oben im Abschnitt Position & Size:
- Origin: der Punkt in der Textbox, an dem der Text sitzt. Mit den ersten drei Buttons wählst du ihn waagerecht (links, Mitte, rechts), mit den anderen drei senkrecht (oben, Mitte, unten). Standardmäßig oben links.
- Position: wo der Origin auf dem Canvas liegt (X und Y).
- Size: Breite und Höhe der Textbox (W und H). Der Text bleibt immer in dieser Box.
Ist der Text kleiner als seine Box, bleibt er am Origin stehen. Wird er länger, wächst er von dort aus:
- Origin in der Mitte: Der Text wächst gleichmäßig nach beiden Seiten.
- Origin unten links: Der Text bleibt in der unteren linken Ecke und wächst nach oben und nach rechts.
So bleibt Text aus einem Text-Input-Feld immer auf die gleiche Weise an seinem Platz, egal wie viel Nutzer schreiben. Der waagerechte Origin und Align hängen zusammen: Ein Origin links, mittig oder rechts entspricht linksbündigem, zentriertem oder rechtsbündigem Text. Änderst du das eine, ändert sich das andere mit.
Content
- Content: der Text selbst. Machst du den Text mit einem Input-Feld änderbar, wird dieser Inhalt zum Standardwert des Input-Felds.
Schriftart
- Font Style: Stärke und Stil der Schriftart, zum Beispiel Bold oder Light italic. Die Liste zeigt nur, was die gewählte Schriftart mitbringt.
- Font Family: die Schriftart. Der Button zeigt ihren Namen, ein Klick öffnet die Liste aller Schriftarten. Der Text wechselt sofort zur gewählten Schriftart. Standardmäßig Inter.
Wie du deine eigene Markenschrift nutzt, steht in Schriftart hochladen: eigene Schriftarten in Templates nutzen.
Max Font Size
- Max Font Size: die größte Schriftgröße, die der Text haben kann. Passt er bei dieser Größe nicht in seine Box, wird er kleiner, bis er passt. Größer als die Max Font Size wird er nie. Standardmäßig 52.
So passt Text jeder Länge in ein Design. Längere Eingaben aus einem Input-Feld werden von selbst kleiner, statt aus der Box zu laufen. Wie der Text kleiner wird, hängt von Wrap ab.
Align
- Align: richtet die Zeilen links, mittig oder rechts aus. Standardmäßig links. Die Textbox bleibt dabei an ihrem Platz. Align stellt auch den waagerechten Origin ein. So wächst ein längerer Text in die passende Richtung.
Spacing
Spacing hat zwei Felder. Gib eine Zahl ein oder ziehe mit der Maus über das Feld.
- Linkes Feld: der Zeilenabstand. Bei 100 haben die Zeilen den normalen Abstand der Schriftart. Höhere Werte geben den Zeilen mehr Luft, niedrigere rücken sie zusammen. Standardmäßig 120.
- Rechtes Feld: der Buchstabenabstand. 100 ist der normale Abstand der Schriftart. Höhere Werte ziehen die Buchstaben auseinander, niedrigere rücken sie zusammen. Standardmäßig 100.
Wrap
In der Zeile Text Settings:
- Wrap: bestimmt, was passiert, wenn ein Text breiter als seine Box ist. Standardmäßig an.
- An: Der Text bricht in neue Zeilen um und bleibt so in der Box. Reicht der Platz trotzdem nicht, wird er kleiner.
- Aus: Der Text behält die Zeilenumbrüche, die du getippt hast, und bricht nie von selbst um. Stattdessen wird der ganze Text kleiner, bis er in die Box passt.
In beiden Fällen bleibt der Text in seiner Box und startet bei seiner Max Font Size. Mit Wrap an nutzt langer Text mehr Zeilen, mit Wrap aus wird er kleiner.
Enforce Uppercase
- Enforce Uppercase: zeigt den Text nur in Großbuchstaben. Der Text, den du eingegeben hast, bleibt unverändert, nur die Anzeige ändert sich. Das gilt auch für Text aus einem Input-Feld: Was deine Nutzer eintippen, erscheint in Großbuchstaben. Standardmäßig aus.
Curved Text
- Curved Text: lässt den Text an einem Pfad entlanglaufen. Standardmäßig aus. Ist der Haken gesetzt, erscheinen darunter:
- Path: der Pfad, dem der Text folgt.
- Baseline: wie die Buchstaben auf dem Pfad sitzen: Baseline, Middle oder Hanging. Standardmäßig Baseline.
- Offset: Abstand des Texts vom Anfang (left) und vom Ende (right) des Pfads. Standardmäßig 0.
Wie das geht, steht in Text auf eine Kurve setzen.
Farbe und Hintergrund
Im Abschnitt Appearance:
- Fill Color: die Farbe der Buchstaben. Standardmäßig Schwarz. Ohne Haken hat der Text keine Füllung.
- Stroke Color: eine Kontur um die Buchstaben. Standardmäßig aus.
- Background Color: ein Hintergrund hinter dem Text. Standardmäßig aus.
- Background Stroke Color: eine Kontur um den Hintergrund. Standardmäßig aus.
Sobald der Hintergrund eine Farbe oder eine Kontur hat, erscheinen weitere Eigenschaften:
- Background Corner Radius: rundet die Ecken des Hintergrunds ab.
- Background Clip: wie weit der Hintergrund reicht. Text Frame füllt die ganze Textbox (Standard). Text legt ein Rechteck eng um alle Zeilen. Per Line gibt jeder Zeile einen eigenen Hintergrund.
- Background Padding: vergrößert den Hintergrund um diesen Abstand.
Farbverläufe erklärt Farben und Verläufe einstellen.
Zeilen drehen und neigen
Am Ende des Abschnitts Transforms. Ist der Abschnitt zugeklappt, klicke auf Transforms. Alle Werte sind in Grad und standardmäßig 0.
- Rotate Text, Line °: dreht jede Zeile für sich. Das Element als Ganzes bleibt gerade.
- Rotate Text, Char °: dreht jeden Buchstaben für sich. Die Zeile selbst bleibt gerade.
- Skew Lines, X ° und Y °: neigt jede Zeile zur Seite (X) oder nach oben und unten (Y).
Gedrehte oder geneigte Zeilen können über die Textbox hinausragen. Das ganze Element drehst du mit Rotate weiter oben im selben Abschnitt.