Die Basics zum Scene Builder - deinem neuen Overlay Maker

Templates und Single Scenes erklärt

OWN3D Pro bietet dir mit dem Scene Builder mehrere Wege für die Erstellung deines Stream Overlays: "Complete Overlay Setup" und "Single Scene". Das Complete Overlay Setup basiert auf vorgefertigten Template-Packs und erlaubt dir einen schnellen Start inklusive allen Szenen, die du zum streamen brauchst. Single Scene ermöglicht dir das Erstellen von einzelnen Szenen, je nach Wunsch. So kannst du von Grund auf oder mit einzelnen Templates ein eigenes Overlay zu kreieren.

Templates

Solltest du schnell mit deinem neuen Stream Overlay loslegen wollen, nehmen wir dir mit unseren fertigen Template-Packs die Arbeit ab. Mit den Templates erstellst du Overlays in wenigen Sekunden und mit wenigen Klicks! Wähle einfach aus gratis Templates oder als Pro Subscriber aus vielen Template-Designs aus, und wir machen den Rest. 

Sobald du dich für die automatische oder manuelle Selektion und für ein Design entschieden hast, wird ein Ordner mit deinen Szenen angelegt, die du anschließend bearbeiten kannst.

Editiere nach dem Anlegen der Szene noch deinen eigenen Namen bei den Social Media-Kanälen oder das Overlay, falls du etwas bearbeiten möchtest. Abschließend musst du die einzelnen Szenen nur mehr als Browserquelle in dein Broadcasting-Tool einfügen.

Wir zeigen dir hier die unterschiedlichen Selektionen.

Automatische Selektion

Manuelle Selektion

Bevorzugst du Videos? Schau dir das an!

Single Scenes

Wenn du gleich von Beginn an detaillierter an deinen Szenen arbeiten möchtest, so kannst du auch mit einzelnen Szenen starten. Entweder suchst du dir einzelne Templates aus, oder startest mit einer komplett leeren Szene, hüpfst direkt in den Scene Builder und baust dir dein eigenes Overlay aus Grafiken und Widgets.

Möchtest du ein Videotutorial? Klicke hier:

Der Scene Builder - ein Spielplatz für Streamer

Die Basics einer leeren Szene

In einer leeren Szene hast du die Möglichkeit, dein eigenes Stream Overlay von Grund auf zu gestalten und kreativ zu werden. 

Unter "Add Widget" kannst du praktische Elemente wie Countdown, GIFs, Twitch Chatbox, Bilder, eigene Videos, Labels und mehr hinzufügen. 

Außerdem steht dir unter "Add Graphic" eine umfangreiche Bibliothek mit verschiedenen Designs zur Verfügung, aus der du dein individuelles Overlay erstellen kannst. Hier findest du Stream-Grafiken für die Webcam, Talking Banner, verschiedene Overlays, Social Icons, Intermission Banner und vieles mehr. Es stehen dir einige, kostenlose Stream-Assets zur Verfügung. Solltest du dir aber mehr wünschen, kannst du mit der Pro Subscription aus hunderten Grafiken wählen.

Wenn du doch lieber mit einem vorgefertigten Template arbeiten möchtest, kannst du einfach im Menü auf "Select Template" klicken. Es gibt 5 kostenlose Stream Designs und eine umfangreiche Bibliothek für Pro Subscriber. Du kannst also alles ausprobieren, und wenn dir gefällt, was du siehst, kannst du jederzeit auf ein Pro-Abonnement upgraden und aus einer noch größeren Auswahl an Assets wählen.

In der oberen Menüleiste kannst du deine Szene benennen, den Browserquellen-Link deines Overlays finden, die Preview deines Overlays aufrufen und es speichern. Im rechten Menü findest du noch ein paar nützliche Funktionen für den Scene Builder.  Wie du die Browserquellen dann schnell und einfach in den OBS einfügst erklären wir dir hier.

Die Basics über Templates

In einer Szene mit einem vorinstallierten OWN3D-Template findest du auf der linken Seite alle vordefinierten Elemente, die zum Template gehören.

Diese Elemente sind anpassbar, und du hast die Möglichkeit, sie nach deinen Vorstellungen zu editieren. Mit Filtern kannst du Farben ändern oder einen Blurr hinzufügen, du kannst die Position der Elemente verändern, Text-Elemente bearbeiten, die Größe anpassen, Widgets einfügen oder entfernen sowie Elemente ein- oder ausblenden und vieles mehr.

