Erstellen einer Live-Stream-Overlay-Grafik mit PlaceIt (Twitch, OBS, YouTube)
German (Deutsch) translation by Loris Pizii (you can also view the original English article)
Wenn Live-Streaming dein Ding ist, dann weißt du, wie wichtig ein Overlay sein kann. Es sieht nicht nur professioneller aus, gute Grafiken einzubinden, sondern ermöglicht auch wichtige Informationen, die Dir helfen können, Deine Follower-Zahlen zu steigern und mehr Geld zu verdienen.
Erstellen Sie schnell ein Overlay für Live-Streaming-Video mit PlaceIt
Es gibt ein paar Möglichkeiten, die Sie über die Erstellung eines Overlays für Ihre Twitch, YouTube, Facebook oder andere Livestream gehen können. Möglicherweise möchten Sie Software verwenden, die Sie haben und mit denen Sie vertraut sind, wie Adobe Photoshop oder After Effects.
Wenn Sie eine schnellere und einfachere Methode bevorzugen, obwohl, mit PlaceEs können Sie mit einer vorgefertigten professionellen Vorlage beginnen und Änderungen direkt auf der Website vornehmen, um ein Overlay zu erzeugen, das zu Ihrer Marke und Ihrem Stream passt. Schauen wir uns an, wie Sie das tun können.
Es gibt viele Optionen auf PlaceIt (gegen eine geringe Gebühr oder als Teil eines Abonnements), wenn es um Overlays geht, aber hier ist ein gutes Beispiel für Menschen, die Spiele über Twitch mit Open Broadcaster Software (OBS) Studio streamen möchten:
Twitch OBS Live Stream Overlay Generator mit Webcam Frame
Dieses Overlay ist offensichtlich für einen Spieler konzipiert, der sich auf Shooter-Videospiele wie Ruf der Pflicht spezialisiert hat. Die Vorlage kann angepasst werden, um die grundlegenden Funktionen zu behalten, aber es ganz anders aussehen zu lassen.



Um zu demonstrieren, wie man die Funktionen einer Vorlage anpassen kann, um sie sich zu eigen zu machen, und da ich keine eigene 'Marke' habe, werde ich der Ästhetik eines meiner Lieblingsspiele, Red Dead Redemption 2, meine Ehre erweisen.



1. Ändern Sie das Hintergrundbild, um eine Vorschau zu erstellen
Jede Vorlage wird mit einem eigenen Hintergrundbild oder animiertem Filmmaterial geliefert. Sie können wählen Sie aus den Optionen auf PlaceIt, die ähnlich thematisch mit was auch immer das Thema der gewählten Vorlage ist, zum Beispiel die, die wir hier verwenden, hat Stock-Bild-Optionen von Soldaten. Sie können Ihr eigenes Bild hochladen oder ein Stockbild von anderswo erhalten. Da unser RDR2-Thema das eines Western ist, ist hier ein Bild von Envato Elements, das passt.



Um das Bild in der Vorlage zu ändern, klicken Sie auf ‘Custom Image‘ und laden Sie Ihr Bild hoch. Die maximal zulässige Größe beträgt 12 MB, so dass Sie möglicherweise die Größe Ihres Fotos anpassen müssen. Nach dem Hochladen haben Sie die Möglichkeit, es an den Bildschirm anzupassen, sodass Sie sich nicht zu viele Gedanken über die Abmessungen machen müssen.



2. Passen Sie die Hauptthemenfarben an
Die RDR2-Farbpalette ist recht einfach: rot, orange, schwarz und weiß. Denken Sie daran, dass Ihr Text leicht zu lesen sein sollte, was normalerweise bedeutet, Text- und Hintergrundfarben auszuwählen, die viel Kontrast haben.
Sie können die Option Hintergrundfarbe ignorieren, wenn Sie ein Stockbild verwenden. Wenn Sie es vorziehen, kein Bild zu verwenden, wählen Sie eine Hintergrundfarbe, die für längere Zeit nicht schwer zu betrachten ist.
Um die Rahmenfarbe zu ändern, klicken Sie auf, um den Farbkasten zu erweitern, und Sie werden eine Farbpalette sehen, zusammen mit der Option ‘mehr‘ die eine detailliertere Box öffnet, in der Sie auch eine Nummer # eingeben können. Farbe fallen die RDR2 Grafik bringt die Farbe #bf0618 für das Rot, so dass das ist, was ich als die Rahmenfarbe verwenden.



Direkt unter den Farboptionen befinden sich verschiedene Rahmendesigns. Im Moment wird Live Cam Geometric als Suchparameter vorgetippt, um sicherzustellen, dass der Rahmen immer noch zu Ihrem Live-Cam-Layout passt, so dass sie nicht den gesamten Rahmen, nur die Seiten ändern. Wenn Sie den Suchparameter entfernen, werden mehr Ergebnisse angezeigt, aber diese passen möglicherweise den gesamten Rahmen an und passen möglicherweise nicht mehr zu Ihrem Livestream.



