OWN3D.tv

Warenkorb (0)

Dein Warenkorb ist derzeit leer

Stream Designs

Premium Stream Designs für Twitch, YouTube, Facebook und Discord!

Stream Overlay Pakete
Stream Alerts & Sounds
Panels
Emotes
Stream Banner
Sub Badges
VTube
Mehr Stream Design Elemente
Erstelle Eigene

Erstelle benutzerdefinierte und einzigartige Designs für Deinen Stream. Es ist einfach und lustig.

Tools

Entdecke unsere Tools und hebe deinen Stream auf ein neues Level

OWN3D Pro modular package setup guide
OWN3D Blog Tutorials Animierte Intermission Banner Setup: Ein Guide | OWN3D
OWN3D Pro modular package setup guide
Tutorials

Animierte Intermission Banner Setup: Ein Guide | OWN3D

In deinem OWN3D.tv Komplettpaket befindet sich ein Ordner mit dem Namen “Animated-Intermission-Banner”. Wenn du eine Start-, Pause- oder Endszene einrichten möchtest, findest du in diesem Ordner deine gewünschten Video-Dateien - auch WEBM-Datei genannt. Wir zeigen dir anhand der WEBM-Datei für die Starting-Szene “rodan-intermission-starting”, wie du diese WEBM-Datei als Quelle in deiner OBS-Szene einfügen kannst.

Mela

Mela

Veröffenlicht am 4. Oktober 2022 · 7 Minuten zum lesen

Downloade & entpacke dein Stream Overlay Paket

1. OWN3D-tv-Setup-course_GER_overall lessons-Download and Unzip.jpg

Im ersten Schritt musst du dein OWN3D.tv Komplettpaket downloaden, solltest du dein Overlay Stream Paket nicht direkt beim Kauf gedownloadet haben.

Fährst du mit deiner Maus auf der OWN3D.tv Website über dein Profil-Symbol neben dem Einkaufswagen, so öffnet sich ein Menü. Klicke hier auf “Meine Downloads”. Dort findest du dein gekauftes OWN3D.tv Komplettpaket, kannst die Sprache deiner Wahl mit Klick auf das Flaggensymbol auswählen und anschließend downloaden. Merke dir unbedingt, wohin du es auf deinen PC speicherst, du wirst es gleich brauchen!

Nun musst du dein OWN3D.tv Komplettpaket entpacken. Hierfür gibt es verschiedene, kostenlose Packprogramme, die du dir online downloaden kannst. Wir empfehlen dir Packprogramme wie 7-Zip oder WinRAR. Installiere dir eines der Programme, damit du das Komplettpaket extrahieren kannst.

Mit Rechtsklick auf dein zuvor gedownloadetes Komplettpaket öffnet sich das Windows-Menü. Klicke auf “Alle extrahieren…” - es öffnet sich ein Fenster, worin du einen Zielordner für den extrahierten ZIP-Ordner auswählen kannst. Wenn du den bereits ausgewählten Zielordner belässt, speichert sich der neue Ordner direkt in den gleichen Ordner, wo sich dein ZIP-Ordner befindet. Solltest du einen neuen Ordner wählen wollen, so klicke auf “Durchsuchen” und suche deinen gewünschten Zielpfad aus.

01.OWN3D-tv_OBS_GER Extrahieren.png

Hast du einen Zielordner definiert, klicke nun auf extrahieren. Es dauert auch gar nicht lange, und schon hast du dein Paket entpackt.

Animierte Intermission Banner einfügen

00.OWN3D-tv_OBS_GER START.png

In deinem OWN3D.tv Komplettpaket befindet sich ein Ordner mit dem Namen “Animated-Intermission-Banner”. Wenn du eine Start-, Pause- oder Endszene einrichten möchtest, findest du in diesem Ordner deine gewünschten Video-Dateien - auch WEBM-Datei genannt.

Wir zeigen dir anhand der WEBM-Datei für die Starting-Szene “rodan-intermission-starting”, wie du diese WEBM-Datei als Quelle in deiner OBS-Szene einfügen kannst. Wenn du eine andere Szene für “Pause” oder “Ende” einrichten möchtest, wiederholst du einfach die genannten Schritte mit der jeweiligen WEBM-Datei.

Klicke in OBS Studio auf die gewünschte Szene im “Szenen”-Dock, in welche du die Start-Videodatei einfügen möchtest. Wir haben diese “Start-Szene” genannt. Mit einem Klick auf „+“ im „Quellen“-Dock erhältst du ein Auswahlmenü, über welches du verschiedene Elemente in deine Streamszene einbinden kannst. Wir wählen hier „Medienquelle“ im Menü aus, da es sich bei der Video-Datei um eine Medienquelle handelt.

01.OWN3D-tv_OBS_GER Media Source.png

