How to Make a 3D Text Effect in Photoshop

Wenn Sie sich für Photoshop-Text-Effekte interessieren, zeige ich Ihnen in diesem Tutorial, wie Sie in Photoshop in wenigen Schritten einen 3D-Text erstellen können. Wir werden seine Form anpassen, die Lichtquellen einstellen, ein Material erstellen und das Ganze dann rendern. Denken Sie daran, dass Sie dafür mindestens Photoshop CC oder CS6 Extended benötigen.

(Sie möchten lieber Adobe Illustrator verwenden? Wir haben auch einen kostenlosen Kurs zur Erstellung von 3D-Text in Illustrator!)

Was Sie in diesem 3D-Text-Photoshop-Tutorial lernen werden

  • Wie man Text in Photoshop in ein 3D-Objekt verwandelt
  • Wie man 3D-Text in Photoshop erstellt

Folgen Sie uns auf unserem Envato Tuts+ YouTube-Kanal, oder scrollen Sie nach unten für das schriftliche 3D-Text-Photoshop-Tutorial.

Wollen Sie stattdessen lernen, wie Sie einen 3D-Text-Effekt in Illustrator erstellen? Besuchen Sie unseren ausführlichen Kurs zur Erstellung von 3D-Text in Adobe Illustrator. In einem einzigen Kurs lernen Sie, wie Sie acht verschiedene 3D-Texteffekte erstellen können.

  • Kostenlos

    3D-Text in Adobe Illustrator
    Mastering 3D Text in Adobe Illustrator
    Matt Withers

Oder probieren Sie unseren kostenlosen Kurs aus, in dem Daniel White Ihnen jeden Schritt zur Erstellung eines 3D-Texteffekts in Adobe Illustrator zeigt.

  • Kostenlos

    Adobe Illustrator
    Erstellen eines isometrischen 3D-Text-Effekt in Adobe Illustrator
    Daniel White

Wie man einen 3D-Text-Effekt in Photoshop erstellt

Schritt 1

Erstellen Sie eine neue Datei. Geben Sie einen Text in einer großen, fetten Schrift ein. Wenn Sie möchten, können Sie die von mir verwendete Schriftart „Streetwear“ herunterladen.

Tippen Sie den Text in Photoshop

Schritt 2

Während die Textebene ausgewählt ist, gehen Sie auf 3D >Neue 3D-Extrusion von ausgewählter Ebene.

Text in Photoshop in 3D verwandeln

Schritt 3

Ihr Text wird mit einigen Standardeinstellungen in ein 3D-Objekt verwandelt. Bevor wir beginnen, diese zu ändern, sollten wir zuerst die Szene einstellen. Klicken Sie auf den 3D-Text und gehen Sie auf die Registerkarte „Koordinaten“ im Bedienfeld „Eigenschaften“. Ändern Sie den X-Winkel auf 90 Grad.

Drehen Sie den 3D-Text nach unten

Schritt 4

Wählen Sie das erste Werkzeug in der oberen Leiste und klicken Sie irgendwo außerhalb des Objekts, um die Kamera zu bewegen. Ziehen Sie sie, bis Sie ein rot-blaues Kreuz sehen.

Die 3D-Kamera in Photoshop drehen

Schritt 5

Gehen Sie zur Registerkarte Koordinaten und passen Sie die zweite Spalte so an, dass sie nur eine 90-Grad-Drehung auf der X-Achse enthält.

Kamerakoordinaten ändern

Schritt 6

Bei Bedarf ziehen Sie das Kreuz weiter in die Mitte und platzieren den 3D-Text ebenfalls in der Mitte.

3d-Kamera zentrieren

Schritt 7

Lassen Sie uns einen Hintergrund hinzufügen, mit dem unser Objekt interagieren wird. Gehen Sie zurück zu den Ebenen und zeichnen Sie eine rechteckige Form.

add 3d background

Schritt 8

Gehen zu 3D > New Mesh von Layer > Depth Map zu > Plane.

Rechteck in Photoshop in 3D umwandeln

Schritt 9

Wählen Sie beide Ebenen aus und gehen Sie auf 3D > 3D-Ebenen zusammenführen.

3d-Ebenen zusammenführen

Schritt 10

Wählen Sie das letzte Werkzeug in der oberen Leiste und passen Sie die Größe der rechteckigen Form an, um die gesamte Szene zu füllen. Sie können die Dicke der Buchstaben anpassen, indem Sie die Form an der Z-Achse (der blaue Pfeil)

in der Z-Achse verschieben

Schritt 11

Lassen Sie uns nun die Einstellung des 3D-Textes anpassen. Gehen Sie auf die erste Registerkarte im Bedienfeld „Eigenschaften“ und klicken Sie auf „Formvorgaben“. Wählen Sie eine aus der Liste aus, denken Sie daran, dass sie alle noch angepasst werden können.

Formvorgabe ändern

Schritt 12

Um die Form anzupassen, gehen Sie auf den Reiter Kappe. Hier haben Sie Zugriff auf viele Einstellungen, um das gewünschte Ergebnis zu erzielen. Ich habe mich für eine einfache Kontur mit einer sehr dünnen Fase und einer leichten Einbuchtung entschieden.

Formvorgabeoptionen anpassen

Schritt 13

