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 Wie man animierte Webcam Overlays einbaut!
OWN3D Pro modular package setup guide
Tutorials

Wie man animierte Webcam Overlays einbaut!

In deinem OWN3D.tv Komplettpaket befindet sich ein Ordner mit dem Namen “Animated-Webcam-Overlay”. Möchtest du deine Webcam mit einem animierten Rahmen versehen, so bist du in diesem Ordner genau richtig.

Mela

Mela

Veröffenlicht am 6. Oktober 2022 · 9 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.

Animiertes Webcam-Overlay integrieren

06.OWN3D-tv_OBS_GER Media Source Webcam Overlay red border.png

In deinem OWN3D.tv Komplettpaket befindet sich ein Ordner mit dem Namen “Animated-Webcam-Overlay”. Möchtest du deine Webcam mit einem animierten Rahmen versehen, so bist du in diesem Ordner genau richtig.

Wir zeigen dir anhand der WEBM-Datei “rodan-webcam”, wie du diese WEBM-Datei als Quelle in deiner OBS-Szene einfügen kannst. Darin befinden sich auch Platzhalter für Labels. Solltest du ein Webcam Overlay ohne Labels verwenden wollen, oder mit Greenscreen streamen, so kannst du einen der anderen Rahmen auswählen und die gleichen Schritte vornehmen. In den kommenden Lektionen erklären wir dir noch, wie du deine Labels mit OWN3D Pro in eine Szene integrierst.

Klicke in OBS Studio auf die gewünschte Szene im “Szenen”-Dock, in welche du die WEBM-Datei einfügen möchtest. Wir haben diese “Gaming-Szene” genannt, da eine Webcam mit Rahmen eine gute Ergänzung zum Gameplay bringt. 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 des Webcam-Overlays um eine Medienquelle handelt.

01.OWN3D-tv_OBS_GER Media Source Webcam Overlay.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 deinen Webcam-Rahmen schon verwendest, musst du diesen Rahmen nicht mehr extra anlegen und einstellen, sondern kannst es direkt aus der Liste “Existierende hinzufügen” übernehmen. Benenne hier jetzt deine neue Quelle (z.b. „Webcam Overlay“) und klicke anschließend auf „Okay“.

02.OWN3D-tv_OBS_GER Media Source Webcam Overlay New.png

Eigenschaften deiner Quelle

Du gelangst nun zum Eigenschaften-Fenster deiner neuen Medienquelle, in welchem du die WEBM-Datei vom Webcam-Overlay 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-Webcam-Overlay” die gewünschte .webm Datei aus, in unserem Fall ist das “rodan-webcam”.

03.OWN3D-tv_OBS_GER Media Source Webcam Overlay choose.png

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

04.OWN3D-tv_OBS_GER Media Source Webcam Overlay endless loop.png

Schon hast du dein animiertes Webcam-Overlay 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.

05.OWN3D-tv_OBS_GER Media Source Webcam Overlay 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 Webcam-Overlay. 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.

06.OWN3D-tv_OBS_GER Media Source Webcam Overlay 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.

Webcam in den Stream integrieren

3. OWN3D-tv-Setup-course_GER_overall lessons-your webcam.jpg

In dieser Lektion lernst du, wie du deine Webcam hinzufügen kannst. Solltest du lieber ohne Webcam streamen wollen, kannst du diese Lektion überspringen.

8DmbQLfkTcqff0FBvCUz.png

Über das „+“ im “Quellen”-Dock gelangst du in das Quellen-Auswahlmenü, in welchem du nun „Videoaufnahmegerät“ auswählen musst. Benenne deine Webcam wie du es möchtest und klicke anschließend auf „Okay“.

e3AgKv9qQbmr57D7xdCY.png

Eigenschaften deiner Webcam-Quelle

