Design5 Min. Lesezeit
Stream-Overlay erstellen: Größen, Aufbau und Fehler
Kurz gesagt: Ein Overlay ist die Grafikebene, die in OBS über deinem Spiel und deiner Kamera liegt: Webcam-Rahmen, Start- und Pausenszenen, Chat-Elemente und Alerts. Es wird in der Größe der OBS-Basisleinwand gestaltet (üblich ist 1920x1080) und in Szenen mit getrennten Teilen aufgebaut. Dieser Artikel erklärt dir, was ein gutes Overlay enthält, wie du es in OBS einrichtest, ohne dass es sich verzerrt, und welche Fehler am häufigsten vorkommen.
Was ein Overlay ist und wofür es gut ist
Wenn jemand deinen Stream betritt, sieht er als Erstes deine Szene: das Spiel, deine Kamera und alles drumherum. Das Overlay ist dieser visuelle “Rahmen”. Es erfüllt drei Aufgaben:
- Identität: Man erkennt allein an einem einzelnen Frame, dass es dein Kanal ist.
- Ordnung: Es macht klar, wo die Kamera ist, wo das Spiel hinkommt und wo die Alerts erscheinen.
- Kontext: Es kann den letzten Follower, einen Zähler oder eine Nachricht wie “bin gleich wieder da” zeigen.
Ein Overlay ist nicht dasselbe wie Alerts: Das Overlay ist das feste Design deiner Szenen, Alerts sind Hinweise, die durch Ereignisse ausgelöst werden. Alerts behandeln wir in der Alert-Anleitung.
Was ein vollständiges Overlay enthält
Ein Overlay-Set wird meist als Familie von Szenen im gleichen Stil aufgebaut:
| Teil | Wofür man es nutzt |
|---|---|
| Startszene (“starting soon”) | Bildschirm, während du darauf wartest, dass die Leute eintrudeln |
| Spielszene | Rahmen für die Webcam, Ränder und freie Fläche für das Spiel |
| Nur-Talk-Szene | Große Kamera für Just Chatting oder Gespräche |
| Pausenszene (“BRB”) | Hinweis, dass du gleich wieder da bist |
| Abschlussszene | Verabschiedung, Socials und nächster Stream |
| Webcam-Rahmen und Details | Rahmen um deine Kamera in deiner Farbpalette |
| Chat- und Event-Elemente | Chatbox, Event-Liste oder Labels mit dem letzten Follower |
Laut der OBS-Anleitung zu Alerts sind die häufigsten dynamischen Elemente Alerts, die Event-Liste, die Chatbox, Labels mit einzelnen Infos (letzter Follower, letzter Abonnent) und das “Glas”, das sich mit Event-Icons füllt.
In welcher Größe du es gestaltest
Die Plattformen schreiben keine Overlay-Größe vor: Maßgeblich ist die Basisleinwand von OBS. Laut der allgemeinen OBS-Anleitung ist die Leinwand der Raum, in dem du deine Quellen platzierst, und sie entspricht meist der Auflösung deines Monitors oder deines Spiels. Die Regel ist deshalb einfach:
- Gestalte jede Szene in derselben Größe wie deine Basisleinwand. Wenn deine Leinwand 1920x1080 ist, gestalte in 1920x1080.
- Halte die Leinwand fest. Wenn du sie später änderst, musst du alle Quellen neu platzieren. Wenn du in geringerer Auflösung senden musst, senke nur die Ausgabeauflösung, nicht die Leinwand.
- Denk an die Obergrenze deiner Plattform. Kick erlaubt bis zu 1920x1080 und 60 fps, und die Empfehlungen von Twitch reichen bis 1080p60. Ein 4K-Overlay nützt dir nichts, wenn du in 1080p sendest.
Wenn das Overlay eine Webseite ist (Browser-Quelle)
Viele animierte Overlays und alle Alerts funktionieren mit einer Quelle vom Typ Browser (Browser Source). Laut der offiziellen OBS-Dokumentation:
- Die Standardgröße ist 800x600, du musst sie also von Hand auf die Größe deines Overlays anpassen (zum Beispiel 1920x1080).
- Das Standard-CSS macht den Hintergrund transparent und entfernt Ränder und Scrollbalken.
- Du kannst “Quelle ausschalten, wenn nicht sichtbar” (Shutdown source when not visible) aktivieren, damit die Seite entladen wird, wenn sie nicht auf dem Bildschirm ist, und “Browser aktualisieren, wenn Szene aktiv wird”, damit sie bei jedem Szenenwechsel neu startet.
Bilder und Transparenz
Für statische Teile (Rahmen, Ränder, Texte) nimm ein Bild mit transparentem Hintergrund, das die ganze Leinwand ausfüllt. Wenn du es als Bildquelle einfügst, deckt es die ganze Szene ab, und das “Leere” lässt das Spiel oder die Kamera darunter durchscheinen.
Auch die Größen deines Kanals zählen
Das Overlay lebt im Stream, aber dein Kanal hat visuelle Teile außerhalb von OBS. Bei Twitch nennt zum Beispiel die offizielle Hilfe zur Kanaleinrichtung:
- Empfohlenes Profilbanner: 1200x480 px. Konzentriere die Grafik auf die linke Seite, weil die Seite je nach Fenster der Person skaliert wird.
- Info-Panels: Bilder mit höchstens 320 px Breite (und 300 px Höhe) und unter 2,9 MB.
- Profilfoto: JPEG, PNG oder GIF mit bis zu 10 MB.
Wenn du in Overlay, Panels und Banner dieselben Farben, Schrift und dasselbe Logo nutzt, wirkt dein Kanal wie eine einzige Marke. Wie das gelingt, besprechen wir in der Branding-Anleitung.
So richtest du es in OBS ein, Schritt für Schritt
- Lege deine Basisleinwand unter Einstellungen > Video fest (zum Beispiel 1920x1080).
- Erstelle für jede Situation eine Szene: Start, Spiel, Talk, Pause und Abschluss.
- Füge zuerst die Hintergrundquellen hinzu (Spiel, Kamera) und darüber das Overlay-Bild mit Transparenz.
- Ziehe den Webcam-Rahmen auf die Größe des Ausschnitts im Overlay; schneide bei Bedarf mit dem Filter Zuschneiden/Auffüllen (Crop/Pad) zu.
- Füge deine Browser-Quellen (Alerts, Chat, Labels) ganz oben hinzu, damit sie kein Bild verdeckt.
- Mach einen kurzen Test-Stream oder eine kurze Aufnahme und prüfe, dass nichts Elemente des Spiels verdeckt.
Für die komplette OBS-Einrichtung, einschließlich CBR und Bitrate, gibt es die OBS-Anleitung.
Typische Fehler
- Die Spieloberfläche verdecken. Prüfe in deinem Spiel, wo Minimap, Lebensanzeige und wichtige Texte liegen, bevor du große Ränder zeichnest.
- Winzige Webcam oder Ausschnitte, die nicht passen. Wenn der Rahmen nicht zu deiner Kamera passt, wirkt es schludrig. Miss den Ausschnitt und passe die Kamera an.
- Zu viele Elemente auf einmal. Mit jedem Zähler und jeder zusätzlichen Box wird das Bild unruhig, und der Fokus auf dich und das Spiel geht verloren.
- Zu kleiner Text. Auf einem Handy ist eine 12-px-Schrift unleserlich. Nimm wenige Wörter und großzügige Größen.
- Doppelte Alerts. Wenn du die Alert-Quelle in mehrere Szenen kopierst und außerdem eine weitere im Overlay lässt, ertönt der Alert doppelt. Behalte nur eine.
- Stile mischen. Ein Neon-Rahmen mit minimalistischen Panels und Emotes in einem anderen Stil wirkt wie ein improvisierter Kanal.
Overlays, gemacht für deinen Kanal
Bei Epik kannst du ein einzelnes Overlay für jeweils 20 $ bestellen. Das Boost-Paket enthält Logo, 3 Overlays, 3 Panels und 1 Banner (für eine einzige Plattform), und das Epik-Paket ergänzt Overlays, Frames, Panels, Banner, Emotes, Sub-Badges, Alerts, TTS und OBS-Einrichtung für mehrere Plattformen. Alles wird vollständig über PayPal bezahlt, und wir starten mit deinem Briefing.
