Animiertes Stream-Overlay erstellen — im Browser, ohne Vorlagen

Mit einem Baukasten für animierte Stream-Overlays baust du die bewegten Teile deines Streams — Rahmen, BRB-Bilder, Startbildschirme, Hintergründe für Alerts — ohne Videodateien von Hand zu animieren. Reactor Studio geht einen anderen Weg als die Vorlagen-Marktplätze: Statt Entwurf 47 auszuwählen und ihn in derselben Woche auf drei anderen Kanälen wiederzusehen, beginnst du mit deinem eigenen Bildmaterial, lässt die Animation von KI-geschriebenen WebGL-Shadern erzeugen, ergänzt bei Bedarf Regler und exportierst eine einzelne, transparente HTML-Datei für OBS.

Vorlagen-Overlays gegen erzeugte Overlays

Vorlagenpakete sind schnell, aber sie haben Nachteile: Dein Kanal sieht aus wie der jedes anderen Käufers, die Animation steckt fest in einer Videoschleife — sichtbare Ansätze, feste Auflösung, keine Reaktion —, und jede Änderung bedeutet, ein neues Paket zu besorgen oder in Auftrag zu geben.

Ein erzeugtes Overlay dreht das um:

• Deine Grafik bleibt deine. Die Effekte werden auf deine vorhandenen Bilder angewendet: Logo, Rahmen, Maskottchen, handgezeichnete Elemente.
• Echtzeit statt Videoschleife. Effekte sind WebGL-Shader mit 60 Bildern pro Sekunde: keine Schleifenansätze, scharf in jeder Auflösung, winzige Dateien.
• Es kann reagieren. Ein Overlay kann auf Klang antworten — Pulsieren zum Bass, Leuchten im Takt, ein vollständiger Equalizer mit 16 Bändern. Das schafft eine Videoschleife nie.
• Du kannst die Regler dazunehmen. Erzeuge Regler für einen Effekt und justiere danach Eigenschaften wie Geschwindigkeit und Farbe im laufenden Betrieb, statt eine neue Animation in Auftrag zu geben.

So funktioniert es

1. Bildmaterial hinzufügen in Reactor Studio — läuft im Browser, nichts zu installieren.
2. Zonen markieren auf den Teilen, die sich bewegen sollen: Rahmen, Text, Hintergrund, Balken.
3. Den Effekt beschreiben in normaler Sprache, etwa «ein langsames Glutleuchten entlang dieses Rahmens, heller im Takt». Die KI schreibt einen GLSL-Shader für genau diese Zonen. Starteffekte wie die EQ Bars mit 16 Bändern liefern erprobte Ausgangspunkte.
4. Bei Bedarf Regler erzeugen und live justieren, bis der Effekt zur Stimmung deiner Szene passt.
5. Exportieren als OBS-Overlay: eine in sich geschlossene HTML-Datei mit transparentem Hintergrund, in OBS als Browserquelle eingebunden. Die vollständige Anleitung dazu steht in OBS-Overlay, das auf Musik reagiert.

Was Streamer damit bauen

• BRB- und Startbildschirme mit einem lebendigen Equalizer statt einer starren Karte — siehe den Guide zum Audio-Visualizer
• Webcam-Rahmen, die atmen, leuchten oder mit der Musik pulsieren
• Logo-Kennungen — dein Logo mit lebendigem Licht statt als starres PNG
• Szenen-Hintergründe mit dezenter Bewegung, die nicht vom Spiel ablenkt

Eine Szene, mehrere Zustände

Die Sichtbarkeit der Ebenen wird beim Export festgeschrieben. Verschiedene Szenenzustände — BRB mit Equalizer, Spielrahmen ohne — sind deshalb schlicht getrennte Exporte desselben Projekts, die du je in eine eigene OBS-Szene legst. Wechselst du in OBS die Szene, wechselt damit der Zustand des Overlays.

Häufige Fragen

Brauche ich Design- oder Programmierkenntnisse?

Nein. Du bringst ein Bild mit — vorhandene Overlay-Grafik, ein Logo, sogar ein Foto — und beschreibst die gewünschte Bewegung in normaler Sprache. Den Shader-Code schreibt die KI.

Welche Datei bekomme ich am Ende?

Eine einzelne, in sich geschlossene HTML-Datei pro Szene. Sie hat einen transparenten Hintergrund, startet von selbst und wird in OBS als Browserquelle eingebunden, die auf eine lokale Datei zeigt.

Funktioniert das auch mit Streamlabs oder anderen Werkzeugen?

Ja — der Export ist eine normale HTML-Browserquelle. Jedes Streaming-Werkzeug, das Browser- oder HTML-Quellen unterstützt, kann sie anzeigen, auch Streamlabs Desktop.

Kann ich das ausprobieren, bevor ich etwas bezahle?

Effekte bauen, mit den Demo-Reglern spielen und alles im Browser ansehen ist gratis. Ein kostenloses Konto enthält zusätzlich ein einmaliges Startguthaben für KI-Generierungen. Speichern, geräteübergreifendes Synchronisieren, eigene Regler und der Export gehören zu Pro, aktuell CHF 4.50 pro Monat als Einführungspreis, regulär CHF 9.