Alerts im Builder bearbeiten

Mit dem Alert Builder kannst du das Aussehen deiner Stream Alerts individuell gestalten.

Du bestimmst direkt im Browser, wo Texte und Medien erscheinen, wie groß sie dargestellt werden, welche Schrift verwendet wird und welche Animation abgespielt werden soll.

Für einzelne Alert-Stufen kannst du dabei eigene Layouts erstellen. So kann beispielsweise ein normaler Sub anders aussehen als ein besonderer Sub- oder Donation-Alert.

Stufen-Builder

Öffnest du den Builder über eine bestimmte Alert-Stufe, bearbeitest du das Layout nur für diese Stufe.

Oben im Builder siehst du, welche Stufe aktuell bearbeitet wird.

Beispiel:

Stufe: Subs

Änderungen an Text, Media oder Layout gelten entsprechend für diesen Alert.

Alert-Text

Unter „Alert-Text“ bestimmst du die Nachricht, die beim Auslösen des Alerts angezeigt wird.

Für Subs steht beispielsweise der Platzhalter:

{user}

zur Verfügung.

Ein Alert-Text könnte so aussehen:

Danke {user} für deinen Sub! 🧡

BurgerBot ersetzt {user} beim Auslösen automatisch durch den Twitch-Namen des Zuschauers.

Je nach Alert-Typ stehen weitere Platzhalter zur Verfügung.

Stufen-Media

Jede Alert-Stufe kann ein eigenes Medium besitzen.

Das kann beispielsweise eine Animation, ein GIF oder ein Video sein.

Ist bereits ein Medium hinterlegt, zeigt BurgerBot dieses im Builder an.

Beispiel:

Aktiv: donation_alert.mp4

Du kannst das aktuelle Medium austauschen oder ein neues auswählen.

Eigene Videos hochladen

Du kannst eigene Videos direkt für deine Alerts hochladen.

Dabei können auch Videos mit Sound verwendet werden.

So kannst du beispielsweise eine eigene Animation inklusive Soundeffekt erstellen und diese bei einem Sub, Raid, einer Donation oder einem anderen Event abspielen lassen.

Achte anschließend auf die Lautstärke des Alerts, damit das Video im Stream nicht zu laut abgespielt wird.

GIF-Bibliothek

Du musst deine Alert-Medien nicht zwingend selbst erstellen.

BurgerBot verfügt über eine integrierte GIF-Bibliothek mit tausenden verfügbaren GIFs von KLIPY.

Über die Bibliothek kannst du nach einem passenden GIF suchen und dieses direkt für deinen Alert auswählen.

So kannst du beispielsweise für einen Sub, Raid oder eine Donation innerhalb weniger Sekunden eine passende Animation hinterlegen.

Du hast damit grundsätzlich zwei Möglichkeiten:

GIF aus der Bibliothek auswählen

oder

eigenes Video bzw. eigenes Medium hochladen

Arbeiten mit Layern

Der Alert Builder arbeitet mit Layern bzw. Ebenen.

Jedes Element deines Alerts befindet sich auf einer eigenen Ebene.

Das können beispielsweise sein:

Haupttext
Der eigentliche Alert-Text.

GIF
Ein ausgewähltes GIF aus der Bibliothek.

Alert-Media
Das für die Alert-Stufe ausgewählte Medium.

Badge
Ein zusätzliches Text- oder Gestaltungselement.

Die vorhandenen Layer findest du im Bereich „Layers“.

Layer verschieben

Die Reihenfolge der Layer kannst du verändern.

Dadurch bestimmst du, welches Element vor oder hinter einem anderen Element dargestellt wird.

Soll beispielsweise der Text über einem GIF erscheinen, kannst du die Ebenen entsprechend anordnen.

Das Prinzip funktioniert ähnlich wie bei klassischen Grafikprogrammen: Elemente auf höheren Ebenen können über darunterliegenden Elementen dargestellt werden.

Elemente per Drag & Drop positionieren

Du musst Positionen nicht umständlich über Zahlenwerte bestimmen.

Elemente können direkt in der Vorschau mit der Maus per Drag & Drop verschoben werden.

Klicke das gewünschte Element an und ziehe es an die Stelle, an der es später im Alert erscheinen soll.

