Wie kann man eine Minecraft Twitch-Überlagerung erstellen?
() translation by (you can also view the original English article)



In diesem Tutorial erstellen wir eine Minecraft Twitch-Überlagerung-Vorlage. Wir verwenden Screenshots aus dem Spiel, um eine benutzerdefinierte Stream-Überlagerung zu erstellen, das Sie auf Twitch oder einer anderen von Ihr bevorzugten Plattform verwenden können. Sie benötigen Minecraft, Adobe Photoshop und eine Streaming-Software Ihrer Wahl. Das Ergebnis ist ein Minecraft-Überlagerung-OBS-fähiges Design.



Was werden Sie brauchen?
Hier sind die Assets, die in diesem Tutorial verwendet werden:
- Pixel Rand Pixel Schriftart
- Symbole für soziale Medien
- Screenshots von Minecraft
Sie können diese Assets gerne herunterladen und in Ihrer Minecraft Twitch-Überlagerung-Vorlage verwenden oder einen beliebigen Inhalt Ihrer Wahl verwenden. Sie müssen auch einige Screenshots innerhalb des Spiels machen. Wir werden sie verwenden, um unsere Überlagerung-Grafiken zu erstellen.
1. Wie kann man Minecraft-Screenshots verwenden, um eine benutzerdefinierte Stream-Überlagerung zu erstellen?
Schritt 1
Öffnen Sie zuerst Minecraft. Sie müssen ein paar Screenshots machen, da wir sie verwenden werden, um Grafiken für unsere benutzerdefinierte Stream-Überlagerung zu erstellen.
Beachten Sie, dass Ihre Minecraft-Screenshots von jeder Version des Spiels stammen können, die Sie bevorzugen. In diesem Tutorial stammen meine Screenshots aus der PC-Version unter Windows 10. Wenn Sie nicht wissen, wie Sie Screenshots in Minecraft erstellen, können Sie sich hier die offizielle Anleitung ansehen.
Stellen Sie für unseren ersten Screenshot sicher, dass Sie ein Bild einer geraden Linie von Grasblöcken erhalten, wie in meinem Screenshot unten gezeigt.



Schritt 2
Für unseren zweiten Screenshot müssen wir uns ein Bild von unserem Avatar-Charakter machen. Ändern Sie die Kameraansicht, damit Sie Ihren Charakter sehen können, bevor Sie Ihren nächsten Screenshot aufnehmen.
Es ist einfacher, hier Änderungen vorzunehmen, wenn Ihr Charakter nach vorne zeigt. Sie können hier jedoch jeden beliebigen Winkel verwenden, den Sie bevorzugen. Denken Sie daran, dass Sie möglicherweise zusätzliche Änderungen vornehmen müssen.
Wir werden in diesem Beispiel Minecraft Steve verwenden – aber Sie können einen anderen Skin für Ihren Avatar verwenden, um Ihren Geschmack und Ihre Persönlichkeit widerzuspiegeln!



Schritt 3
Erstellen Sie nun ein Neues Dokument in Adobe Photoshop. Wir möchten, dass unsere Abmessungen 1920 Pixel breit und 1080 Pixel hoch sind. Dies ist eine allgemeine Empfehlung für benutzerdefinierte Überlagerungen. Wenn Sie möchten, dass Ihre Überlagerung eine andere Größe hat, geben Sie hier andere Abmessungen ein.
Wenn Sie mit diesen Werten zufrieden sind, klicken Sie auf Erstellen, um Ihr Dokument zu erstellen.



Schritt 4
Bevor wir unserem neuen Dokument Inhalte hinzufügen, verwenden wir das Füll-Werkzeug, um die Hintergrundfarbe Schwarz zu ändern.



Schritt 5
Öffnen Sie als Nächstes Ihren ersten Screenshot in Adobe Photoshop. Wir werden die Grasblöcke mit dem Polygonalen Lasso-Werkzeug auswählen.
Dies ist ein großartiges Werkzeug für diese Aufgabe, da es die Auswahl eines Winkels einfach macht. Klicken Sie einfach auf jede Ecke, bis das Gras ausgewählt ist.
Nachdem Sie Ihre Auswahl getroffen haben, kopieren Sie diesen Inhalt, indem Sie auf Bearbeiten > Kopieren klicken.