Wann auch immer du eine neue Quelle hinzufügst erscheint das Fenster “Quelle erstellen/auswählen”. Hier kannst du einerseits eine neue Quelle erstellen und benennen, oder aber eine bestehende in deine Szene einfügen. Das heißt, wenn du zum Beispiel in einer anderen Szene dein Overlay schon verwendest, musst du dieses nicht mehr extra anlegen und einstellen, sondern kannst es direkt aus der Liste “Existierende hinzufügen” übernehmen. Benenne hier nun deine neue Quelle (z.b. „Overlay Start-Szene“) und klicke anschließend auf „Okay“.

02.OWN3D-tv_OBS_GER New Source.png

Eigenschaften deiner Quelle

03.OWN3D-tv_OBS_GER media source start properties .png

Du gelangst nun zum Eigenschaften-Fenster deiner neuen Medienquelle, in welchem du die WEBM-Datei in die OBS-Szene einbinden kannst. Klicke bei “Lokale Datei” auf „Durchsuchen“ und suche im Windows-Explorer den entpackten Ordner deines Komplettpakets. Wähle aus dem Ordner “Animated-Intermission-Banner” die gewünschte .webm Datei aus, in unserem Fall wählen wir “Rodan-intermission-starting”.

04.OWN3D-tv_OBS_GER media source start choosing.png

Setze nun noch den Hacken auf “Endlosschleife”, damit die Datei durchgehend animiert bleibt, und klicke auf “Okay”.

05.OWN3D-tv_OBS_GER media source start endless loop.png

Schon hast du deinen animierten Intermission-Banner eingebunden! Mit Doppelklick auf die Medienquelle kommst du übrigens wieder auf das Eigenschaften-Fenster zurück, falls du die WEBM-Datei einmal ändern möchtest.

06.OWN3D-tv_OBS_GER media source start ready.png

Medienquelle in Live-Vorschau bearbeiten

Wenn du deine Medienquelle bzw. dein Overlay jetzt verschieben oder verkleinern möchtest, klicke auf die Medienquelle im “Quellen”-Dock oder direkt auf das Video. Um die ausgewählte Quelle bildet sich in der Live-Vorschau ein roter Rahmen.

Nun kannst du die Medienquelle an den Ecken packen und verkleinern oder vergrößern, sie mit Mausklick und zeitgleichem ziehen verschieben oder sie mit zeitgleichem drücken von “Alt” auf den Rändern zuschneiden. Der Rahmen des zugeschnittenen Bereichs färbt sich von rot auf grün. Solltest du mal zu viel wegschneiden, so kannst du den Rahmen auch wieder mit “Alt” an der gleichen Stelle anpacken und den Schnitt ändern.

07.OWN3D-tv_OBS_GER media source start red border.png

Diese genannten Bearbeitungsmöglichkeiten funktionieren übrigens mit fast allen Quellen. Solltest du dich dabei mal ausversehen verdrückt haben, kannst du die letzte Aktion mit “Strg + Z” rückgängig machen oder mit “STRG + Y” wiederherstellen.

Szene ohne Social Media-Kanäle

In unserer Szene können wir noch auf unsere Social Media-Kanäle hinweisen. Im nächsten Kapitel lernst du, wie du Texte zu deiner Szene hinzufügen kannst. Wenn du hier keine Social Media-Kanäle anzeigen lassen möchtest, so gibt es die Intermission auch als “Blank”-WEBM-Datei (in unserem Fall “rodan-intermission-starting-blank”). Diese kannst du mit den gleichen Schritten zu deiner Szene hinzufügen wie jene mit den Social Media-Elementen. Dafür gehe einfach die zuvor genannten Schritte am Anfang dieser Lektion durch.

Text hinzufügen

2. OWN3D-tv-Setup-course_GER_overall lessons-Adding text.jpg

In dieser Lektion zeigen wir dir, wie du einen Text zu einer Szene hinzufügen kannst. Klicke in der gewünschten Szene auf das “+” im “Quellen”-Dock und klicke auf Text (GDI+).

01.OWN3D-tv_OBS_GER Text Source.png

Es erscheint das Fenster “Quelle erstellen/auswählen”. Hier kannst du einerseits eine neue Quelle erstellen und benennen, oder aber eine bestehende in deine Szene einfügen. Benenne diese Text-Quelle so, dass du sie in deinem Dock wieder identifizieren kannst und jederzeit bearbeiten kannst. Da wir eine Quelle für unseren Instagram-Namen hinzufügen möchten, benennen wir diese Quelle “Instagram-Name” und klicken auf “Okay”.

02.OWN3D-tv_OBS_GER Text Source New.png

Eigenschaften deiner Text-Quelle

03.OWN3D-tv_OBS_GER Text Source properties.png

