Was man wissen sollte
- Erstellen Sie in Photoshop eine Leinwand mit 1920 x 1080 und füllen Sie den Hintergrund. Fügen Sie Ebenen hinzu und verwenden Sie das Marquee-Tool, um Platz für einen Webcam-Stream zu schaffen.
- Auswahlrahmen füllen, neue Ebene erstellen und erneut Auswahlrahmen verwenden, um eine neue Box für Spielmaterial zu erstellen. Als Photoshop-Datei (.psd) speichern.
- Außerdem erforderlich: Ein Computer, eine Aufnahmekarte, eine Webcam und Übertragungssoftware wie OBS Studio oder Streamlabs OBS, um das Layout anzupassen.
Ein Twitch-Layout, auch Twitch-Stream-Overlay genannt, ist ein Grafikdesign, das während deiner Twitch-Übertragung erscheint. Hier sehen Sie, wie Sie mit Photoshop ein Twitch-Overlay erstellen und Ihr Hintergrundbild zu OBS Studio hinzufügen.
So erstellen Sie ein Twitch-Overlay mit Photoshop
Photoshop ist eines der besten Tools zum Erstellen eines Twitch-Overlays. Befolgen Sie diese Schritte, um ein grundlegendes Twitch-Layout zu erstellen, und experimentieren Sie dann damit, Ihrer Übertragung weitere Funktionen und Persönlichkeit hinzuzufügen. Dieses Tutorial verwendet Photoshop 2020, aber die Anweisungen sollten in anderen Versionen ähnlich sein.
Wenn Sie kein Photoshop haben, probieren Sie eine kostenlose Alternative wie Paint 3D in Windows 10 oder den Online-Grafikeditor Canva aus, um ein Twitch-Overlay zu erstellen.
-
Öffnen Sie Photoshop und wählen Sie im oberen Menü Datei > Neu aus.
Image -
Stellen Sie im Feld Let's Start Something New die Breite auf 1920 Pixel und die Höhe auf 1080 ein. Pixel und wählen Sie dann Erstellen.
Image Diese Maße entsprechen der vollen Größe Ihres Stream-Layouts, das beim Betrachten einen Fernsehbildschirm füllt. Die Verwendung dieser Größe hilft Ihnen, das Ergebnis besser zu visualisieren und entsprechend zu planen.
-
Wählen Sie im oberen Menü Bearbeiten > Ausfüllen.
Image -
Wählen Sie neben Inh alt aus dem Dropdown-Menü Farbe aus.
Image -
Wählen Sie eine Farbe für den Hintergrund und wählen Sie dann OK.
Image Du kannst diesen Schritt wiederholen, bis du eine Farbe findest, die dir gefällt.
-
Wählen Sie OK, um das Feld Ausfüllen zu verlassen.
Image -
Wählen Sie im oberen Menü Ebene > Neu > Ebene.
Image -
Wählen Sie im Popup-Fenster Neue Ebene OK. Sie haben jetzt eine unsichtbare Ebene über dem Hintergrund, mit der Sie Ihr Design zeichnen und bearbeiten können, ohne die Hintergrundfarbe zu beeinflussen.
Image Sowohl die neue Ebene als auch die ursprüngliche Hintergrundebene sollten im Feld Ebenen in der unteren rechten Ecke des Bildschirms sichtbar sein.
-
Wählen Sie im Feld Ebenen die neue Ebene aus.
Wenn das Ebenenfenster nicht geöffnet ist, wählen Sie Ebenen im Menü Fenster aus.
Image -
Wählen Sie aus der Toolbox auf der linken Seite das Rectangular Marquee Tool aus. Es ist ein gepunktetes quadratisches Symbol in der oberen linken Ecke der Toolbox.
Image -
Bewege die Maus zum Arbeitsbereich und klicke und ziehe das Werkzeug, um eine quadratische oder rechteckige Form zu erstellen, in der sich deine Webcam während deines Streams befinden soll.
Image -
Wenn Sie die gewünschte Form haben, gehen Sie zum oberen Menü und wählen Sie Bearbeiten > Füllen.
Image -
Wählen Sie die Farbe, die das Feld haben soll, und wählen Sie OK. Wählen Sie erneut OK, um das Feld Fill zu verlassen.
Image -
Wiederholen Sie die vorherigen Schritte, erstellen Sie eine neue Ebene, erstellen Sie ein Feld für Ihr Videospielmaterial und fügen Sie eine Füllfarbe hinzu.
Image Machen Sie dasselbe für die anderen Inh alte, die Sie einrahmen möchten, z. B. eine Chatbox oder eine neue Abonnentenliste.
-
Mit jedem Feld auf einer eigenen Ebene können Sie Felder verschieben und einzeln bearbeiten, indem Sie ihre Ebene aus dem Feld Ebenen auswählen und das Verschieben-Werkzeug auswählenPfeilsymbol aus der Toolbox.
Image -
Wenn Sie alles so haben, wie Sie es möchten, gehen Sie zu Datei > Speichern, um Ihr Projekt als Photoshop (.psd) zu speichern Datei. Sie werden diese Datei verwenden, um das Projekt in Zukunft zu bearbeiten.
Image -
Gehen Sie erneut zu Datei und wählen Sie Speichern unter. Wählen Sie im Dropdown-Menü Format JPEG, geben Sie der Datei einen Namen und wählen Sie Speichern. Sie sind fertig!
Image
So fügen Sie Ihr Hintergrundbild zu OBS Studio hinzu
Fügen Sie Ihr benutzerdefiniertes Bild wie jede andere Medienquelle zu OBS Studio hinzu.
-
Klicke auf das Plus Zeichen im Quellen Fenster von OBS.
Image -
Auswahl Bild.
Image -
Stellen Sie sicher, dass die Option Ebene erstellen aktiv ist und benennen Sie die neue Ebene. „Hintergrund“ist eine gute Idee für den Ebenennamen, da er leicht erkennbar ist. Klicken Sie auf OK, um den Namen zu speichern.
Image -
Wählen Sie Durchsuchen, suchen Sie Ihr gespeichertes JPEG-Bild auf Ihrem Computer und wählen Sie dann OK.
Image - Ihr Hintergrundbild sollte jetzt in OBS Studio erscheinen. Aufgrund seiner Größe kann es andere Inh alte überdecken, stellen Sie also sicher, dass Sie es im Feld Quellen am unteren Rand des Bildschirms suchen und es an das Ende der Liste ziehen.
-
Fügen Sie weitere Medienquellen hinzu, z. B. Ihre Webcam, Videomaterial von Videospielen und Benachrichtigungen.
Stellen Sie sicher, dass diese neuen Ergänzungen über dem Hintergrund in der Liste Quellen stehen, damit sie sichtbar sind.
- Du hast jetzt ein einfaches benutzerdefiniertes Twitch-Layout! Sie können das Hintergrundbild jederzeit ändern, indem Sie Ihre gespeicherte.psd-Datei in Photoshop öffnen und bearbeiten.
Tipps zum Erstellen Ihres Twitch-Overlays
Wenn du ein besseres Gefühl für das Erstellen eines Twitch-Overlays bekommst, beachte diese Tipps:
- Wenn Sie direkt auf die Hintergrundebene zeichnen oder diese bearbeiten möchten (z. B. um ihre Farbe zu ändern), wählen Sie sie im Feld Ebenen aus.
- Wechseln Sie jederzeit zwischen allen Ebenen über das Feld Ebenen.
- Du kannst auch ein großes Bild für den Hintergrund verwenden oder das Verlaufswerkzeug für eine kreativere Option verwenden.