Praktisch ist auch die Gruppierung von Elementen, wie zum Beispiel Social Media-Elemente. Innerhalb einer Gruppe kannst du jedes Element individuell bearbeiten, aber durch die Gruppierung kannst du alle Elemente auf einmal verschieben. Das erleichtert die Anpassung und verhindert, dass du jedes Element einzeln verschieben musst, was das Design konsistent und benutzerfreundlich gestaltet.

Element-Anordnung in deiner Szene

Sobald du die ersten Elemente eingebaut hast, wie Grafiken oder Widgets, siehst du sie links auf der Seite aufgereiht. Wichtig ist dabei folgendes zu wissen: Alle Elemente, die ganz oben stehen, befinden sich im Vordergrund. Jene Elemente, die ganz unten sind, befinden sich im Hintergrund.

Die Reihung der Elemente ist essentiell, ähnlich wie in OBS Studio. Beachte also folgendes: Wenn du zum Beispiel ein Social Media-Design hast, musst du sicherstellen, dass das Design-Element unterhalb vom Text-Element ist. Sonst verdeckt das Design-Element den Text.

Stell dir die Anordnung wie ein Sandwich vor: Ganz unten befindet sich das Brot - der Hintergrund. Legst du jetzt Käse oder Salat (andere Elemente) darauf, verdecken sie das Brot und es ist nur mehr leicht im Hintergrund sichtbar.

Du kannst die Elemente natürlich jederzeit anders anordnen, indem du sie mit der linken Maustaste anklickst und verschiebst.

Erfahre mehr über Vorder- und Hintergrund:

Szenen und Templates bearbeiten

In deinem kreativen Gestaltungsprozess stehen dir viele Optionen zur Verfügung, um Templates und Szenen nach deinen individuellen Vorstellungen zu bearbeiten. In diesem Überblick möchten wir dir aufzeigen, welche Anpassungsmöglichkeiten dir im Scene Builder zur Verfügung stehen

Bearbeiten: Mit dem Stift-Symbol kommst du in die Einstellungen des Elements, welches du bearbeiten möchtest.

Entfernen: Klicke das Template an. Drücke die "Entfernen"-Taste auf deinem Keyboard oder nutze das “Löschen”-Symbol direkt beim gewünschten Element, um es zu löschen.

Fixieren: Mit einem Klick auf das Schloss-Symbol fixierst du das Element deiner Wahl. Du kannst es also nicht mehr bewegen, bearbeiten oder löschen.

Ausblenden: Solltest du ein Element nur verstecken, und nicht direkt löschen wollen, so kanst du das mit dem Augen-Symbol. Mit erneutem Klick auf das Auge ist das Element wieder sichtbar in deiner Szene.

Größe ändern und verschieben: Klicke das Template oder Element an, um es auszuwählen. Ziehe an den Ecken, um die Größe zu ändern. Ziehe es an der Oberfläche, um die Position zu ändern oder nutze die Pfeile auf deiner Tastatur.

Drehen: Möchtest du ein Element drehen, musst du dafür nur das gewünschte Element anklicken und kannst dann mit dem Drehen-Symbol (unten in der Mitte) die Elemente in eine andere Richtung neigen lassen.

Transformieren & Layering-Menü: Mit Rechtsklick auf ein Element öffnen sich dir weitere Bearbeitungsmöglichkeiten, wie das transformieren deines Elements. Hier kannst du Overlays, Texte und andere Elemente rotieren, vertikal oder horizontal drehen, und innerhalb der Szene justieren. Außerdem kannst du in dem Menü einstellen, ob das Element nach vorne oder hinten wandern soll.

Gruppieren / Gruppe auflösen: Du hast die Möglichkeit, mehrere Elemente zu gruppieren. Das kann zum Beispiel bei deinen Labels inklusive Hintergrund-Designs praktisch sein. Hast du nämlich die Labels und Designs in einer Gruppe, kannst du alles auf einmal innerhalb deiner Szene im Scene Builder verschieben. So musst du nicht jedes einzelne Element wieder anpassen und an die richtige Stelle im Design setzen.

Dafür musst du jene Elemente, die du markieren willst, mit Shift + Linke Maustaste markieren und anschließend mit der rechten Maustaste auf eines der markierten Elemente klicken. Im folgenden Bearbeitungsmenü findest du den Punkt “Group”. Mit Klick darauf gruppierst du die ausgewählten Elemente. Du siehst auch anhand des linken Menüs, welche Elemente du gruppieren wirst. Diese sind nämlich orange markiert.

