OBS Studio Overlay-Einrichtung für Anfänger

In diesem Tutorial lernst du, wie du professionell aussehende Overlays mit OBS Studio und Stream Elements einrichtest.

Du wirst lernen, wie man Folgendes einrichtet:

„Starting Soon“-Bildschirm
Countdown-Timer
Alarme
BRB-Overlays
Chat-Overlays
Spiel-Overlays
Haupt-Gameplay-Szene

Erhalte 50 % Rabatt auf unser Arctic-Paket für dieses Tutorial unter https://lascurry.com/streampackageartic mit dem Gutscheincode FREESTEAMOVERLAY.

Erstellen eines "Starting Soon"-Bildschirms

Zuerst erstellst du den "Starting Soon"-Bildschirm. Dieser Bildschirm wird angezeigt, bevor dein Twitch-Stream beginnt, und enthält einen Countdown-Timer für dein Publikum. Dieser Countdown-Timer ist ein kostenloses Tool, das ich für dich erstellt habe und das unter www.lascurry.com/countdowntimertool zu finden ist.

Klicke in OBS Studio auf das Symbol unter der Registerkarte "Quellen", um eine neue Quelle hinzuzufügen.
Wähle "Bild" aus dem Dropdown-Menü. Das Popup-Fenster "Quelle erstellen/auswählen" wird angezeigt.
Wähle "Neu erstellen" und benenne dein Bild Start. Klicke auf OK.
Wähle die Datei Starting Soon aus dem Dateibrowser aus. Klicke auf "Öffnen" und dann auf OK.
Die neue Quelle "Starting" befindet sich nun in der Registerkarte "Quellen". Wähle die Quelle aus, klicke dann mit der rechten Maustaste und wähle "Transformieren" und dann "An Bildschirm anpassen".
Klicke auf das Schloss-Symbol , um weitere Änderungen zu verhindern.

Einen Countdown-Timer hinzufügen

Gehe zu www.lascurry.com/countdowntimertool

Nachdem du deine Timer-Einstellungen angepasst hast, klicke auf "Get my Timer". Dein neuer Timer öffnet sich in einem neuen Tab.

Klicke auf die URL im neuen Browser-Tab und kopiere die vollständige URL.

Füge in OBS Studio eine neue Quelle in der Registerkarte "Quellen" hinzu. Wähle "Browser" aus.

Benenne die neue Quelle in Countdown um. Das Fenster "Countdown-Eigenschaften" wird angezeigt.

Füge die URL des Countdown-Timers in das Feld "URL" ein. Klicke auf OK. Der Timer wird auf dem Bildschirm angezeigt.

Ziehe den Timer an die gewünschte Position auf dem Bildschirm und sperre ihn, indem du auf das Schloss-Symbol neben Countdown in der Registerkarte "Quellen" klickst.

Hinzufügen von Warnmeldungen

Als Nächstes richten wir Warnmeldungen ein, die dein Publikum darüber informieren, wann dein Stream beginnt, wann der Countdown endet, Abonnentenwarnungen und mehr. Richte jede dieser Warnmeldungen einzeln nach diesen Schritten ein.

Melde dich bei Stream Elements mit deinem Twitch-Konto an.

Gehe im Seitenmenü zu "Meine Overlays". Klicke auf "Neues Overlay erstellen". Ein neuer Tab öffnet sich.

Lass im neuen Tab die Auflösung auf 1080p und klicke auf "Start".

Klicke auf das blaue Plus-Symbol unten links.

Wähle "Alarme" und dann "AlertBox". Ein Panel erscheint links mit der neuen Ebene.

Doppelklicke auf die Ebene AlertBox 1, um die Ebeneneinstellungen zu öffnen. Benenne die Ebene um und klicke dann auf den Pfeil, um die Alarm-Einstellungen anzupassen.

Klicke auf das Zahnrad-Symbol neben dem ersten Alarm, den du einstellen möchtest. Klicke auf "Bild einstellen".

Ein Pop-up-Fenster erscheint. Lade dein Bild als neue Datei hoch. Klicke dann oben links in der Bildminiaturansicht auf "Senden".