Schritt 6
Fügen Sie unsere Grasblöcke in unser Neues Dokument ein. Sie werden feststellen, dass Photoshop es in eine neue Ebene einfügt. Wenn Sie das Ebenenbedienfeld nicht sehen, öffnen Sie es, indem Sie zu Fenster > Ebenen gehen.
Tipp: Sie können Ihre Layer benennen, indem Sie auf den Layernamen klicken. Dies ist optional, kann aber helfen, die Dinge zu organisieren.



Schritt 7
Als nächstes duplizieren Sie die Ebene mit unseren Grasblöcken darauf. Sie können mit der rechten Maustaste auf dem PC oder bei gedrückter Strg-Taste auf dem Mac auf die Ebene klicken und Ebene duplizieren auswählen.
Spiegeln oder spiegeln Sie dieses zusätzliche Gras, indem Sie zu Bearbeiten > Transformieren > Horizontal spiegeln gehen. Jetzt haben wir eine gespiegelte Kopie unserer ursprünglichen Glasblöcke.



Schritt 8
Verwenden Sie das Verschieben-Werkzeug, um Ihre Grasblöcke so zu positionieren, dass sie eine gerade Linie am unteren Rand Ihrer benutzerdefinierten Stream-Überlagerung bilden. Wenn Sie mehr Kopien erstellen müssen, um diesen Raum zu füllen, wiederholen Sie Schritt 5. Versuchen Sie, die Pixel so anzupassen, dass die Grasblöcke nahtlos aussehen.
Sie können auch überschüssigen Inhalt mit dem Rechteckigen Auswahl-Werkzeug auswählen. Drücken Sie bei ausgewähltem zusätzlichen Inhalt die Rücktaste, um ihn zu löschen.
Wenn Sie mit Ihrem Inhalt zufrieden sind, können Sie Ihre Ebenen auswählen, indem Sie die Strg-Taste auf dem PC oder die Befehlstaste auf dem Mac gedrückt halten und darauf klicken. Wenn mehrere Ebenen ausgewählt sind, können Sie zu Ebene > Ebenen zusammenführen gehen, um sie zu einer Ebene zusammenzuführen.
Warnung: Stellen Sie sicher, dass Sie sie zusammenführen möchten, bevor Sie dies tun!



Schritt 9
Wir könnten unsere Grasblöcke am unteren Rand der Überlagerung lassen, wenn wir wollten. Sie könnten jedoch einige der UI-Elemente von Minecraft blockieren, und die Zuschauer werden sie wahrscheinlich sehen wollen. Drehen wir sie stattdessen um und verschieben Sie sie an den oberen Rand der Überlagerung.
Gehen Sie bei ausgewählter Grasblockebene zu Bearbeiten > Transformieren > Vertikal spiegeln. Verwenden Sie dann das Verschieben-Werkzeug, um die Grasblöcke an den oberen Rand Ihrer benutzerdefinierten Überlagerung zu verschieben.



2. Wie kann man eine Twitch-Überlagerung für Minecraft erstellen?
Schritt 1
Als Nächstes verwenden wir das Rechteck-Werkzeug, um ein weißes Rechteck oben auf unserem Überlagerung zu zeichnen. Stellen Sie sicher, dass Ihre Füllfarbe eine hellgrüne Farbe ist und Ihre Konturfarbe deaktiviert ist.
Der Hex-Code der hellgrünen Farbe ist #86795a
, wenn Sie ihn genau abgleichen möchten.



Schritt 2
Gehen Sie zurück zu Ihrer Grasblöcke-Ebene. Wählen Sie einen Teil des braunen Schmutzes mit dem Rechteckigen Auswahl-Werkzeug aus. Kopieren Sie dann diesen Inhalt, indem Sie auf Bearbeiten > Kopieren klicken.



