Das Hinzufügen von 3D zu Ihrem Design kann dem Gesamtbild zusätzliche Eleganz verleihen. Diese grundlegende Technik ist einer der besten Tipps in Photoshop und ist für Anfänger beim Gestalten von Websites und Bannern sehr nützlich. Wir verwenden einige grundlegende Werkzeuge wie Ebenenüberblendungsoptionen und das Transformationswerkzeug.
Erstellen Sie zunächst ein neues Dokument mit der Größe 800 x 600.
![So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial] So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial]](/resources8/r252/image-6190-0829093911830.jpg)
Füllen Sie den Hintergrund mit einer hellen Farbe. In diesem Szenario haben wir Hellblau verwendet.
![So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial] So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial]](/resources8/r252/image-2401-0829093914382.jpg)
Erstellen Sie nun eine neue Ebene (Umschalt + Strg + N), doppelklicken Sie darauf und stellen Sie den Mischmodus auf weiches Licht ein, indem Sie einfach auf die Mischoptionen gehen.
![So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial] So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial]](/resources8/r252/image-1333-0829093915488.jpg)
Nehmen Sie als Nächstes mit dem Pinselwerkzeug einen großen, weichen, weißen Pinsel und klicken Sie einmal, wie unten gezeigt.
![So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial] So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial]](/resources8/r252/image-1063-0829093917168.jpg)
Erstellen Sie nun eine neue Ebene, nennen Sie sie „Streifen“ und füllen Sie sie mit der Farbe Dunkelgrau (#707793).
![So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial] So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial]](/resources8/r252/image-1927-0829093918305.jpg)
Öffnen Sie die Fülloptionen der neuen Ebene „Streifen“ und fügen Sie eine Verlaufsüberlagerung hinzu. Sie müssen lediglich die Deckkraft auf 15 % reduzieren.
![So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial] So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial]](/resources8/r252/image-9689-0829093919324.jpg)
Ihre Ausgabe sollte so aussehen.
![So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial] So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial]](/resources8/r252/image-3482-0829093920116.jpg)
Duplizieren Sie die Streifenebene zweimal. Benennen Sie einen unteren Streifen und den anderen oberen Streifen. Platzieren Sie sie entsprechend oben und unten auf Ihrem bereits erstellten Streifen und reduzieren Sie die Größe mit dem Transformationswerkzeug oder indem Sie einfach die Ebene auswählen und Strg + T drücken.
![So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial] So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial]](/resources8/r252/image-3071-0829093921002.jpg)
Färben Sie die oberen und unteren Streifen rot. Entfernen Sie alle hinzugefügten Effekte (Farbverlaufsüberlagerung), indem Sie auf den Pfeil rechts und dann auf das Auge vor Ihren Effekten klicken. Dadurch werden alle Mischeffekte aus der ausgewählten Ebene entfernt. Sie können sie auch entfernen, indem Sie in den Mischoptionen die Farbverlaufsüberlagerung deaktivieren.
![So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial] So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial]](/resources8/r252/image-5349-0829093921969.jpg)
Nun wenden wir einige Mischeffekte auf diese oberen und unteren Streifen an. Öffnen Sie die Mischoptionen und aktivieren Sie den inneren Schatten. Setzen Sie die Deckkraft auf 60, den Abstand auf 0, die Untergrenze auf 0 und die Größe auf 1.
![So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial] So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial]](/resources8/r252/image-6213-0829093923111.jpg)
Aktivieren Sie „Farbverlaufsüberlagerung“, stellen Sie die Deckkraft auf 20 und skalieren Sie auf 100 Prozent.
![So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial] So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial]](/resources8/r252/image-7217-0829093923831.jpg)
Reduzieren Sie abschließend die Deckkraft beider Ebenen im Ebenenbedienfeld auf 70 %.
![So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial] So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial]](/resources8/r252/image-2770-0829093925403.jpg)
Erstellen Sie eine neue Gruppe und nennen Sie sie „Streifen“. Duplizieren Sie alle Streifenebenen (oben, unten und Mitte) und platzieren Sie sie in dieser Gruppe. Drücken Sie Strg + T, um die Größe zu ändern. Wenn sich die Ebenen auf dem Transformationswerkzeug befinden, halten Sie Strg gedrückt. Sie werden feststellen, dass Sie nun die Ränder der gesamten Gruppe frei verschieben und ihnen eine 3D-Form geben können.
![So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial] So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial]](/resources8/r252/image-7671-0829093927064.jpg)
Um Ihrer neu erstellten Streifengruppe einen besseren 3D-Effekt zu verleihen, nutzen Sie die Helligkeits-/Kontrast-Optionen. Gehen Sie dazu zu Bild –> Anpassungen –> Helligkeit/Kontrast und nehmen Sie die folgenden Anpassungen vor. Dadurch erhalten Sie eine bessere Lichtquelle und einen einheitlichen 3D-Look.
![So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial] So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial]](/resources8/r252/image-6775-0829093927439.jpg)
Schließlich sollte Ihr Arbeitsbereich so aussehen.
![So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial] So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial]](/resources8/r252/image-8643-0829093929303.jpg)
Mit dem Textwerkzeug und den Mischoptionen kann es noch weiter verbessert werden.
![So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial] So erstellen Sie einen 3D-Streifeneffekt in Photoshop [Tutorial]](/resources8/r252/image-9301-0829093930285.jpg)