Jetzt erscheinen die Eigenschaften für deine neue Text-Quelle. Du kannst verschiedene Einstellungen treffen, wie Schriftfarbe, Deckkraft, Hintergrundfarbe, Ausrichtung und einiges mehr. In das Feld “Text” schreibst du deinen gewünschten Text, in unserem Fall “OWN3D.academy”.

Stelle nun noch die gewünschten Eigenschaften deines Textes ein und klicke anschließend auf “Okay”. Deine Text-Quelle ist nun eingerichtet. Mit einem Doppelklick auf eine Text-Quelle kannst du die Texte erneut modifizieren. Du kannst damit alle Texte ganz nach deinen Wünschen editieren.

04.OWN3D-tv_OBS_GER Text Source integrated.png

Text-Quelle in Live-Vorschau bearbeiten

Wenn du deine Text-Quelle jetzt verschieben oder verkleinern möchtest, klicke auf die Text-Quelle im “Quellen”-Dock oder direkt auf den Text. Um die ausgewählte Quelle bildet sich in der Live-Vorschau ein roter Rahmen.

Nun kannst du die Text-Quelle an den Ecken packen und verkleinern oder vergrößern, sie mit Mausklick und zeitgleichem ziehen verschieben oder sie mit zeitgleichem drücken von “Alt” auf den Rändern zuschneiden. Der Rahmen des zugeschnittenen Bereichs färbt sich von rot auf grün. Solltest du mal zu viel wegschneiden, so kannst du den Rahmen auch wieder mit “Alt” an der gleichen Stelle anpacken und den Schnitt ändern.

05.OWN3D-tv_OBS_GER Text Source integrated red border.png

Diese genannten Bearbeitungsmöglichkeiten funktionieren übrigens mit fast allen Quellen. Solltest du dich dabei mal ausversehen verdrückt haben, kannst du die letzte Aktion mit “Strg + Z” rückgängig machen oder mit “STRG + Y” wiederherstellen.

Countdown mit OWN3D Pro hinzufügen

7. OWN3D-tv-Setup-course_GER_overall lessons- OWN3D Pro Countdown.jpg

Diese Lektion richtet sich an jene, die sich bereits für OWN3D Pro registriert haben und das OWN3D Pro Tool für OBS Studio installiert haben. Solltest du dabei noch Hilfe brauchen, so wirf mal einen Blick auf das OWN3D Pro: Einrichten und erste Schritte Kapitel!

01.OWN3D-tv_OBS_GER labels countdown source.png

Das Einrichten des OWN3D Pro Countdown Timers ist einfach und schnell erledigt. Sobald du OWN3D Pro für OBS installiert und du dich mit deinen OWN3D Pro Zugangsdaten in OBS Studio angemeldet hast, kannst du in OBS bei “Quellen” mit Klick auf das “+” die Quelle “OWN3D Labels” auswählen. Gehe auf “Neu erstellen”, gib der Quelle den gewünschten Namen (wir nennen sie “Countdown-Start”) und klicke auf “Okay”.

02.OWN3D-tv_OBS_GER labels countdown source new.png

Eigenschaften deines OWN3D Pro Countdown

Jetzt öffnen sich automatisch die Eigenschaften und du kannst deinen OWN3D Pro Countdown einrichten. Bei “Typ” wählst du in der Dropdown-Liste “Countdown” aus. Wähle noch die gewünschte Farbe, Größe und Schriftart und dein Countdown ist erstellt!

03.OWN3D-tv_OBS_GER labels countdown source properties.png

Tipp: Die Größe solltest du unbedingt innerhalb der Eigenschaften ändern. Es ist zwar möglich, die Quelle auch im Vorschau-Modus händisch zu vergrößern, aber dann wird die Quelle verpixelt. Experimentiere mit der Größe in den Eigenschaften, bis die Quelle die perfekte Größe für dich hat. Achte nur darauf, dass sie lesbar bleibt und nicht zu klein wird.

Countdown in der Live-Vorschau verschieben

Du kannst den Countdown jetzt noch verschieben. Klicke auf den Countdown im “Quellen”-Dock oder direkt auf den Countdown und du siehst, dass sich herum ein roter Rahmen bildet. Nun kannst du deinen Countdown packen und an die gewünschte Stelle ziehen.

04.OWN3D-tv_OBS_GER labels countdown source ready.png

Den Countdown im OWN3D Pro Dashboard aktualisieren

Der Countdown aktualisiert sich automatisch, sobald du im OWN3D Pro Dashboard unter Tools → Countdown die Minuten definiert und gespeichert hast. Schon geht auch der Countdown in deinem Stream los.

05.OWN3D-tv_OBS_GER labels countdown source in OWN3D Pro.png