Schritt 3
Gehen Sie zu Bearbeiten > Einfügen, um das einzufügen, was wir gerade kopiert haben. Gehen Sie zu Ihrem Ebenen-Bedienfeld und ziehen Sie diese neu eingefügte Ebene über unsere Rechteckebene.
Klicken Sie anschließend mit der rechten Maustaste auf den PC oder bei gedrückter Strg-Taste auf dem Mac und wählen Sie Schnittmaske erstellen. Senken Sie die Deckkraft dieser Ebene auf 55%, damit wir sie teilweise durchschauen können.



Schritt 4
Als Nächstes fügen wir diesem Feld einige Effekte hinzu. Klicken Sie im Ebenen-Bedienfeld auf Ebeneneffekte und wählen Sie dann Kontur.



Schritt 5
Hier sind einige empfohlene Werte, die Sie hier verwenden können:
- Größe: 6 Pixel
- Position: Außen
- Mischmodus: Normal
- Deckkraft:100%
- Füllfarbe: Dunkelbraun (
#402c1e
)
Wenn Sie eine Vorschau anzeigen möchten, wie dies aussieht, denken Sie daran, die Vorschau einzuschalten. Wenn Sie mit dem Aussehen zufrieden sind, klicken Sie auf OK.



Schritt 6
Wiederholen Sie diesen Vorgang, aber wählen Sie diesmal Inneren Schatten anstelle von Kontur. Hier sind einige empfohlene Werte:
- Mischmodus: Multiplizieren
- Deckkraft:100%
- Winkel: 68%
- Entfernung: 4
- Drossel: 0
- Größe: 8
Auch hier können Sie die Vorschau aktivieren, um zu sehen, wie diese Werte aussehen. Klicken Sie auf OK, wenn Sie mit den Ergebnissen zufrieden sind.



Schritt 7
Als Nächstes fügen wir etwas Text oben in dieses Feld ein. Wählen Sie das Textwerkzeug aus. Klicken Sie dann auf , um mit der Eingabe zu beginnen. Ich werde dies zu einem Ort machen, um meinen neuesten Follower anzuzeigen.
Sie können die Schriftart über das Zeichen-Bedienfeld ändern. Gehen Sie zu Fenster > Zeichen, um es zu öffnen. Ich verwende die Schriftart Pixel Rand.



Schritt 8
Fügen wir diesem Text eine passende Kontur hinzu. Gehen Sie wie zuvor zu den Ebenenstilen und wählen Sie Kontur.
Wenden Sie die folgende Kontur auf Ihren Text an:
- Größe: 5 Pixel
- Position: Außen
- Mischmodus: Normal
- Deckkraft: 100%
- Farbe: Dunkelbraun (
#402c1e
)
Auch hier können Sie beliebige Werte auswählen. Diese sind nur eine Empfehlung. Wenn Sie mit dem Ergebnis zufrieden sind, klicken Sie auf OK. Es sollte in etwa wie dieses Beispiel aussehen:



Schritt 9
Wählen Sie die Ebenen aus, aus denen unser neuer Follower-Bereich besteht. Denken Sie daran, dass Sie auf dem PC die Strg-Taste oder auf dem Mac die Befehlstaste gedrückt halten können, um mehr als eine Ebene auszuwählen.
Klicken Sie dann auf das Ordnersymbol, um diesen Inhalt in einem Ordner abzulegen.
Wir können dann den Ordner kopieren, indem wir auf dem PC mit der rechten Maustaste darauf klicken oder auf dem Mac bei gedrückter Strg-Taste darauf klicken und dann Gruppe duplizieren auswählen. Geben Sie Ihrer duplizierten Gruppe einen Namen, und klicken Sie dann auf OK.
Verwenden Sie nun das Verschieben-Werkzeug, um diese Kopie zu verschieben. Wir können beliebig viele dieser Felder für beliebig viele Abschnitte umbenennen und duplizieren. Verwenden Sie einfach das Textwerkzeug, um den Text zu bearbeiten.