Es öffnet sich nun das Eigenschaftenfenster für deine neue Kamera-Quelle. Unter „Gerät“ wählst du deine Webcam aus. Du kannst hier FPS, Auflösung und andere Standardeinstellungen festlegen. Da die Einstellungen für die Kamera individuell für jedes Gerät anders sein kann, belassen wir hier erstmals die Standardeinstellungen. Spiele dich aber gerne mit den Einstellungen oder suche speziell nach deiner Kamera auf YouTube für interessante Tutorials.

oWkOvUmNQcm0iI5v9UrJ.png

Für eine detaillierte Bearbeitung der Kamera klicke auf „Video konfigurieren“ - dort kommst du direkt in die Einstellungssoftware deiner Webcam und kannst sie editieren. Beachte bitte, dass diese Funktion nicht für jede Kamera zur Verfügung steht.

pTnijRQT2KTCXjw9EQon.png

Kamera in der Live-Vorschau anpassen

Nun kannst du die Größe der Kamera anpassen. Dazu markiere einfach per Linksklick die Webcam im “Quellen”-Dock oder klicke direkt auf die Kamera. Es bildet sich nun ein roter Rahmen um die Quelle.

baCRDqjKResY53FewEjU.png

Ziehe an einer der Ecken der Webcam um sie zu vergrößern, zu verkleinern oder die Kamera mit zeitgleichem drücken von “Alt” zuzuschneiden. 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.

Klicke auf das Bild und halte Linksklick gedrückt, falls du das Bild auf eine andere Stelle verschieben möchtest.

Wenn du Webcam und Rahmen einmal gemeinsam verschieben oder vergrößern möchtest, so markiere im “Quellen”-Dock beide Quellen mit STRG+Linksklick, sodass beide ausgewählt sind. Schon kannst du beide Quellen gemeinsam editieren oder verschieben.

Tipps für die Gestaltung deiner Szene mit Gameplay und Facecam

lI9LQgumQz67w2W7aW62.png

Am Besten richtest du deine Webcam immer in einer Ecke so aus, dass du in der Live-Vorschau direkt auf das Spiel schaust und nicht davon weg. Das ergibt ein schöneres Gesamtbild und nimmt nicht zu viel vom Spiel weg.

Möchtest du die Kamera spiegeln, so ist auch das möglich. Mache dafür einen Rechtsklick auf die Videoaufnahmequelle/Webcam, klicke auf “Transformieren” und auf “Horizontal spiegeln”.

xYtsHdDMSJKWOPMb3oHW.png

Wenn du ein Overlay oder einen Webcam-Rahmen in deiner Szene hast, achte darauf, dass das Overlay oder der Rahmen in der Quellenreihenfolge oberhalb der Kamera liegt. Sollte das nicht der Fall sein, klicke auf die Kamera im “Quellen”-Dock und schiebe sie ans untere Ende des “Quellen”-Docks. Sollte es sich dabei um eine Szene mit Spielaufnahme handeln, so muss die Spielaufnahme an der letzten Stelle stehen - also platzierst du die Kamera an vorletzter Stelle.

Spiel zu OBS hinzufügen

4. OWN3D-tv-Setup-course_GER_overall lessons- game in OBS.jpg

In dieser Lektion möchten wir dir zeigen, wie du ein PC-Spiel deiner Wahl in OBS integrieren kannst. Öffne im ersten Schritt das gewünschte Spiel, da es sonst in OBS Studio nicht angezeigt wird.

01.OWN3D-tv_OBS_GER Gameplay source.png

Klicke dazu auf „+“ im “Quellen”-Dock und anschließend auf „Spielaufnahme“. Benenne hier deine Spieleaufnahme oder füge sie aus den existierenden hinzu, falls du schon eine Spieleaufnahme-Quelle integriert hast und klicke auf “Okay”.

02.OWN3D-tv_OBS_GER Gameplay source new.png

Nun gelangst du in das Einstellungsfenster. Wähle im Einstellungsfenster „Bestimmtes Fenster erfassen“ unter „Modus“ aus. Unter “Fenster“ kannst du dein gewünschtes Spiel auswählen. Beachte jedoch, wie schon anfangs erwähnt, dass dies nur möglich ist, sofern das Spiel zu diesem Zeitpunkt bereits gestartet wurde.