Ich habe einen schönen dünnen Rahmen gewählt, da im Hintergrund schon genug los ist und ich möchte nicht, dass es zu ablenkend wirkt.
Webcam Frame Position
Wenn Sie den Webcam-Rahmen (das Quadrat unten links) verschieben möchten, klicken Sie einfach, um ihn zu greifen und ziehen Sie ihn an die Position, die für Sie arbeitet.
3. Änderung der Symbolfarbe
Es gibt Social-Media-Symbole am unteren Rand des Rahmens, die vom Text getrennt sind, sodass Sie diese Farben anpassen können, ohne den Text zu ändern, wenn Sie möchten. Mit der RDR2 Farbpalette habe ich #F48E29 gewählt - die orange Farbe.



Ändern Sie die Farbe wie beim Rahmen, indem Sie die Option Mehr verwenden, wenn Sie Ihre eigene Farbe auswählen möchten.
4. Schriftarten
Das letzte, was man sich ansehen muss, ist der Text: Schriftart, Farbe und Inhalt. Wenn ein bestimmter Text nicht auf Sie zutrifft, zum Beispiel ‘Top Donators‘ können Sie einfach auf das blaue Häkchen klicken, um es aufzuheben, und dieser Text wird aus der Vorlage entfernt.



Jede Textoption hat eine Auswahl von Schriftarten zur Auswahl, und wenn Sie auf ‘Mehr Schriftarten‘ klicken, öffnet sich eine Liste mit ihren Tags (deren Haupt-Look‘) sowie der Suchoption. Wenn ich nach ‘Western‘ suche, bringt es mehrere Optionen auf, die dazu passen.



Eine etwas frustrierende Sache ist, dass Sie keine Schriftgröße auswählen können, also müssen Sie die Größenfelder für jeden Text verwenden, um die Größe zu ziehen und zu ändern.
Sie können mehr als eine Schriftart verwenden möchten, vor allem, wenn die, die Sie gewählt haben, ist sehr dekorativ oder ein bisschen zu fett für alles zu verwenden. Wenn Sie eine andere wählen, versuchen Sie, es in einem ähnlichen Stil zu halten und wenn Sie unsicher sind, lesen Sie unseren Leitfaden zur Auswahl der besten Schriften für Ihre Marke.
5. Exportieren Sie das fertige Overlay-Bild
Gut gemacht, Sie haben ein vorgefertigtes Streaming-Overlay zu etwas geändert, das mehr ist... Sie können die gleichen Frames bearbeiten, um wie verschiedene Ableger Ihrer Marke auszusehen, oder um den Spielen, die Sie streamen, zu nicken, indem Sie einfach die Farben und Schriftarten ändern.



Erstellen des Overlay-Images
Nun, letzter Schritt, Kopf zurück zu den Bildauswahlkontrollen und wählen Sie Kein Bild. Dadurch wird das Vorschaubild entfernt, so dass Sie den leeren Rahmen als Overlay auf Ihrer Sendung verwenden können. Klicken Sie nun auf Download.
Sobald Ihre Datei heruntergeladen wurde, können Sie Ihre Streaming-Software so einrichten, dass das Bild verwendet wird. So geht's in OBS:
Wenn Sie Lust auf eine Änderung, es gibt viele Vorlagen zur Auswahl, und wenn Sie das Gefühl, wie Sie vielleicht wollen, um die Erstellung von anderen Grafiken für Ihren Livestream, dann werfen Sie einen Blick auf einige unserer Artikel unten.
Weitere großartige Videoressourcen von Envato
Envato Video Marketing Guide
Steigern Sie Ihre Video-Marketing-Fähigkeiten mit unserem Guide. Du lernst Videomarketing von Anfang bis Ende, um Deine nächste Produktion zu verbessern - und Dich mit Kunden zu verbinden.
Kostenlose Video-Assets von Mixkit
Schauen Sie sich Mixkit für kostenlose Stock-Videos, kostenlose Stock-Musik und kostenlose Vorlagen für Adobe Premiere Pro an.
Erstellen Sie Motion Graphics Video online mit PlaceIt
PlaceIt ist ein Online-Videomaker mit professionell gestalteten Motion-Graphics-Vorlagen; Sie können Videos schnell und direkt in Ihrem Browser erstellen.
Suchen und Erstellen von Grafiken für Live-Streaming
-
10 Top Live Video Grafiken Vorlagen für OBS Studio (Overlays, Panels, Text)
-
So fügen Sie benutzerdefinierte Grafiken zum Streamen von Videos mit Open Broadcaster (OBS) Studio hinzu
-
10 Top Live Streaming Grafikvorlagen und Video-Overlays für After Effects
-
Top 3 Looping Video Hintergründe (Stock Footage) für Live Streaming