Schritt 10
Als Nächstes verwenden wir die Techniken, die wir bereits verwendet haben, um mehr Inhalt in unserer benutzerdefinierten Überlagerung zu erstellen.
Lassen Sie uns zunächst einen Platz für unsere Minecraft-Webcam-Overlay schaffen. Viele Webcams haben 1.920 x 1.080 Pixel, aber Ihre können davon abweichen. Stellen Sie sicher, dass Sie diese Dimension überprüfen und finden.
Um sicherzustellen, dass wir genau die richtige Größe erhalten, können wir unsere Hintergrundebene auswählen. Gehen Sie bei ausgewählter Hintergrundebene zu Auswählen > Alle. Gehen Sie dann zu Bearbeiten > Kopieren. Und gehen Sie zu Bearbeiten > Einfügen.
Gehen Sie zu Bearbeiten > Frei transformieren und ziehen Sie die Ziehpunkte zur Größenänderung, bis dieses eingefügte Rechteck die Größe hat, die Sie für Ihre Webcam haben möchten. Wir wissen, dass es 1920 x 1080 entspricht, weil wir es aus dieser Dokumentgröße eingefügt haben.



Schritt 11
Geben wir unserem Webcam-Raum eine passende Kontur. Gehen Sie erneut zu Ihren Ebeneneffekten, wählen Sie Kontur aus und probieren Sie die folgenden vorgeschlagenen Werte aus:
- Größe: 6
- Position: Außen
- Mischmodus: Normal
- Deckkraft: 100%
- Farbe: Grün (
#546e33
).
Klicken Sie auf OK, wenn Sie mit den Ergebnissen zufrieden sind. So sieht das Endprodukt aus.



Schritt 12
Als nächstes fügen wir einige Grasblöcke hinzu, damit es so aussieht, als ob unsere Webcam darauf sitzt. Dadurch sieht es eher wie eine Minecraft-Webcam-Überlagerung aus und verbindet es mit der blockigen Ästhetik im Spiel.
Gehen Sie zurück zu Ihrer Grasblöcke-Ebene und wählen Sie sie aus. Verwenden Sie das Rechteck-Auswahlwerkzeug, um einen Teil des Grases auszuwählen, und gehen Sie dann zu Bearbeiten > Kopieren. Gehen Sie zu Bearbeiten > Einfügen, um eine Kopie dieses Inhalts einzufügen.
Dann können wir es umdrehen, indem wir zu Bearbeiten > Transformieren > Vertikal spiegeln gehen. Verwenden Sie das Verschieben-Werkzeug, um die Grasblöcke unter dem Webcam-Bereich neu zu positionieren.
Sie können die gleichen Techniken verwenden, die wir zuvor verwendet haben, um das Aussehen Ihrer Grasblöcke hier anzupassen. Kopieren, fügen und löschen Sie Inhalte nach Bedarf, bis Sie mit dem Aussehen des Grasblocks zufrieden sind. Denken Sie daran, die Pixel aufeinander abzustimmen, damit es natürlich aussieht.



Schritt 13
Wir können diesem oberen Bereich auch andere Inhalte hinzufügen. Dies könnte ein großartiger Ort sein, um Ihre sozialen Medien zu teilen, damit Ihre Zuschauer wissen, wohin sie Ihnen folgen können.
Ich werde diese Social-Media-Symbole verwenden. Sie können beliebige Symbole verwenden oder bei Text bleiben.
Öffnen Sie Ihre Symbole in Adobe Photoshop. Kopieren Sie sie dann und fügen Sie sie in Ihre benutzerdefinierte Stream-Überlagerung ein. Denken Sie daran, dass Sie dies unter Bearbeiten > Kopieren und Bearbeiten > Einfügen finden.
Verwenden Sie das Textwerkzeug, um Text hinzuzufügen, damit Ihre Zuschauer Ihren Benutzernamen kennen.



3. Wie können Sie Ihren Avatar zu Ihrer Minecraft Twitch Überlagerung-Vorlage hinzufügen?
Schritt 1
Kehren wir zu unserem anderen Screenshot zurück – dem mit unserem Avatar darin. Öffnen Sie es in Adobe Photoshop.
Lassen Sie uns dann wie zuvor das Polygonale Lasso-Werkzeug verwenden, um unseren Charakter sorgfältig auszuwählen. Denken Sie daran, auf die Ecken jeder eckigen Form zu klicken, um eine schöne, gerade Auswahl zu treffen.
Wenn Sie mit Ihrer Auswahl zufrieden sind, gehen Sie zu Bearbeiten > Kopieren.