03.OWN3D-tv_OBS_GER Gameplay source properties.png

Standardmäßig schlägt die Quelle für die Spieleerfassung vor, eine beliebige Vollbildanwendung zu erfassen, aber wir empfehlen, die Option für bestimmte Fenster zu verwenden. Der Grund dafür ist, dass manche Spiele nicht immer richtig erfasst werden und es problematisch werden kann, wenn mehrere Fenster gleichzeitig geöffnet sind. Die Auswahl eines bestimmten Fensters ist zuverlässiger und lässt sich bei Bedarf leichter von Spiel zu Spiel anpassen.

04.OWN3D-tv_OBS_GER Gameplay source settings.png

Bei den Checkboxen kommt es ganz darauf an, welche Art von Spiel du zeigen möchtest. Daher erklären wir dir die Grundlagen der Boxen, damit du das Verständnis hast, was genau jede Checkbox bewirkt.

  • SLI-/Crossfire-Aufnahmemodus (langsam): SLI (Nvidia) oder Crossfire (AMD)-Aufnahmemodus zu aktivieren ist dann möglich, wenn multiple Grafikkarten in einem System zusammenarbeiten sollen. Hast du jedoch nur eine Grafikkarte, so kannst du den Haken hier auslassen. In den meisten Fällen ist es besser, diesen Punkt deaktiviert zu lassen.

  • Transparenz erlauben: Diese Checkbox kannst du dann aktivieren, wenn du gewisse Overlays verwenden möchtest. Ein Beispiel dafür wäre Stream Avatars: Die Figuren werden als Spielaufnahme in den Stream integriert. Jedoch sollte das Programm nicht den ganzen Bildschirm füllen, sondern nur die Figuren zeigen. Daher macht bei solchen Spielaufnahmen die Transparenz Sinn. Sonst lasse diesen Punkt deaktiviert.

  • Aufnahme-FPS limitieren: Diese Option setzt dein Spiel auf die gleichen FPS, wie du sie in deinen OBS Einstellungen vermerkt hast. Hast du also in OBS Studio eingestellt, dass mit 60 FPS gestreamt wird, dein Spiel läuft jedoch auf 200 FPS, so wird dein Spiel in OBS trotzdem nur mit 60 FPS angezeigt. Gerade bei schnellen Spielen solltest du diese Option also deaktiviert lassen. Hast du jedoch langsamere Spiele im Programm, so aktiviere diese Checkbox gerne.

  • Mauszeiger aufnehmen: Mit dieser Checkbox wird dein Mauszeiger angezeigt. Du kannst sie anlassen oder deaktivieren, aber wir empfehlen dir, es an zu haken, damit deine Zuschauer wissen, wo du gerade mit der Maus bist.

  • Anti-Cheat-Kompatibilitäts-Hook verwenden: Manche Gameplays werden nicht angezeigt, wenn diese Funktion deaktiviert ist, weil in manchen Spielen eine “Anti-Cheat”-Software hinterlegt ist. Daher kannst du diese Checkbox immer aktivieren.

  • Drittanbieter-Overlays aufnehmen (z.B. Steam): Aktiviere "Drittanbieter-Overlays erfassen", wenn du z. B. Steam-Overlays erfassen möchtest, was bei manchen Spielen über Steam durchaus Sinn machen kann.

Hast du deine Einstellungen getroffen, klicke abschließend auf “Okay”.

Übrigens: Achte darauf, dass das Overlay in der Quellenreihenfolge oberhalb der Spielaufnahme liegt. Sollte das nicht der Fall sein, klicke auf die Spieleaufnahme im “Quellen”-Dock und schiebe die Spieleaufnahme ans untere Ende des “Quellen”-Docks.

05.OWN3D-tv_OBS_GER Gameplay source ready.png

Spielaufnahme in Live-Vorschau bearbeiten

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