Scrolle im Seitenpanel zum Bereich "Layout" und klicke auf "Text über Bild". Scrolle zu den "Texteinstellungen". Passe den Text nach deinen Wünschen an.

Klicke auf die Registerkarte "Erweitert", um die Textränder anzupassen.

Oben: 100 pt Rechts

Unten: 150 Links

Klicke auf "Emulieren" und wähle das Ereignis aus, das deiner neuen Warnung entspricht. Die letzten Änderungen werden auf dem Bildschirm angezeigt.

Klicke auf "Speichern" und benenne dein Overlay. Speichern.

Klicke in der oberen Leiste auf das Hyperlink-Symbol, um die Overlay-URL zu kopieren.

Füge in OBS eine neue Quelle mit dem + hinzu. Wähle "Browserquelle". Klicke auf "Neu erstellen", benenne die Warnung und klicke auf OK. Das Pop-up-Fenster "Bilddatei" wird angezeigt.

Füge die Alarm-URL in das URL-Feld im Pop-up-Fenster ein. Klicke auf OK.

Zurück in Stream Elements, klicke auf "Emulieren", um deinen Alarm zu emulieren. Der Alarm erscheint in OBS Studio. Positioniere den Alarm nach Belieben und klicke dann auf "Speichern".

Erstellen eines BRB-Overlays

Dupliziere in OBS Studio deine Startszene in der Registerkarte "Quelle". Das Fenster "Szene hinzufügen" wird angezeigt. Benenne deine Szene in Break um und klicke auf OK. Entsperre die Szene Break und doppelklicke, um ein neues Bild zu öffnen. Wähle BRB Screen aus. Klicke auf OK. Sperre die Szene in der Registerkarte "Quelle". Erstellen eines Pausen-Overlays Genau wie bei der Szene "Break" beginne mit dem Duplizieren der Szene "Start" und benenne diese Szene in Intermission um. Entferne den Countdown-Timer, indem du ihn in der Registerkarte "Quellen" anklickst und dann auf das - klickst. Entsperre den Bildschirm "Starting Soon", indem du ihn in der Registerkarte "Szenen" doppelklickst. Füge dann unter "Quellen" ein neues Bild hinzu und öffne den "Intermission Screen". Klicke auf OK. Als Nächstes entsperre und entferne den Countdown-Timer mit der Schaltfläche -. Entsperre die Quelle Starting Soon und doppelklicke darauf, um das Fenster "Bild auswählen" zu öffnen. Wähle das "Intermission"-Bild aus und klicke auf OK. Kehre zu Stream Elements zurück und emuliere deine letzte Warnung. Passe in OBS Studio die Platzierung des Alarms an und sperre ihn in der Registerkarte "Quellen".

Hinzufügen eines Chat-Overlays

Speichere in Stream Elements dein letztes Overlay und kehre dann zum Dashboard zurück.

Klicke auf "Neues Overlay". Der Overlay-Editor öffnet sich. Klicke auf "Start".

Klicke auf die blaue Schaltfläche + und dann auf "Stream Tools".

Doppelklicke auf die neue Ebene Your streams chat 1 im Seitenbereich.

Klicke auf Position, Größe und Stil.

Breite: 500 px

Höhe: 700 px

Klicke auf Einstellungen. Klicke auf "Theme" und dann auf "Benutzerdefiniert". Scrolle nach unten und wähle eine Hintergrundfarbe. Wähle vorerst eine helle Farbe, damit du das Chat-Overlay besser sehen kannst, wenn du es im Vorlagenrahmen in OBS positionierst.

Speichern. Benenne das Overlay im Pop-up-Fenster mit Chat und klicke auf "Speichern".

Kopiere den Hyperlink, indem du auf das Hyperlink-Symbol oben rechts in der Symbolleiste klickst.

Kehre zu OBS zurück und füge eine neue Quelle hinzu. Wähle "Browser" aus. Benenne die Quelle mit Chat und klicke auf "Speichern". Das Fenster "Chat-Eigenschaften" wird angezeigt.

