Studio Editor: Texteffekte hinzufügen und anpassen
5 min
In diesem Artikel
- Einen Texteffekt hinzufügen
- Den Texteffekt gestalten
- Den Text formatieren
Verwende Texteffekte, um die Website deines Kunden mit faszinierenden Titeln und Botschaften zu gestalten, die Aufmerksamkeit erregen. Mit diesen vollständig anpassbaren Elementen kannst du den Effekt so stark oder dezent gestalten, wie es das Design erfordert. Wähle aus einer Vielzahl vorgefertigter Effekte und personalisiere das Design, um es an den Rest der Seite anzupassen.
Tipp:
Wenn du das CMS (Content Management System) verwendest, kannst du Texteffekte mit dem Inhalt deiner Sammlung verknüpfen, um im Element dynamischen Text anzuzeigen.
Einen Texteffekt hinzufügen
Entdecke unser Angebot an künstlerischen Texteffekten im „Elemente hinzufügen“-Panel. Jeder Effekt setzt einen eigenen Akzent und verleiht der Website deines Kunden einen einzigartigen Charakter. Diese Effekte sind nur der Ausgangspunkt. Du kannst sie verfeinern und anpassen, damit sie perfekt mit dem Rest deiner Website übereinstimmen.
Um einen Texteffekt hinzuzufügen:
- Klicke auf der linken Seite des Editors auf Elemente hinzufügen
. - Klicke auf Text oder Deko-Element.
- Klicke auf Text-Effekte.
- Ziehe den gewünschten Texteffekt auf die Seite.
- Gib deinen Text ein:
- Klicke auf das Texteffektelement.
- Klicke Text ändern.
- Gib deinen Text ein.
Den Texteffekt gestalten
Texteffekte sind vollständig anpassbar, sodass du das Design genau an die Bedürfnisse und Vorstellungen deines Kunden anpassen kannst. Jeder Effekt hat einzigartige Designeinstellungen, die im Inspektor-Panel verfügbar sind. Entdecke Optionen wie Farben, Ebenen und Bewegung, um den Effekt hervorzuheben.
Du arbeitest mit Breakpoints?
Die Designeinstellungen wirken sich von den größten Breakpoints aus absteigend aus, du kannst sie jedoch bei Bedarf an den kleineren Breakpoints anpassen.
Um den Texteffekt zu gestalten:
- Wähle das Texteffektelement aus.
- Klicke oben rechts im Editor auf das Symbol für Inspektor öffnen
.
- Passe die unter Design verfügbaren Einstellungen je nach gewähltem Texteffekt an:
- Farbe/Füllfarben: Wähle die Farben aus, die den Effekt ausmachen. Je nach spezifischem Effekt kannst du eine einzelne Farbe oder mehrere Farben auswählen oder einen Farbverlauf anwenden.
- Bewegung: Aktiviere den Schieberegler, um einen animierten Effekt hinzuzufügen, der bei Mouseover erscheint. Lege die Geschwindigkeit mit dem Slider fest, damit sich die Animation schneller oder langsamer bewegt.
- Text: Ändere die Schriftart, Größe, Groß- und Kleinschreibung und mehr. Erfahre hier mehr über die Textformatierungsoptionen im folgenden Abschnitt.
- Text verformen: Aktiviere den Schieberegler, um alle Zeichen und Wörter in verschiedene Richtungen zu verdrehen. Du kannst das Muster auswählen und die Rotation und/oder den Versatz (je nach Muster) festlegen.
- Ebenen: Passe die visuellen Ebenen an, um dem Design Tiefe zu verleihen. Lege die gewünschte Anzahl von Ebenen und ihre Farben fest und ändere den Winkel und den Abstand zwischen den Ebenen, um einen individuellen Effekt zu erzielen.
- Abschrägungswinkel: Passe den Winkel an, um zu steuern, wie Licht und Schatten fallen, um einen 3D-Effekt an den Rändern des Textes zu erzeugen.
- Stripe: Passe die Größe, den Winkel und die Breite der Streifen an.
- Maske: Ändere die Position der Maske und den Weichzeichnereffekt, um zu steuern, wie viel vom Text sichtbar oder verschwommen angezeigt wird.
- Glow : Vergrößere oder verkleinere den Glow um den Text herum.
- Rand: Lege die Randfarbe und -breite um den Text fest.
- Schatten: Ändere die Farbe, den Winkel, den Weichzeichnen-Effekt und die Entfernung des Schattens.
Hinweis: Bei einigen Effekten stimmt die Schattenfarbe automatisch mit den von dir ausgewählten Füllfarben überein.
Tipp:
Du kannst eine Animation hinzufügen, um den Texteffekt noch dynamischer zu gestalten. Klicke auf den Tab Animationen und Effekte 
im Inspektor-Panel, um eine der folgenden Animationen hinzuzufügen: Entrance, Mouseover, Klicken, Scrollen, Loop oder einen Mauseffekt.
im Inspektor-Panel, um eine der folgenden Animationen hinzuzufügen: Entrance, Mouseover, Klicken, Scrollen, Loop oder einen Mauseffekt. Den Text formatieren
Passe Schriftart, Abstand, Ausrichtung und andere Formatierungseinstellungen an. So sorgst du dafür, dass dein Design nahtlos zur Website deiner Kunden passt.
Um die Textformatierung anzupassen:
- Wähle das Texteffektelement aus.
- Klicke oben rechts im Editor auf das Symbol für Inspektor öffnen .
- Klicke unter Design auf Text.
- Passe die verfügbaren Formatierungseinstellungen an:
- Verknüpfe dieses Textelement mit einem Typografie-Stil.
- Ändere Schriftart und Schriftgröße.
- Passe den horizontalen und vertikalen Zeichenabstand an.
- Gestalte den Text fett oder kursiv.
- Richte den Text aus.
- Ändere die Groß- und Kleinschreibung (z. B. konvertiere den Text in Kleinbuchstaben).
Tipp zur Barrierefreiheit:
Wenn dieses Texteffektelement nur ein Deko-Element ist, es also keine wichtigen Informationen für Screenreader enthält, aktiviere das Kontrollkästchen neben Dieser Text ist nur dekorativ.