Schritt 2
Kehren Sie nun zu unserer benutzerdefinierten Stream-Überlagerung zurück. Gehen Sie zu Bearbeiten > Einfügen, um unseren Avatar in das Design einzufügen.
Verwenden Sie das Verschieben-Werkzeug, um den Charakter neu zu positionieren. Gehen Sie zu Bearbeiten > Frei transformieren und ziehen Sie die Ziehpunkte zur Größenänderung, um die Größe des Charakters zu ändern.



Schritt 3
Ich dachte, es wäre süß, wenn die Figur dem Publikum zuwinkt. Wir können das Polygonale Lasso Werkzeug verwenden, um den Arm des Charakters auszuwählen.
Gehen Sie zu Bearbeiten > Ausschneiden und dann zu Bearbeiten > Einfügen, um den Arm auf einer eigenen Ebene einzufügen. Dann können wir zu Bearbeiten > Frei transformieren gehen, um den Arm so zu drehen, dass er aussieht, als ob er oben und winkend wäre.



Schritt 4
Im Moment schwebt Minecraft Steve einfach dort. Fügen wir einige Grasblöcke hinzu, damit er etwas zum Stehen hat.
Duplizieren Sie die Ebene mit den Grasblöcken unter unserem Webcam-Bereich. Klicken Sie einfach mit der rechten Maustaste auf den PC oder bei gedrückter Strg-Taste auf dem Mac und wählen Sie Ebene duplizieren.
Dann können wir das Verschieben-Werkzeug verwenden, um diese Ebene unter dem Charakter neu zu positionieren.
Sie können diesen Inhalt auch nach Belieben ausschneiden, einfügen und löschen, um die Größe dieses Inhalts zu ändern. Verwenden Sie Ihr Rechteckiges Auswahl-Werkzeug, um diese Auswahlen und Bearbeitungen vorzunehmen.
Sie können den Charakter auch spiegeln, indem Sie eine Technik verwenden, die wir bereits ausprobiert haben: Bearbeiten > Transformieren > Horizontal spiegeln.



Und da haben Sie es!
Wenn Sie Ihre Überlagerung testen möchten, fügen Sie einen Screenshot direkt über Ihrer Hintergrundebene ein. Dann können Sie ein Gefühl dafür bekommen, wie es in Aktion aussehen würde.



Wenn Sie sich nicht sicher sind, wie Sie Ihre Überlagerung speichern und exportieren oder wie Sie es in OBS, Streamlabs oder andere Streaming-Software übertragen können, lesen Sie dieses Tutorial:
Auf der Suche nach einem Minecraft Überlagerung-Maker?
Wenn Sie kein Photoshop haben oder einfach nur nach etwas einfacherem suchen, sollten Sie Placeit ausprobieren. Es ist ein webbasiertes Design-Werkzeug – Sie können es bequem von Ihrem Webbrowser aus verwenden. Es ist kostenlos, einzusteigen und mit dem Designen zu beginnen.
Bezahlen Sie nur, wenn Sie sich entscheiden, Ihre Arbeit herunterzuladen. Zu einem supergünstigen Preis können Sie Stream-Überlagerungen, Twitch-Panels, animierte Videoinhalte und mehr erstellen. Das Beste ist, Sie können es zuerst testen.
Hier ist ein kurzer Blick darauf, wie wir unseren Minecraft-Charakter verwenden können, um eine Overlay in diesem Minecraft-Überlagerung-Maker anzupassen.
Schritt 1
Es ist ganz einfach, eine Überlagerung zu finden, das Sie auf Placeit anpassen können. Durchsuchen Sie eine riesige Sammlung von Vorlagen – und sie sind nur ein Ausgangspunkt. Wählen Sie eine aus, die Sie möchten, um loszulegen. Sie können den Text, die Farben und eine ganze Reihe anderer Dinge auch anpassen.
Hier ist nur ein Beispiel für einige der Überlagerungen, die Sie anpassen können.



