{"id":6932,"date":"2021-12-15T13:33:49","date_gmt":"2021-12-15T12:33:49","guid":{"rendered":"https:\/\/www.obs-server.com\/?p=6932"},"modified":"2024-03-27T14:01:51","modified_gmt":"2024-03-27T13:01:51","slug":"stream-overlays-erstellen","status":"publish","type":"post","link":"https:\/\/streamingserver.io\/de\/blog\/stream-overlays-erstellen\/","title":{"rendered":"Stream Overlays erstellen: So geht&#8217;s"},"content":{"rendered":"\n<p>Overlays sind ein wichtiges Aush\u00e4ngeschild f\u00fcr Ihren Stream. Neben der M\u00f6glichkeit, kostenlose oder kostenpflichtige Overlays zu verwenden, k\u00f6nnen Sie auch selbst kreativ werden. Worauf Sie bei der Gestaltung Ihrer Overlays achten sollten, erfahren Sie in diesem Artikel.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was sind Overlays und warum sollten Sie sie f\u00fcr Ihren Stream nutzen?<\/h2>\n\n\n\n<p>Stream Overlays sind Grafiken oder Animationen, die w\u00e4hrend des Streams \u00fcber Ihrem eigentlichen Content liegen und \u00fcber Streamingsoftware wie OBS Studio eingebunden werden k\u00f6nnen. Sie werden genutzt, um den Stream optisch ansprechend zu gestalten und den Zuschauern n\u00fctzliche Informationen \u00fcber beispielsweise letzte Follower und Donator oder Ihre Social-Media-Kan\u00e4le zu vermitteln.<\/p>\n\n\n\n<p>Da Streaming l\u00e4ngst keine Nische mehr ist, sollten Sie versuchen, sich mit Ihren Overlays auf Twitch, YouTube und Co. von der Masse abzuheben. Auf Sie und Ihren Kanal ma\u00dfgeschneiderte Overlays sehen nicht nur gut aus, sondern wirken auch professioneller, machen Ihren Stream einzigartig und steigern somit Ihren Wiedererkennungswert. Zudem zeigen Sie Ihren Zuschauern damit Ihr Commitment zu Channel und Community.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die wichtigsten Basis-Overlays<\/h2>\n\n\n\n<p>Wenn Sie Ihren Stream ansprechend gestalten m\u00f6chten, bietet es sich an, verschiedene Overlays f\u00fcr verschiedene Szenen im Repertoire zu haben. Sie k\u00f6nnen sich dabei an den folgenden Basis-Overlays orientieren:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Start-Overlay:<\/strong> Mit dem Start-Overlay teilen Sie Ihren Zuschauern mit, dass Ihr Stream gleich beginnt. Ihre Zuschauer k\u00f6nnen in dieser Zeit bereits einschalten und (mit oder ohne Countdown) auf den Beginn hinfiebern.<\/li>\n\n\n\n<li><strong>Game-Overlay:<\/strong> Ein Game-Overlay kann beispielsweise Infos zum Spiel, Ihre Facecam oder Infos zu aktuellen Followern, Subs, etc. enthalten und sollte vom Design her am besten zu Ihrem Spiel passen.<\/li>\n\n\n\n<li><strong>Chat-Overlay: <\/strong>Wenn Sie neben Ihrem eigentlichen Content auch Phasen haben, in denen Sie nur mit Ihrem Chat kommunizieren, bietet sich hierf\u00fcr ein separates Overlay an. In diesem kann beispielsweise neben Ihrer Person auch der Chat eingeblendet sein sowie neue Follower oder Subs.<\/li>\n\n\n\n<li><strong>Pause-Overlay: <\/strong>Gerade wenn Sie \u00fcber mehrere Stunden streamen, ben\u00f6tigen Sie zwischendurch auch Pausen. In Ihrem Pausen-Overlay k\u00f6nnen Sie Ihre Zuschauer (mit oder ohne Countdown) dar\u00fcber informieren, dass Sie bald wieder da sind.<\/li>\n\n\n\n<li><strong>Schluss-Overlay: <\/strong>Das Schluss-Overlay informiert Ihre Zuschauer dar\u00fcber, dass Ihr Stream gerade beendet wurde. Hier k\u00f6nnen Sie sich beispielsweise bei Ihren Zuschauern nochmal f\u00fcrs Zuschauen bedanken oder auf Ihre Social-Media Kan\u00e4le hinweisen.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Was sollten Sie bei der Erstellung eines Overlays beachten?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u00dcberfrachten Sie Ihr Overlay nicht<\/h3>\n\n\n\n<p>Zun\u00e4chst ist es vor allem wichtig, dass Sie sich \u00fcberlegen, was Sie in Ihrem Overlay eigentlich zeigen m\u00f6chten. Dies h\u00e4ngt sehr stark davon ab, was Ihr Content ist. Streamen Sie Spiele, ist es g\u00e4ngig, die eigene Kamera in den Stream einzubinden, um w\u00e4hrenddessen auch die eigene Person zu zeigen. Zudem k\u00f6nnen Sie sich entscheiden, beispielsweise Ihr eigenes Logo, Ihren Streamer-Namen, die letzten Follower und Spenden, besonders gro\u00dfz\u00fcgige Spenden oder Ihre Social-Media-Kan\u00e4le anzuzeigen. H\u00e4ufig wird auch der Chat in das Overlay eingebunden, damit dieser von den Zuschauern auch im Vollbildmodus gelesen werden kann. Die M\u00f6glichkeiten, was Sie in Ihr Overlay einbinden k\u00f6nnen, sind vielf\u00e4ltig. Sie sollten jedoch dabei beachten, dass Sie Ihr Overlay nicht \u00fcberfrachten. Andernfalls lenken Sie zu sehr von Ihrem eigentlichen Content ab.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">W\u00e4hlen Sie ein konsistentes, ansprechendes und zu Ihrem Kanal passendes Design<\/h3>\n\n\n\n<p>Bei der Gestaltung Ihres Overlays sollten Sie sich \u00fcberlegen, was zu Ihrem Stream und auch zu Ihnen am besten passt. Verbringen Sie beispielsweise die meiste Zeit in Ihrem Stream mit nur einem Spiel, bietet es sich an, auch die Overlays optisch auf dieses Spiel auszurichten. Sprechen Sie die meiste Zeit mit Ihrer Community und zeigen dabei sich selbst, w\u00e4hlen Sie am besten eine Gestaltung, die zu Ihrer Person und zu Ihrem Hintergrund passt. Auch hier gilt: weniger ist manchmal mehr. Ihr Overlay sollte Ihren Stream nur unterst\u00fctzen und nicht vom Content ablenken. Zudem sollte das Design zum restlichen Design des Kanals passen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Achten Sie auf die Gr\u00f6\u00dfe Ihrer Overlay-Inhalte<\/h3>\n\n\n\n<p>Die richtige Gr\u00f6\u00dfe bei Ihren Overlay-Inhalten zu w\u00e4hlen, ist eine Gratwanderung. Einerseits m\u00fcssen diese gut erkennbar und lesbar sein, denn sonst bieten sie keinen Mehrwert. Andererseits sollte Ihr Overlay keine wichtigen Teile Ihres Streams \u00fcberdecken.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Verwenden Sie nicht zu viele Animationen<\/h3>\n\n\n\n<p>Neben statischen Overlays bietet sich auch die M\u00f6glichkeit, animierte Overlays zu verwenden. Statische Overlays sind einfache Grafiken, die sich auf Ihren Inhalt legen und sich nicht ver\u00e4ndern. Bei dynamischen Overlays k\u00f6nnen sich die eingeblendeten Inhalte w\u00e4hrend des Streams ver\u00e4ndern. Dynamische Overlays sind zwar spannender, k\u00f6nnen aber bei zu viel Dynamik auch st\u00f6rend wirken.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wie kann man selbst Overlays f\u00fcr den eigenen Stream erstellen?<\/h2>\n\n\n\n<p>Stream Overlays werden mit einem Bildbearbeitungprogramm wie beispielsweise Adobe Photoshop oder einer kostenlosen Variante wie GIMP erstellt.<\/p>\n\n\n\n<p>In einem ersten Arbeitsschritt machen Sie am besten einen Screenshot von Ihrem Content, f\u00fcr den Sie das Overlay erstellen, also beispielsweise von Ihrem bevorzugten Spiel. Mit dem Screenshot als Grundlage k\u00f6nnen Sie bei jedem Arbeitsschritt sicherstellen, dass das Overlay nicht wichtige Teile Ihres Contents verdeckt.<\/p>\n\n\n\n<p>Anschlie\u00dfend \u00f6ffnen Sie in Ihrem Bildbearbeitungsprogramm eine neue\u00a0 Datei. Beachten Sie dabei, dass die Ma\u00dfe der Datei korrekt sind &#8211; f\u00fcr eine HD-Aufl\u00f6sung sollten Sie beispielsweise die Ma\u00dfe 1920 x 1080 Pixel verwenden. Der Hintergrund muss im Bearbeitungsprogramm auf transparent gestellt werden, damit Ihre Zuschauer anstelle des Hintergrunds sp\u00e4ter Ihren Content sehen. Alternativ k\u00f6nnen Sie auch die Elemente, die im Stream transparent sein sollen, mit einer leuchtenden Farbe (beispielsweise klassisch leuchtend gr\u00fcn wie beim Greenscreen) kennzeichnen. Diese Farbe k\u00f6nnen Sie dann sp\u00e4ter in Ihrer Streamingsoftware herausfiltern.<\/p>\n\n\n\n<p>Anschlie\u00dfend k\u00f6nnen Sie beginnen, mit dem Bearbeitungsprogramm auf einer neuen Ebene Ihre gew\u00fcnschten Inhalte \u00fcber den Screenshot zu legen. Es bietet sich an, waagerechte und senkrechte Hilfslinien zu verwenden, um dem Overlay einen Rahmen zur besseren Orientierung zu geben. Diese k\u00f6nnen am Schluss wieder ausgeblendet werden. Am besten verwenden Sie f\u00fcr jedes Element bzw. f\u00fcr jede Gruppe von Elementen eine neue Ebene. Dies erm\u00f6glicht es Ihnen, die Inhalte einzeln zu exportieren und sp\u00e4ter in Ihrer Streaming-Software einfacher zu positionieren.<\/p>\n\n\n\n<p>Haben Sie die Bearbeitung abgeschlossen, k\u00f6nnen Sie Ihre Datei speichern und exportieren. Beim Export k\u00f6nnen Sie am besten auf das Format PNG zur\u00fcckgreifen, denn hierdurch bleiben auch Transparenzen erhalten.<\/p>\n\n\n\n<p>F\u00fcr das Hinzuf\u00fcgen von animierten Bestandteilen wird h\u00e4ufig die Software After Effects verwendet. Sie k\u00f6nnen Ihr statisches mit beispielsweise Photoshop erstelltes Overlay einfach in After Effects importieren und dort weiter bearbeiten. Um auch hier Transparenzen zu erhalten, muss vor dem Rendering der Alpha-Channel aktiviert werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Welche Alternativen zu selbst erstellten Overlays gibt es?\u200b<\/h2>\n\n\n\n<p>M\u00f6chten Sie Ihre Overlays doch nicht selbst erstellen, k\u00f6nnen Sie diese auch \u00fcber diverse Online-Shops kaufen oder auf kostenlose Varianten zur\u00fcckgreifen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Fertige Premium Overlays<\/h3>\n\n\n\n<p>Auf vielen Plattformen werden Premium Overlays bereits in fertigen Komplettpaketen angeboten, damit Ihr gesamter Stream einen einheitlichen Look hat. In diesen Paketen k\u00f6nnen Overlays f\u00fcr verschiedene Szenen, Webcam-Overlays, Banner, Alerts, animierte Transitions und Sounds enthalten sein. H\u00e4ufig werden Basis-Versionen mit den wichtigsten Features und teurere Premium-Versionen mit allem m\u00f6glichen Zubeh\u00f6r verkauft. In der Regel bekommen Sie auch die Quelldateien, damit Sie individuelle Anpassungen selbst vornehmen k\u00f6nnen.<\/p>\n\n\n\n<p>Nachteil ist hierbei, dass bereits fertige Designs von jedem Streamer genutzt werden k\u00f6nnen, der sich dieses Paket kauft. Ihr Wiedererkennungswert kann damit eingeschr\u00e4nkt sein.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Custom Overlays<\/h3>\n\n\n\n<p>M\u00f6chten Sie auf jeden Fall ein einzigartiges Overlay, k\u00f6nnen Sie sich auch ein individuelles nach Ihren eigenen W\u00fcnschen erstellen lassen. Hier kann es preislich sehr hohe Unterschiede geben, je nachdem, ob der Anbieter selbst Templates f\u00fcr die Erstellung nutzt oder ein ganz neues Overlay ohne die Nutzung irgendwelcher Vorlagen zaubert.<\/p>\n\n\n\n<p>Die Erstellung von Custom Overlays kann zwar einige Tage in Anspruch nehmen und auch kostenintensiver sein, jedoch haben Sie dann auch ein einzigartiges Design, mit dem Sie sich von der Masse abheben k\u00f6nnen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Kostenlose Overlays<\/h3>\n\n\n\n<p>Wer weder selbst Hand anlegen, noch Geld ausgeben m\u00f6chte f\u00fcr ein Stream Overlay, der kann auch auf kostenlose Varianten zur\u00fcckgreifen. Diese eignen sich super f\u00fcr Stream-Anf\u00e4nger, die am Anfang nicht direkt All-In gehen m\u00f6chten.&nbsp;<\/p>\n\n\n\n<p>Haben Sie das Streaming dauerhaft f\u00fcr sich entdeckt und m\u00f6chten Sie sich von der Masse abheben, empfiehlt es sich jedoch, fertige Premium-Overlays oder individuell auf Sie zugeschnittene (selbst erstellte oder gekaufte) Overlays zu verwenden. In der kostenlosen Variante sind die Anpassungsm\u00f6glichkeiten in der Regel begrenzt, sodass Ihre pers\u00f6nliche Note verloren geht.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overlays sind ein wichtiges Aush\u00e4ngeschild f\u00fcr Ihren Stream. Neben der M\u00f6glichkeit, kostenlose oder kostenpflichtige Overlays zu verwenden, k\u00f6nnen Sie auch selbst kreativ [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":14270,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[169],"tags":[],"class_list":["post-6932","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial-de"],"_links":{"self":[{"href":"https:\/\/streamingserver.io\/de\/wp-json\/wp\/v2\/posts\/6932"}],"collection":[{"href":"https:\/\/streamingserver.io\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/streamingserver.io\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/streamingserver.io\/de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/streamingserver.io\/de\/wp-json\/wp\/v2\/comments?post=6932"}],"version-history":[{"count":0,"href":"https:\/\/streamingserver.io\/de\/wp-json\/wp\/v2\/posts\/6932\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/streamingserver.io\/de\/wp-json\/wp\/v2\/media\/14270"}],"wp:attachment":[{"href":"https:\/\/streamingserver.io\/de\/wp-json\/wp\/v2\/media?parent=6932"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/streamingserver.io\/de\/wp-json\/wp\/v2\/categories?post=6932"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/streamingserver.io\/de\/wp-json\/wp\/v2\/tags?post=6932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}