Zeit, die Lichter einzustellen! Scrollen Sie in der Liste nach unten, um Unendliches Licht zu finden. Ziehen Sie es, um einen schönen Schatten unter die Buchstaben zu werfen.

Unendliches Licht einstellen

Schritt 14

Sie können die Weichheit des Schattens und die Intensität des Lichts in der Eigenschaftenleiste ändern.

Weichheit des Schattens ändern

Schritt 15

Lassen Sie uns ein weiteres Licht hinzufügen. Klicken Sie auf die weiße Karte am unteren Rand des 3D-Panels und wählen Sie „Neues unendliches Licht“.

Neues Licht hinzufügen

Schritt 16

Schalten Sie das erste Licht kurz aus und ziehen Sie das neue Licht so, dass es hauptsächlich die Konturen der Buchstaben beleuchtet. Halten Sie auch den Schatten weich.

Neues Licht einstellen

Schritt 17

Gehen Sie nun auf den Reiter Materialien. Wählen Sie alle Materialien des Textes aus und fügen Sie ihnen einige Farben hinzu. Diffus ist die Hauptfarbe des Objekts. Specular ist die Farbe der Lichter und des Glanzes. Ambient ist die Farbe des Schattens. Halten Sie diese Farben im gleichen Farbtonbereich, um einen natürlichen Effekt zu erzielen.

diffuse Farbe hinzufügen
spiegelnde Farbe hinzufügen
add ambient color

Schritt 18

Wenn Sie alle Farben eingestellt haben, erstellen Sie ein neues Material.

Neues Material erstellen

Schritt 19

Klicken Sie auf das Rechteck in der Liste und fügen Sie das Material dazu.

Material zum Objekt hinzufügen

Schritt 20

Wenn Sie die Schatten heller machen wollen, können Sie auch etwas Umgebungslicht zur Szene hinzufügen. Suchen Sie in der 3D-Liste nach „Umgebung“ und ändern Sie „Global Ambient“ auf eine helle Farbe. Sie können auch die Intensität des Umgebungslichts erhöhen.

Globales Licht ändern

Schritt 21

Wenn Sie fertig sind, klicken Sie auf Rendern, um zu sehen, wie Ihre Szene wirklich aussieht. Es kann eine Weile dauern, bis das Rendering abgeschlossen ist, aber schon ein paar Durchläufe können Ihnen zeigen, was Sie zu erwarten haben.

Render 3d in Photoshop

Schritt 22

Wenn Sie etwas bemerken, das Sie korrigieren möchten, drücken Sie einfach Escape, um das Rendering zu stoppen, und passen Sie die Einstellungen an, die Sie ändern möchten, z. B. die Intensität des Lichts, die Richtung der Lichtquellen oder die Eigenschaften des Materials. Wiederholen Sie diesen Vorgang so lange, bis Sie mit dem Endergebnis vollkommen zufrieden sind.

3d texteffekt photoshop

3D texteffekte

So, jetzt wissen Sie, wie Sie einen grundlegenden 3D-Text-Effekt erstellen können, aber es ist immer noch eine Menge Aufwand, etwas Komplexeres zu erstellen. Wenn Sie Zeit sparen wollen, gibt es auf Envato Elements jede Menge vorgefertigte 3D-Texteffekte. Hier sind ein paar Beispiele:

Real 3D Text Mockups

Dieses Set enthält sechs einfache, aber sehr effektive Texteffekte. Sie können ganz einfach realistische Materialien zu Ihren Buchstaben hinzufügen, und der Hintergrund wird den Text schön ergänzen. Sie können auf diese Weise Text für einen Flyer oder ein Poster erstellen – fügen Sie einfach Ihren Text hinzu, ändern Sie die Schriftart und genießen Sie das Endergebnis.

Echte 3D-Text-Mockups
Echte 3D-Text-Mockups
Holztext-Effekt

Gummi 3D-Text-Effekte

Sie können auch einen einzigartigen3D-Text mit diesem Set. Es bietet drei Variationen des gleichen Effekts: schöne, weich schattierte Buchstaben, die an Gummi erinnern. Sie können bei diesem Effekt den Text, die Schriftart und sogar die Farbe ändern.

Gummi 3D Text Effekte
Gummi 3D Text Effekte
Gummi-Logo Texteffekt

Gute Arbeit!

Nun wissen Sie, wie Sie 3D-Text in Photoshop erstellen können. Wenn Sie mehr über das Erstellen von 3D-Texteffekten in vielen Stilen erfahren möchten, sollten Sie diese Tutorials ausprobieren:

  • Ebenenstile
    Wie man einen 3D-Text und ein Logo in Schwarz und Gold erstellt Mockup
    Jan Stverak
  • Text-Effekte
    So erstellen Sie einen glitzernden, Festlichen 3D-Text-Effekt in Adobe Photoshop
    Rose
  • Text-Effekte
    Wie man einen flachen, verblassten 3D-Text-Effekt in Adobe Photoshop
    Rose
  • Photoshop-Aktionen
    Wie man eine 3D-Text-Effekt-Aktion in Photoshop erstellt
    Melody Nieves
  • Text-Effekte
    Wie man einen 3D-Gold-Schichttext-Effekt in Adobe Photoshop erstellt
    Rose

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.