Dadurch siehst du bereits beim Bearbeiten, wie dein fertiger Alert aufgebaut sein wird.

Elemente vergrößern und verkleinern

Auch die Größe deiner Elemente kannst du direkt im Builder verändern.

Wähle ein Element aus und passe seine Größe in der Vorschau an.

Damit kannst du beispielsweise:

ein GIF größer darstellen,
ein Video auf einen bestimmten Bereich begrenzen,
den Alert-Text passend positionieren oder
zusätzliche Elemente in das Layout integrieren.

So kannst du deinen Alert komplett visuell gestalten.

Layer bearbeiten

Wählst du einen Layer aus, erscheinen die dazugehörigen Einstellungen unter „Layer bearbeiten“.

Je nach Layer-Typ stehen unterschiedliche Optionen zur Verfügung.

Name

Hier kannst du dem Layer einen eigenen Namen geben.

Das hilft besonders bei komplexeren Alerts mit mehreren Ebenen.

Sichtbar

Über „Sichtbar“ kannst du einen Layer ein- oder ausblenden, ohne ihn komplett aus dem Layout entfernen zu müssen.

Inhalt

Bei Text-Layern kannst du hier den angezeigten Inhalt bearbeiten.

Dabei können auch die jeweiligen BurgerBot-Platzhalter verwendet werden.

Ausrichtung

Bestimme die Ausrichtung deines Textes innerhalb des Layers.

Google Font

Für Texte kannst du eine passende Google Font auswählen.

Damit kannst du die Schrift deiner Alerts beispielsweise an das Branding deines Streams anpassen.

Schriftfarbe

Bestimme die Farbe deines Textes.

Zusätzlich können je nach Einstellung auch Farbverläufe verwendet werden.

Größe

Hier kannst du die Größe des jeweiligen Elements genauer einstellen.

Neben der visuellen Größenänderung im Builder kannst du dadurch präzisere Anpassungen vornehmen.

Texteffekte

Für Text-Layer stehen verschiedene Gestaltungsmöglichkeiten zur Verfügung.

Dazu gehören unter anderem:

Verlauf
Verwende mehrere Farben innerhalb deines Textes.

Schatten
Füge deinem Text einen Schatten hinzu.

Outline
Erzeuge eine Kontur um deine Schrift.

Glow
Füge einen Leuchteffekt hinzu.

GROSS
Stellt den Text entsprechend in Großbuchstaben dar.

Über die Outline-Farbe kannst du zusätzlich bestimmen, welche Farbe die Kontur des Textes erhalten soll.

Text-Effekt

Neben der normalen Gestaltung kannst du deinem Text zusätzliche Effekte geben.

Damit lassen sich Alert-Texte auffälliger und dynamischer darstellen.

Über den Abstand kannst du zusätzlich Einfluss auf die Darstellung des Textes nehmen.

Animation

Für deine Alerts kannst du eine Animation festlegen.

Unter „Effekt“ bestimmst du, welche Animation verwendet werden soll.

Über „Dauer“ legst du fest, wie schnell die Animation abgespielt wird.

Die Angabe erfolgt in Millisekunden.

Beispiel:

450 ms

Je nach gewünschtem Design kannst du dadurch schnelle oder bewusst langsamere Animationen verwenden.

Unterschiedliche Alerts gestalten

Der große Vorteil des Stufen-Builders ist, dass du nicht auf ein einziges Alert-Design beschränkt bist.

Du könntest beispielsweise folgende Varianten erstellen:

Normaler Sub
Kleines GIF und kurzer Dankestext.

Besonderer Sub-Alert
Größere Animation mit eigenem Video.

10 Gifts
Eigenes GIF mit auffälligerem Text.

50 € Donation
Großes Video inklusive Sound und besonderer Animation.

Großer Raid
Eigenes Raid-Design mit großer Begrüßung.

Dadurch kannst du besondere Events in deinem Stream auch visuell entsprechend hervorheben.

Speichern nicht vergessen

Nachdem du deinen Alert angepasst hast, musst du die Änderungen speichern.

Beim Speichern übernimmt BurgerBot unter anderem den Alert-Text und das ausgewählte Media für die jeweilige Stufe.

Danach kann der Alert über deine bestehende Stream-Alerts-Browserquelle in OBS verwendet werden.