Gib die kopierte URL in das URL-Feld ein. Klicke auf "Speichern". Das Chat-Overlay erscheint.

Ändere die Größe des Chat-Overlays, um es an die schwarzen Rechtecke der Overlay-Vorlage anzupassen, und speichere es dann.

Nach der Positionierung kehre zu Stream Elements zurück, um das Theme auf Dark oder eine neue Farbe zu ändern.

Hinzufügen eines Spiel-Overlays

Füge in OBS eine neue Quelle hinzu und wähle Videoaufnahmegerät. Das Fenster "Quelle erstellen/auswählen" wird angezeigt. Benenne dieses Spiel und klicke auf OK. Das Fenster "Eigenschaften für Spiel" wird geöffnet.

Wähle deine Aufnahmekarte im Dropdown-Menü "Gerät" aus. Klicke auf OK.

Passe die Größe des Spiel-Overlays an das schwarze Rechteck der Vorlage an. Stelle sicher, dass die Quelle Spiel unterhalb der Vorlage in der Registerkarte "Quellen" liegt, damit sie hinter dem Rahmen erscheint. Richte sie nach Belieben aus und sperre dann Spiel in der Registerkarte "Quellen".

Hinzufügen eines Webcam-Overlays

Füge eine Videoaufnahmegerät-Quelle aus der Registerkarte "Quellen" hinzu. Benenne sie mit Kamera und klicke auf OK. Das Eigenschaftenfenster wird angezeigt.

Wähle deine Webcam im Dropdown-Menü "Gerät" aus. Klicke auf OK. Deine Webcam erscheint auf dem Bildschirm.

Klicke auf die Kamera in der Registerkarte "Quellen" und positioniere die Webcam so, dass sie in die Vorlage passt. Sperre die Kamera und alle anderen Quellen.

Erstellen der Haupt-Gameplay-Szene

Dupliziere in OBS die Szene "Intermission" und benenne sie in Gameplay um. Klicke auf OK.

Entferne die unnötigen Warnungen aus der Registerkarte "Quellen" und entsperre und blende die Kamera aus.

Klicke in der Registerkarte "Szene" auf Spiel. Klicke mit der rechten Maustaste und wähle "An Bildschirm anpassen".

Füge das Gameplay-Overlay hinzu, indem du in der Registerkarte "Quellen" auf + klickst und dann "Bild" auswählst. Benenne die neue Quelle in Webcam um und klicke auf OK.

Wähle das Facecam-Overlay aus und klicke auf "Speichern".

Klicke mit der rechten Maustaste auf das Overlay und wähle "An Bildschirm anpassen".

Passe als Nächstes das Facecam-Overlay über der Webcam an. Sperre die Kamera, um die Positionierung der Webcam-Overlays zu erleichtern.

Sobald sie richtig positioniert sind, wähle sowohl Webcam als auch Kamera in den Quellen aus, indem du die Strg-Taste gedrückt hältst. Klicke mit der rechten Maustaste und wähle "Ausgewählte Elemente gruppieren". Jetzt kannst du beide Overlays als eines positionieren.

Ändere die Größe und positioniere die gruppierten Overlays, und sperre dann die Gruppe in der Registerkarte "Quellen".

Teste die Platzierung deiner Warnmeldungen in den neuen Overlays in Stream Elements. Klicke im Stream Elements-Dashboard auf Warnungen und emuliere dann die Follow Alerts mehrmals hintereinander.

Die mehreren Follow Alerts erscheinen in OBS. Positioniere die Warnungen auf dem Bildschirm und speichere.

Fazit

Du hast gelernt, wie man Warnmeldungen, Gameplay und Webcam in OBS Studio und Stream Elements einrichtet. Nachdem die wichtigsten Streaming-Elemente eingerichtet sind, bist du bereit, mit deinem Publikum in Kontakt zu treten.

OBS Studio ist ein leistungsstarkes Werkzeug zur Erstellung professioneller Streams, also erkunde die Software selbst. Besuche www.LASCurry.com für weitere Informationen und Tutorials!