StreamProject | Guides | Twitch Overlay erstellen: Die Grundlagen für Anfänger
Farbliche Inspirationen für Deinen Stream
Christoph Bernarding - Autor bei StreamProject Autoren @Christoph Bernarding, Redakteur bei StreamProject
Christoph Bernarding
  • Lieblings-Streamer: Critical Role

  • Lieblings-Spiel: World of Warcraft

  • Fun-Fact: Lief vor ein paar Jahren den kompletten Jakobsweg

Twitch icon

Twitch Overlay erstellen: Die Grundlagen für Anfänger

3. Mai 2020

Sowohl für Neueinsteiger als auch erfahrene Streaming-Veteranen nimmt die Aufmachung des Kanals einen entscheidenden Stellenwert ein, wenn es darum geht, für Wiedererkennungswert zu sorgen und somit Follower zu gewinnen. Um Deinen Stream von der Masse abzuheben, solltest Du also wenigstens grundlegend wissen, wie Du Dein eigenes Twitch Overlay erstellen kannst. Denn so verpasst Du Deinem Channel einen besonders individuellen Anstrich, der Deiner Marke zugutekommt.

Wir zeigen Dir, welche Schritte zu beachten sind, damit Du Deiner Kreativität freien Lauf lassen kannst.

Alternativ besteht zudem die Option, auf das Können eines professionellen Grafik-Designers zu vertrauen und sich ein Twitch Overlay erstellen zu lassen. Wo Du die besten Designs findest und welche Pakete zu empfehlen sind, das erklärt Dir Stephanie in einer praktischen Topliste zu den aktuellen Bestsellern der Streaming-Overlays.

Talkrunde mit personalisiertem GTA-Overlay

Quelle: Twitch-Stream von KayaZockt

Einschub: Wie sieht ein fertiges Twitch Overlay überhaupt aus?

Wenn Du ein Twitch Overlay erstellen willst, wirst Du schnell merken, dass die Möglichkeiten quasi grenzenlos sind. Oben siehst Du ein Beispiel des beliebten Online-Streams von Kaya Yanar. Der Comedian befindet sich zu diesem Zeitpunkt noch in der Aufwärmphase und tauscht sich mit seinen Zuschauern aus, weshalb ein zentrales Element dieses Overlays die Einblendung des Twitch-Chats darstellt.

Viel offensichtlicher ist bloß noch das Fenster für die Kamera, die Kaya als Ranjid verkleidet zeigt. Der Rest des Bildschirms wird von verschiedenen Goals und Alerts eingenommen, die besonders spendable Fans hervorheben und außerdem signalisieren, falls eine Subscription abgeschlossen wird. Kaya hat sich dieses Twitch Overlay erstellen lassen, ebenso wie das personalisierte Logo mit den beiden Figuren.

Das kostet allerdings. Ein simples, kostenloses Twitch Overlay erstellen kannst Du nur mithilfe eines Bildbearbeitungsprogramms, dessen Funktionen im Idealfall über Microsoft Paint hinausgehen. Die freie Software GIMP eignet sich beispielsweise zur Kreierung Deines Overlays oder auch der Marktführer Adobe Photoshop, anhand dem wir Dir nachfolgend ein kurzes Tutorial geben.

Streamer NoWay in der Lobby von League of Legends

Quelle: Twitch-Stream von NoWay4u_Sir

Twitch Overlay erstellen mit System

Bevor Du Dich ans Werk machst und Dein Twitch Overlay erstellen kannst, solltest Du im Vorfeld einige wichtige Entscheidungen treffen, die den Aufbau sowie die Zusammensetzung betreffen. Zuvor haben wir Dir bereits aufgezeigt, aus welchen Elementen ein Stream Overlay bestehen kann. Die Webcam-Ansicht etwa gehört für einen Großteil des Publikums auf Twitch mittlerweile zum Erlebnis dazu.

Ausnahmen wie League of Legends Streamer NoWay bestätigten auf Twitch die Regel. Wenn Du das letzte Bild betrachtest, erkennst Du, dass der Kanal andere Prioritäten setzt. Statt einer Kamera wird lieber das Markenzeichen Relaxo prominent präsentiert und die Sponsoren am Rand eingeblendet, denn ein hauptberuflicher Streamer muss natürlich auch auf Twitch Geld verdienen.

Zentrales Element bleibt jedoch die Game-Lobby. Sobald ein Match startet, ändert sich das Layout und eine weitere Szene wird eingeblendet, für die Du wiederum extra ein Twitch Overlay erstellen müsstest, solltest Du ähnliche Ambitionen wie ein Profi besitzen. Wir konzentrieren uns jetzt aber erst einmal darauf, ein generelles In-Game-Overlay zu basteln.

Alles gut zu erkennen mit dem Overlay von Rickymainia

Quelle: Twitch-Stream von Rickymainia

Twitch Overlay erstellen in Photoshop

Hast Du noch keine Lizenz für Photoshop, kannst Du auf der Seite von Adobe eine kostenlose Testversion herunterladen. Zudem gelten die hier angerissenen Schritte in ähnlicher Weise für die anderen Programme, mit denen Du Dich vielleicht schon auskennst.

  1. Zu Beginn bietet es sich an, einen Screenshot des Spieles zu machen, für das Du ein Twitch Overlay erstellen willst. So kannst Du abschätzen, an welchen Positionen Platz für Dein Layout ist.
  2. Danach öffnest Du ein neues Dokument in Photoshop, das im Regelfall eine Größe von 1920 x 1080 Pixeln aufweisen sollte. Je nach Version Deines Programms kannst Du an dieser Stelle gleich hinterlegen, dass der Hintergrund transparent sein soll – denn ohne diese Einstellung sehen Deine Zuschauer später nichts von den Inhalten Deines Streams.
  3. Auf einer weiteren Ebene kannst Du nun mit dem Einfügen der Designs beginnen. Vorgefertigte Formen nehmen Dir hierbei eine Menge Arbeit ab, schränken Deine Kreativität aber womöglich ein, falls Du von Grund auf ein komplettes Twitch Overlay erstellen möchtest.

Twitch Overlay erstellen in Photoshop

Quelle: Adobe Photoshop CC

So können Deine ersten Schritte bei der Bildbearbeitung aussehen.

Setze das Logo Deines Twitch-Streams ins Zentrum, blende Hintergründe für verschiedene Ziele ein und konzentriere Dich dabei auf ein Farbschema, das zur Ästhetik des Spiels passt. Ansonsten investiert ruhig ein wenig Zeit und beschäftige Dich mit den Funktionen von Photoshop. Tools wie das Polygon-Lasso-Werkzeug können eine große Hilfe sein, wenn Du die einzelnen Elemente selbst gestaltest.

Denk bei Deinen Anstrengungen allerdings daran, dass weniger oft mehr ist. Zurzeit herrscht auf Twitch nämlich der Trend, gerade bei In-Game-Ansichten nur das Nötigste zu zeigen.

Jetzt weißt Du also, wie Du grundsätzlich ein Twitch Overlay erstellen kannst. Hast Du Dich für ein Design entschieden, brauchst Du das fertige Layout bloß noch in die Streaming-Software Deiner Wahl einzufügen, die alles Weitere für Dich übernimmt.

 

Titelbild Quelle: Designecologist auf Pexels.com
0 Comments
Inline Feedbacks
View all comments

Mehr Guides von #StreamProject


Zurück nach oben

Diese Website verwendet Cookies, um Deine Erfahurng hier zu verbessern. Durch die Nutzung dieser Website stimmst Du der Verwendung von Cookies zu.