Solltest du die Gruppierung wieder auflösen wollen, so klickst du im linken Menü auf “Ungroup”.

Texte ändern (zum Beispiel Social Media): Doppelklicke auf den Text, den du ändern möchtest. Nun öffnet sich auf der linken Seite die Einstellungen deines Text-Elements. Unter “Text” kannst du deinen eigenen Text hinzufügen, wie zum Beispiel deinen Social Media-Kanal.

Social Media-Logo hinzufügen: Möchtest du ein Social Media-Logo ändern, zum Beispiel von YouTube zu TikTok? Dann findest du unter "Add Graphics" in der Rubrik "Social Icons" eine Auswahl verschiedener Social Media-Logos in zahlreichen Designs.

Overlays zum Broadcasting-Tool hinzufügen

Wenn du deine fertigen Overlays zu deinem Stream hinzufügen möchtest, geht das ganz einfach. Du benötigst dazu nur den Browserquellen-Link von deiner Szene. Diese Browerquelle findest du immer direkt in der dazugehörigen Szene. Dabei kannst du entweder die ganze Szene einbinden, oder mit Vorder- und Hintergrund arbeiten.

Solltest du mit Vorder- und Hintergrund arbeiten, oder das Template beides beinhalten, so musst du beide Links als Browserquellen einbinden. Folgendes musst du dabei beachten:

Jene Quelle, die ganz oben an erster Stelle im “Quellen”-Dock steht, ist die Quelle, die über alle anderen liegt. Wiederum ist jene Quelle, die ganz unten, also auf der letzten Stelle, steht hinter allen anderen Quellen. Eine der untersten Quellen im Broadcasting-Tool sollte daher der Hintergrund sein, während der Vordergrund zu den oberen Quellen zählen muss. Beispielsweise so:

• Alerts
• Vordergrund Browserquelle (Overlays, Webcam-Rahmen etc.)
• Videoaufnahmequelle (Webcam)
• Videoaufnahmequelle (Capture Card, wenn Streaming über Konsole oder ähnliches)
• Spieleaufnahme / Fensteraufnahme
• Hintergrund Browserquelle

So findest du deinen Browserquellen-Link

Wir zeigen dir hier, wo du URL findest und wie du sie einpflegen kannst. Genau so wie in den folgenden Schritten kannst du alle deine Browserquellen-Links einbinden. Wir nehmen hier OBS Studio, aber bei anderen Broadcasting-Tools wie Streamlabs oder XSplit funktioniert es ähnlich.

Binde deinen URL ins Broadcasting-Tool

Nun fügen wir innerhalb des “Quellen”-Docks die Browserquelle ein, damit dein Overlay auch im Stream angezeigt wird.

Verschiedene Szenen für verschiedene Overlays

Solltest du mit mehreren Overlays und verschiedenen Szenen arbeiten wollen (wie Start-Szene, End-Szene, Talking-Szene und mehr), zwischen denen du Live schnell innerhalb deines Broadcasting-Tools hin- und herwechseln kannst, musst du im Broadcasting-Tool weitere Szenen erstellen und dann die Schritte wiederholen.

Dafür klickst du innerhalb des Broadcasting-Tools, wie hier in OBS Studio, auf das “+” im Szenen-Dock und fügst weitere Szenen hinzu. Anschließend bindest du wieder deine Browserquelle in die Szene ein. Das wiederholst du so oft, bist du alle Overlays integriert hast, die du haben möchtest. 

Im Broadcasting-Tool aktualisieren

Wenn du dein neues Overlay bereits in deine Szene eingebunden hast und nachträglich Änderungen vorgenommen sowie gespeichert hast, musst du innerhalb von OBS Studio die Browserquelle aktualisieren. Klicke dafür die Browserquelle an und klicke im Menü unterhalb der Vorschau auf den “Refresh”-Button. Dieser Button ist eine Art “F5” für deine Browserquelle und die Änderungen im Overlay werden sichtbar.

Die wichtigsten Shortcuts im Scene Builder

Der Scene Builder bietet eine Vielzahl von Shortcuts, um den Arbeitsablauf effizienter zu gestalten. Die zeitsparenden Tastenkombinationen erleichtern das Navigieren und Bearbeiten von Elementen in deiner Szene. Hier sind die wichtigsten Shortcuts, die dir dabei helfen, den Scene Builder optimal zu nutzen und schnell beeindruckende Overlays zu erstellen.