Schritt 2
Hier ist die benutzerdefinierte Stream-Überlagerung, das ich anpassen werde. Hier können wir Designelemente anklicken und ziehen, um sie nach Belieben neu zu positionieren.



Schritt 3
Wir können auch die Farben der benutzerdefinierten Stream-Überlagerung auf der rechten Seite ändern. Verwenden Sie die Farbauswahl, um das Farbschema in eine beliebige Farbe zu ändern, die Sie bevorzugen.
Sie können hier auch grafische Elemente ändern – wählen Sie eine ganz andere Basis-Überlagerung, wenn Sie es vorziehen.



Schritt 4
Wir können auch ändern, was der Text sagt. Hier auf der linken Seite können wir den Text, die Textfarbe und auch die Schriftart selbst ändern. Klicken und ziehen Sie einfach, um Textelemente zu verschieben. Sie können auf diese Weise auch die Größe des Textes ändern.



Schritt 5
Sie können sogar benutzerdefinierte Bilder hochladen, wie den Minecraft-Charakter, den wir in unserer vorherigen Überlagerung verwendet haben. Wenn Sie es ausprobieren möchten, stellen Sie sicher, dass Sie Ihren Avatar als transparente PNG-Datei speichern.
Alles, was wir tun müssen, ist auf Weitere Grafik hinzufügen und dann Bild hochladen zu klicken.
Dann können wir unser benutzerdefiniertes Bild zuschneiden, verschieben und anpassen. Tatsächlich können Sie die Basisvorlage auch durch ein benutzerdefiniertes Bild ersetzen – wie unseren Grasblock-Header. Hör zu.



Schritt 6
Wenn Sie zum Speichern bereit sind, klicken Sie einfach auf Download. Placeit bereitet das Bild für Sie vor und stellt Ihnen ein transparentes PNG zur Verfügung, das Sie direkt in OBS, Streamlabs oder Ihre Stream-Software Ihrer Wahl importieren können. Es ist eine weitere Möglichkeit, ein Minecraft-Overlay-OBS-fähiges Design zu erstellen.



Viel Glück mit Ihrer benutzerdefinierten Stream-Überlagerung!
Egal, ob Sie sich entscheiden, einen Minecraft-Überlagerung-Maker auszuprobieren oder eine Twitch-Überlagerung für Minecraft von Grund auf in Photoshop zu erstellen, Sie haben viele Möglichkeiten. Denken Sie daran, dass Spielen Spaß machen soll – vergessen Sie nicht, Spaß damit zu haben! Verwenden Sie Ihre Vorstellungskraft und versuchen Sie, etwas zu finden, das unvergesslich und einzigartig ist. Diese Techniken und Tipps sind nur ein empfohlener Ausgangspunkt.
Viel Glück und viel Spaß beim Streaming!
Suchen Sie nach noch mehr Streaming-Tutorials und -Inhalten? Sehen Sie sich diese kostenlosen Tutorials und Artikel von Envato Tuts+ an.
- Adobe PhotoshopWie kann man eine Twitch-OBS-Stream-Überlagerung in Photoshop erstellen?Daisy Ein
- Emoticon-DesignWie kann man Twitch-Emotes machen?Maria Winkler
- Adobe PhotoshopWie kann man Twitch-Panels erstellen?Daisy Ein
- WerbebannerWie kann man ein Twitch-Banner-Design mit einem Banner-Maker erstellen?Andrei Stefan
- twitchDie 15 besten kostenlosen Twitch-Überlagerungen (einschließlich eines kostenlosen Twitch-Überlagerung-Makers)Nona Blackman
- IsometrieWie kann man einen Minecraft-Charakter im Affinity Designer erstellen?Andrei Stefan
- Fan ArtWie kann man eine Minecraft-Skin in Adobe Illustrator erstellen?Andrei Stefan
- TexteffekteWie kann man einen schnellen Minecraft-Texteffekt in Adobe Illustrator erstellen?Andrei Marius
- IllustrationSpielen mit isometrischer Projektion in Inkscape, um eine Minecraft-Szene zu erstellenAaron Nieze
