Advertisement
  1. Photo & Video
  2. Video

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.

Twitch OBS Live Stream Overlay Generator with Webcam FrameTwitch OBS Live Stream Overlay Generator with Webcam FrameTwitch OBS Live Stream Overlay Generator with Webcam Frame
Twitch OBS Live Stream Overlay Generator mit Webcam Frame

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.

RDR 2 image via presskitRDR 2 image via presskitRDR 2 image via presskit
Red Dead Redemption 2 Artwork aus einer Pressemappe über Rockstar Games

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.

Western townWestern townWestern town
Westernstadt von digitalstormcinema über Envato Elements

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.

upload and crop a custom imageupload and crop a custom imageupload and crop a custom image
Hochladen und Zuschneiden eines benutzerdefinierten Bilds

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.

adjust the frame colouradjust the frame colouradjust the frame colour
Passen Sie die Rahmenfarbe an

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.

frame changesframe changesframe changes
Ändern Sie die Seiten oder den gesamten Rahmen

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.

Change the icon colourChange the icon colourChange the icon colour
Ändern der Symbolfarbe

Ä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.

Just untick the box to remove textJust untick the box to remove textJust untick the box to remove text
Deaktivieren Sie einfach das Kontrollkästchen, um Text zu entfernen

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.

font optionsfont optionsfont options

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

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.