Nun kannst du die Spielaufnahme 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.

06.OWN3D-tv_OBS_GER Gameplay source live edit.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.

Labels mit OWN3D Pro einfügen

6. OWN3D-tv-Setup-course_GER_overall lessons- insert OWN3D Pro labels.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 source.png

Das Einrichten deiner OWN3D Pro Labels ist in wenigen Schritten 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 “Letzte Spende”) und klicke auf “Okay”.

02.OWN3D-tv_OBS_GER labels source new.png

Eigenschaften deines OWN3D Pro Labels

Jetzt öffnen sich automatisch die Eigenschaften und du kannst dein neues OWN3D Pro Label einrichten. Bei “Typ” wählst du in der Dropdown-Liste “Letzte Donation” aus. Wähle noch die gewünschte Farbe, Größe und Schriftart und dein Label ist schon fertig! Dein Label wird dann innerhalb des roten Rahmens angezeigt, sobald das erste Event (wie zum Beispiel eine Spende) dazu geschieht.

03.OWN3D-tv_OBS_GER labels source properties.png

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.

Labels in der Live-Vorschau verschieben

Du kannst das Label jetzt noch verschieben. Klicke auf das Label im “Quellen”-Dock und du siehst, dass sich um das Label herum ein roter Rahmen bildet. Nun kannst du dein Label packen und an die gewünschte Stelle ziehen.

04.OWN3D-tv_OBS_GER labels source ready.png

Label in andere Szenen einfügen

Wenn du dein bereits existierendes OWN3D Pro Label auch in eine andere Szene integrieren möchtest, kannst du auch in der anderen Szene bei “Quellen” mit Klick auf das “+” die Quelle “OWN3D Labels” auswählen. Da das Label in deiner Szenensammlung bereits existiert, weil du es bereits selbst erstellt hast, wählst du “Existierende hinzufügen” aus und klickst hier auf das gewünschte Label. Anschließend auf “Okay”. Nun hast du das exakt gleiche Label wie in deiner anderen Szene.

05.OWN3D-tv_OBS_GER labels source in another scene.png

Wichtig: Änderst du nun die Schriftart oder Farbe, ändert sich das Label auch in den anderen Szenen mit. Wenn du ein individuelles, neues Label erstellen möchtest, erstelle bitte eine neue Label-Quelle mit neuem Namen und ändere diese neue Quelle wie gewünscht. Folge gerne dafür der Anleitung zu Beginn 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…

Mit dem OWN3D.tv Premium Stream Overlay Paket zum professionellen Look
Tutorials
Mit dem OWN3D.tv Premium Stream Overlay Paket zum professionellen Look

Du bist auf der Suche nach der idealen „All in one“-Lösung? Mit einem Stream Overlay bzw. Stream Designs von OWN3D.tv personalisierst du deinen Kanal und lässt ihn in einem professionellen und ansprechenden Design erstrahlen. Ganz egal, was deine Design-Vorlieben sind, bei OWN3D.tv findest du immer das perfekt zu dir passende Overlay!

Mehr lesen »
Szenen erstellen in OBS Studio!
Tutorials
Szenen erstellen in OBS Studio!

Die OWN3D.tv Design-Pakete werden im passenden Format und in der idealen Größe ausgeliefert, sodass du diese nur noch in deinen Stream einbinden musst. Das Einbinden der Overlays & Alerts ist kinderleicht und in wenigen Schritten erklärt.

Mehr lesen »
Animierte Intermission Banner Setup: Ein Guide | OWN3D
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.

Mehr lesen »
Wie man animierte Label Overlays einbaut!
Tutorials
Wie man animierte Label Overlays einbaut!

In deinem OWN3D.tv Komplettpaket befindet sich ein Ordner mit dem Namen “Animated-Overlay”. Möchtest du die animierten Design-Elemente wie “Letzter Follower”, “Letzte Donation” und co. einrichten, so findest du die Video-Dateien - auch WEBM-Dateien - in diesem Ordner.

Mehr lesen »