Tipp: Sollte sich der Countdown nicht automatisch aktualisieren, auch wenn du eine neue Zeit definiert und gespeichert hast, gibt es einen kleinen Workaround: Klicke auf die “Countdown”-Quelle in OBS, stelle bei “Typ” kurz eines von den Labels ein, aber ändere es gleich wieder auf Countdown. Nun sollte der richtige Countdown stehen und du kannst auf “Okay” klicken.

Countdown in andere Szenen einfügen

Wenn du deinen existierenden OWN3D Pro Countdown Timer auch in eine andere Szene integrieren möchtest, kannst du bei “Quellen” mit Klick auf das “+” die Quelle “OWN3D Labels” auswählen. Da der Countdown in deiner Szenensammlung bereits existiert, weil du ihn bereits selbst erstellt hast, wählst du “Existierende hinzufügen” aus und klickst hier auf “Countdown”. Anschließend auf “Okay”. Nun hast du den gleichen Countdown wie in deiner anderen Szene.

06.OWN3D-tv_OBS_GER labels countdown source existing.png

Wichtig: Änderst du nun die Schriftart oder Farbe, ändert sich der Countdown auch in den anderen Szenen mit. Wenn du einen individuellen, neuen Countdown erstellen möchtest, erstelle bitte einen neuen Countdown mit neuem Namen. Die Anleitung dafür findest du am Anfang dieser Lektion.

Die Reihenfolge der Quellen

5. OWN3D-tv-Setup-course_GER_overall lessons- order of sources.jpg

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. Damit also zum Beispiel deine Webcam nicht hinter dem Gameplay versteckt ist, musst du darauf achten, sie richtig im Dock zu platzieren

Wie legt man jedoch nun die ideale Reihenfolge fest? In den meisten Fällen ist es so, dass du zum Beispiel Alerts oder Labels immer oberhalb des Overlays anzeigen lassen solltest, während das Overlay oberhalb von Spiel und Webcam liegen sollte. Daher kannst du die Quellen wie folgt anreihen (wir zeigen dir die Reihenfolge, wie sie idealerweise auch im Dock sein sollte):

  • Alerts (OWN3D Pro oder ähnliches Tool)
  • Labels (OW3ND Pro oder ähnliches Tool)
  • Livechat (OWN3D Pro oder ähnliches Tool)
  • Text-Quellen
  • Medienquelle (Overlays oder Webcam-Rahmen)
  • Videoaufnahmequelle (Webcam)
  • Videoaufnahmequelle (Capture Card, wenn Streaming über PS4 oder ähnliches)
  • Spieleaufnahme / Fensteraufnahme

Wenn du dich an diese Reihenfolge hältst, sollte nichts überlappen und dein Stream ein perfektes Bild ergeben. Natürlich ist diese Reihenfolge auch individuell auslegbar. Nicht jeder hat eine Webcam oder den Chat in die Szene integriert. Aber es ist ein ungefährer Richtwert.

Mela

Mela

Editor & Content Manager

Lil streaming nerd. Love to write, research and read everything about streaming (especially Twitch)! 🥰

Die Gier nach mehr? Weiterlesen…

OBS Download & Installation
OBS Studio
OBS Download & Installation

In diesem Artikel lernst du, auf was du beim Download von OBS Studio achten musst und wie dich der Autokonfigurationsassistent beim Einrichten deines Streams unterstützt.

Mehr lesen »
OWN3D Pro in OBS Studio - Setup und Erklärung
OWN3D Pro
OWN3D Pro in OBS Studio - Setup und Erklärung

Dieser Artikel soll dir mit einer detaillierten Beschreibung einen Einblick geben, wie einfach OWN3D Pro und seine Features zu installieren sind!

Mehr lesen »
Geld verdienen mit dem OWN3D Partnerprogramm
Tipps
Geld verdienen mit dem OWN3D Partnerprogramm

OWN3D ist dein Ticket in die Welt des professionellen Livestreamings, denn mit den fantastischen Overlays, Alerts und Emotes von OWN3D ist es möglich, deinen Stream bestmöglich aufzuwerten – sowohl optisch als auch inhaltlich. Nun möchten wir dir das OWN3D Partnerprogramm vorstellen. Eine tolle Möglichkeit für Creator, mit OWN3D Geld zu verdienen!

Mehr lesen »
OWN3D PRO - Das ultimative Tutorial!
OWN3D Pro
OWN3D PRO - Das ultimative Tutorial!

Du möchtest mehr OBS Studio Features, die dir das Leben erleichtern und dich von anderen Streamern abheben? Das ist der Grund, warum wir von OWN3D ein ultimatives All-in-One OBS Plugin für dich geschaffen haben: OWN3D Pro. Mit unserem OBS Plugin hebst du deinen Stream auf das nächste Level, versprochen!

Mehr lesen »