Wie man 3D-Textblöcke in Photoshop erstellen kann

German (Deutsch) translation by Federicco Ancie (you can also view the original English article)

In diesem Tutorial zeige ich Ihnen, wie Sie einen 3D-Block-Texteffekt erstellen. Sie benötigen Adobe Photoshop CS4 Extended, um dieses Lernprogramm zu üben. Das wird Spaß machen und ich bin sicher, dass Sie mit dieser Technik viele coole Dinge machen können. Lass uns anfangen!

Vorschau des endgültigen Bildes

Schauen Sie sich das Bild an, das wir erstellen werden.

Videoanleitung

Unser Video-Editor Gavin Steele hat dieses Video-Tutorial erstellt, um dieses Text + Bild-Tutorial zu ergänzen.

Schritt 1

Bevor wir beginnen, möchten Sie möglicherweise die Schriftart herunterladen, die wir in diesem Tutorial verwenden. Eine Bitmap-Schriftart passt gut zu diesem Effekt, sodass Sie eine beliebige Schriftart verwenden oder die von mir verwendete Schriftart mit dem Namen Acknowledge von dafont.com herunterladen können.

Erstellen Sie ein neues Dokument mit einer Breite von 1000 Pixel und einer Höhe von 600 Pixel. Stellen Sie die Auflösung auf 300 Pixel / Zoll und den Farbmodus auf RGB mit dem Namen "Blocks" ein. Füllen Sie die Ebene "Hintergrund" mit der Farbe #3a3a3a. Stellen Sie die Vordergrundfarbe auf Schwarz ein, greifen Sie zum horizontalen Textwerkzeug und geben Sie "PSD" ein. Stellen Sie die Schriftart auf Bestätigen, die Schriftgröße auf 120 pt und die Anti-Aliasing-Methode auf Keine ein, um raue Kanten zu erzielen.

Schritt 2

Erstellen Sie eine neue Ebene und nennen Sie sie "Mosaic". Stellen Sie die Vordergrundfarbe auf 70% Schwarz und die Vordergrundfarbe auf 85% Schwarz ein. Gehen Sie zu Filter > Rendern > Wolken. Gehen Sie zu Filter > Pixelate > Mosaic, stellen Sie die Zellengröße auf 50 ein und wenden Sie sie an.

Schritt 3

Wählen Sie die Ebene "Background" in der Ebenenpalette aus und drücken Sie Befehlstaste + J, um sie zu duplizieren. Klicken Sie nun bei gedrückter Alt-Taste auf die Linie zwischen den Ebenen "PSD" und "Mosaic", um die Ebene "Mosaic" zu maskieren.

Schritt 4

Wählen Sie in der Ebenenpalette alle Ebenen außer der Ebene "Background" aus. Gehen Sie zu 3D > Neues Netz aus Graustufen > Zweiseitige Ebene. Photoshop erstellt zwei symmetrische Ebenen und wendet die ausgewählte Ebene oder Ebenen als Tiefenkarte auf beide Ebenen an. Das heißt, unser Mosaiktext ist jetzt eine Tiefenkarte für die Ebene. Hellere Quadrate sind höher, während dunklere tiefer sind. Der dunkelste Bereich in unserer Tiefenkarte ist die farbige Oberfläche "a3a3a3". Alle Quadrate sind heller als diese Farbe, sodass keine Beulen, sondern Unebenheiten auf der Oberfläche auftreten.

Schritt 5

Jetzt haben wir ein 3D-Objekt und betrachten es von vorne. Eigentlich betrachten wir es durch die Kamera, aber die Kamera befindet sich vor dem 3D-Objekt. Sie haben zwei Möglichkeiten, um einen perspektivischen Look zu erhalten. Sie können das Objekt drehen oder die Ausrichtung der Kamera ändern. Wir werden das Objekt dort belassen, wo es ist, da dies uns später hilft, die Reflexion einfach durchzuführen.

Holen Sie sich das 3D-Orbit-Tool und ziehen Sie, um die Kamera zu umkreisen. Sie können die Kamera auch mit dem 3D-Rollansicht-Werkzeug drehen. Das 3D-Orbit-Tool umkreist die Kamera in X- oder Y-Richtung. Das 3D-Rollansicht-Werkzeug dreht die Kamera um die Z-Achse. Versuchen Sie mit diesen Werkzeugen, eine Perspektive wie unten gezeigt zu erreichen. Nehmen Sie dann das 3D-Zoom-Werkzeug und ziehen Sie es, um es zu vergrößern. Bewegen Sie die Kamera bei Bedarf mit dem 3D-Schwenkansicht-Werkzeug.

Schritt 6

In Photoshop gibt es verschiedene Rendering-Voreinstellungen. Die einzige Rendering-Methode, die Schatten und Reflexionen erzeugt, ist die Ray-Tracing-Methode. Aber um den gewünschten Effekt zu erzielen, werden wir Ray Tracing nicht verwenden. Also müssen wir die Reflexion mit einem Trick erzeugen. Aus diesem Grund verwenden wir eine zweiseitige Ebene anstelle einer regulären.

Schritt 7

Gehen Sie zu Fenster > 3D oder doppelklicken Sie auf das 3D-Ebenensymbol in der Ebene "Mosiac" in der Ebenenpalette. Wählen Sie Szene und aktivieren Sie Querschnitt. Diese Operation schneidet das 3D-Modell mit der Querschnittsebene und zeigt den Inhalt nur auf einer Seite an. Die Ebene ist senkrecht zur ausgewählten Achse. Wählen Sie die Y-Achse. Dadurch wird die Unterseite der zweiseitigen Ebene unsichtbar. Deaktivieren Sie die Ebene im 3D-Bedienfeld, um die Querschnittsebene ebenfalls unsichtbar zu machen.

Schritt 8

Wenn Sie ein Netz aus einem Graustufenbild erstellen, verwendet Photoshop das Graustufenbild als Tiefenkarte. Wenn Sie in der Ebenenpalette die Ebene "Mosaic" auswählen, sehen Sie eine Mosaik-Tiefenstruktur. Durch Doppelklicken auf dieses Material wird die Tiefenkarte in einem neuen Dokumentfenster geöffnet. Da Sie drei Ebenen zum Erstellen des Netzes ausgewählt haben, können Sie diese Ebene im geöffneten Dokument anzeigen und bearbeiten.

Alle Änderungen werden aktualisiert, wenn Sie zum Hauptdokumentfenster "Blocks" zurückkehren. Wenn Sie mit der Blockstruktur nicht zufrieden sind, können Sie die Textur "Mosaik-Tiefe" öffnen, zur Ebene "Mosaic" wechseln und die Filter "Wolken" und "Mosaic" erneut anwenden, wie in Schritt 2 beschrieben. Die Tiefenkarte wird auch dem Modell zugewiesen als diffuse und Deckkraftkarte. Da wir diese Texturen nicht benötigen, werden wir sie entfernen. Wählen Sie das Mosaikmaterial im 3D-Bedienfeld aus, klicken Sie auf das Symbol für das Texture Map-Menü neben Diffuse und wählen Sie Texture entfernen. Machen Sie dasselbe für die Deckkraft.

Schritt 9

Wählen Sie im 3D-Bedienfeld Szene aus und klicken Sie auf die Schaltfläche Rendereinstellungen, um das Dialogfeld 3D-Rendereinstellungen aufzurufen. Setzen Sie den Gesichtsstil auf Flach, aktivieren Sie das Kontrollkästchen Linienwiedergabe aktivieren, setzen Sie die Farbe auf Schwarz, setzen Sie den Kantenstil auf Konstant und setzen Sie den Knickschwellenwert auf 2, je höher dieser Schwellenwert ist, desto weniger sichtbare Kanten sind. Stellen Sie die Linienbreite auf 1 und drücken Sie OK. Stellen Sie im 3D-Bedienfeld Anti-Alias für ein gutes Anti-Aliasing auf Best ein.

Schritt 10

Jetzt werden wir einige Materialeinstellungen ändern. Kehren Sie im 3D-Bedienfeld zum Mosaikmaterial zurück und stellen Sie die Umgebungsfarbe auf #880022 ein. Setzen Sie Diffuse auf #ee8800. Stellen Sie den Glanz auf 0% ein. Gehen Sie im 3D-Bedienfeld zur Szene und setzen Sie die globale Umgebungsfarbe auf #575757. Umgebungsfarbe definiert die Helligkeit der Szene, wenn alle Lichter ausgeschaltet sind.

Schritt 11

Im 3D-Bedienfeld werden drei Lichter angezeigt. Dies sind die aktuellen Lichtquellen in der Szene. Jetzt werden wir die Lichter ein wenig optimieren. Alle Lichter sind unendliche Lichter. In Photoshop gibt es drei Arten von Lichtern. Es gibt unendliche Lichter, die wie Sonne wirken und aus einer Richtungsebene scheinen. Punktlichter leuchten wie eine Glühbirne aus allen Richtungen und Scheinwerfer leuchten in einem verstellbaren Kegel.

Wählen Sie das unendliche Licht 1 und stellen Sie die Farbe auf Weiß ein. Wählen Sie Infinite Light 2, stellen Sie die Farbe auf #696969 ein und deaktivieren Sie Create Shadows. Natürlich erzeugen im Moment keine Lichter Schatten, aber wenn sie es tun, wollen wir nur ein Licht. Wählen Sie das unendliche Licht 3 aus, stellen Sie die Farbe auf Weiß ein und deaktivieren Sie Schatten erstellen und setzen Sie den Lichttyp auf Punkt.

Schritt 12

Das dritte Licht befindet sich unter unserer Ebene, sodass wir keinen Effekt sehen. Um das Licht leicht zu positionieren, müssen wir unsere Ansicht ändern, aber zuerst müssen wir es speichern, um zu unserer aktuellen Ansicht zurückkehren zu können. Holen Sie sich eines der 3D-Kamera-Tools wie das 3D-Orbit-Tool, klicken Sie auf die Schaltfläche Aktuelle Ansicht speichern und nennen Sie es "Cam". Öffnen Sie die Ansichtsliste und wählen Sie "Top".

Schritt 13

Klicken Sie unten im 3D-Bedienfeld auf die Schaltfläche Lichter umschalten, um die Lichter in der Szene anzuzeigen. Holen Sie sich das 3D-Zoom-Werkzeug und verkleinern Sie es, bis Sie das Punktlicht sehen. Klicken Sie im 3D-Bedienfeld auf die Schaltfläche Licht ziehen und positionieren Sie das Licht wie im folgenden Bild.

Holen Sie sich eines der Kamera-Tools, öffnen Sie die Ansichtsliste und wählen Sie "Cam", um zur Kameraansicht zurückzukehren. Klicken Sie auf die Schaltfläche Lichter umschalten, um die Lichter auszublenden. Stellen Sie die Intensität des Punktlichts auf 0,6 ein. Sie können das Licht weiterhin mit den Werkzeugen "Licht ziehen" und "Licht verschieben" im 3D-Bedienfeld ziehen.

Schritt 14

Gehen Sie zur Ebenenpalette, duplizieren Sie die Ebene "Mosaic" und nennen Sie sie "Line". Gehen Sie zum 3D-Bedienfeld, wählen Sie die Voreinstellung Linienillustration und klicken Sie auf Rendereinstellungen. Stellen Sie die Linienbreite auf 1 und drücken Sie OK.

Holen Sie sich das Zauberstab-Werkzeug und stellen Sie die Toleranz auf 80 ein. Klicken Sie auf den schwarzen Bereich außerhalb des Textes, um den Text auszuwählen. Klicken Sie bei gedrückter Umschalttaste auf die Löcher der Buchstaben und alle geschlossenen Bereiche. Holen Sie sich dann das Polygonale Lasso-Werkzeug und fügen Sie der Auswahl alle nicht ausgewählten Bereiche um den Text hinzu, indem Sie die Umschalttaste drücken, bevor Sie die Auswahl treffen.

Schritt 15

Gehen Sie zur Ebenenpalette und machen Sie die Ebene "Line" unsichtbar. Gehen Sie zu Auswählen > Umkehren, um die Auswahl umzukehren. Jetzt wird der Text ausgewählt. Wechseln Sie in der Ebenenpalette zur Ebene "Mosaic". Drücken Sie Befehlstaste + C, um zu kopieren, und drücken Sie Befehlstaste + V, um die Auswahl in eine neue Ebene einzufügen. Nennen Sie diese Ebene "Text". Dupliziere die Ebene "Mosaic" und nenne sie "Reflection". Deaktivieren Sie die Sichtbarkeit der Ebene "Mosaic".

Schritt 16

Stellen Sie sicher, dass die Ebene "Reflection" in der Ebenenpalette ausgewählt ist, und wechseln Sie zum 3D-Bedienfeld. Um die Reflexion zu erhalten, benötigen wir die andere Hälfte der zweiseitigen Ebene. Wählen Sie im 3D-Bedienfeld Szene aus. Klicken Sie auf die Schaltfläche Querschnitt spiegeln, um die andere Hälfte sichtbar zu machen. Wählen Sie das Mosaikmaterial in der 3D-Ebene aus und deaktivieren Sie Zweiseitig. Dadurch werden die Rückseiten unsichtbar und nur die Reflexion bleibt übrig.

Schritt 17

Das einzige Problem, das wir mit der Reflexion haben, ist, dass es ziemlich weit weg ist. Wir müssen es an den Text anpassen, aber dies aus der Kameraansicht heraus zu machen, wäre eine schwierige Aufgabe. Schalten Sie nun die Sichtbarkeit der Ebene für die Ebene "Text" aus und für das "Mosaic" ein. Dies kann seltsam aussehen. Verschieben Sie die Ebene "Reflection" unter die Ebene "Mosaic" in der Ebenenpalette.

Holen Sie sich nun ein beliebiges Kamera-Tool und wählen Sie in der Liste "Ansicht" die Option "Rechts" und führen Sie dies für die Ebenen "Mosaic" und "Reflection" aus. Jetzt können Sie beide Ebenen aus der rechten Ansicht sehen und sehen, wie weit sie voneinander entfernt sind. Zoomen Sie mit dem Standard-Zoom-Werkzeug in der Toolbox in die Ebenen, rufen Sie das 3D-Schwenk-Werkzeug auf, stellen Sie sicher, dass die Ebene "Reflection" ausgewählt ist, und ziehen Sie die Ebene links, während Sie die Umschalttaste wie im Bild unten nach rechts gedrückt halten .

Schritt 18

Holen Sie sich jetzt wieder ein Kamera-Tool und kehren Sie für die Ebenen "Mosaic" und "Reflection" zur Cam-Ansicht zurück. Schalten Sie die Sichtbarkeit für die Ebene "Mosaic" aus und für "Text" ein.

Um die Linien in der Ebene "Reflection" zu bereinigen, müssen wir sie zuerst rastern. Wählen Sie die Ebene "Reflection" in der Ebenenpalette aus und gehen Sie zu 3D > Rasterize. Holen Sie sich das Radiergummi-Werkzeug, stellen Sie den Modus auf Bleistift ein, um Weichheit zu vermeiden, und löschen Sie versehentlich Teile der Reflexion. Reinigen Sie die Kanten der Ebene. Stellen Sie die Deckkraft der Ebene für die Ebene "Reflection" auf 45% ein.

Schritt 19

Wir werden jetzt den Schatten erstellen. Gehen Sie zur Ebenenpalette, aktivieren Sie die Sichtbarkeit für die Ebene "Mosaic", duplizieren Sie die Ebene "Mosaic" und nennen Sie sie "Shadow". Verschieben Sie die Ebene "Shadow" über die Ebene "Text" in der Ebenenpalette.

Gehen Sie zum 3D-Bedienfeld und wählen Sie Szene, Rendering-Voreinstellung auf Ray Traced setzen. Wählen Sie das Mosaikmaterial im 3D-Bedienfeld aus und stellen Sie Ambient auf Schwarz und Diffuse auf Weiß ein. Wählen Sie Unendliches Licht 1 und stellen Sie die Intensität auf 4. Schalten Sie Unendliches Licht 3 aus. Gehen Sie zu 3D > Rasterisieren.

Schritt 20

Stellen Sie den Mischmodus für die Ebene "Shadow" auf "Multiplizieren" und stellen Sie die Deckkraft der Ebene auf 90% ein. Wir haben ziemlich scharfe Blöcke, aber die strahlverfolgten Schatten lassen es glatt aussehen. Um diese glatten Ecken loszuwerden, benötigen wir ein wenig Hilfe von der Ebene "Line". Wählen Sie die Ebene "Line" aus, machen Sie sie sichtbar, gehen Sie zu 3D > Rastern und schalten Sie die Ebene wieder aus.

Schritt 21

Holen Sie sich das Zauberstab-Werkzeug und stellen Sie die Toleranz auf 60 ein. Stellen Sie sicher, dass die Ebene "Line" in der Ebenenpalette ausgewählt ist. Vergrößern Sie den Buchstaben "P." Klicken Sie in die obere linke Zelle des Buchstabenblocks, obwohl die Ebene "Line" unsichtbar ist, wird die Zelle ausgewählt. Klicken Sie dann bei gedrückter Umschalttaste auf andere Zellen, die hell sind und keine Schatten aufweisen.

Nachdem Sie die Zellen in der oberen Reihe wie im folgenden Bild ausgewählt haben, wechseln Sie zur Ebene "Shadow", setzen Sie die Vordergrundfarbe auf Weiß und füllen Sie die Auswahl mit Alt + Rücktaste. Denken Sie daran, die Auswahl auf der Ebene "Line" zu treffen und die Auswahl auf der Ebene "Shadow" zu füllen. Da wir einen Wolkenfilter verwendet haben, der zufällig Wolken erzeugt, um die Blöcke zu erstellen, würden Ihre Buchstaben wahrscheinlich nicht wie meine aussehen. Aber die Idee ist dieselbe.

Schritt 22

Gehen Sie zurück zur Ebene "Lines". Wählen Sie mit dem Zauberstab die Zellen aus, die flach schattiert werden müssen, und füllen Sie die Auswahl mit der Farbe #4e4e4e auf der Ebene "Shadow".

Schritt 23

Vollständig aufgehellte und vollständig schattierte Zellen wären recht einfach zu reparieren. Das Reparieren der Zellen mit Schatten würde etwas länger dauern. Gehen Sie erneut zur Ebene "Lines" und wählen Sie mit dem Zauberstab eine Zelle mit Schatten aus. Holen Sie sich das Polygonale Lasso-Werkzeug und wählen Sie bei gedrückter Alt-Taste den Schatten aus, der von der Auswahl subtrahiert werden soll. Gehen Sie zur Ebene "Shadow" und füllen Sie die Auswahl mit Weiß.

Schritt 24

Jetzt müssen Sie diese drei Schritte für den Rest der Zellen wiederholen, um einen scharfen Blick zu erhalten.

Schritt 25

Machen Sie die Ebene "Mosaic" unsichtbar. Gehen Sie zur Ebene "Text" und wenden Sie eine Verlaufsüberlagerung mit den folgenden Einstellungen an: Mischmodus der Farbe, Deckkraft auf 70% eingestellt, Verlauf auf Blau, Rot, Gelb eingestellt, mit einem linearen Stil und einem Winkel von 10 Grad.

Gehen Sie zu Ebene > Ebenenstil > Ebenenstil kopieren. Gehen Sie in der Ebenenpalette zur Ebene "Reflection" und dann zu Ebene > Ebenenstil > Ebenenstil einfügen. Stellen Sie den Mischmodus für die Ebene "Reflection" auf "Hartes Licht" und "Deckkraft" auf 35% ein.

Schritt 26

Jetzt fügen wir eine leichte Textur hinzu. Laden Sie dieses schöne Foto von Flickr herunter, indem Sie hier klicken. Bringen Sie es als neue Ebene in Ihr Dokument ein und nennen Sie diese Ebene "Texture". Platzieren Sie die Ebene "Texture" über der Ebene "Text". Klicken Sie bei gedrückter Alt-Taste auf die Linie zwischen den Ebenen "Texture" und "Text", um die Textur zu maskieren. Stellen Sie den Ebenenüberblendungsmodus auf Überlagern.

Schritt 27

Wir werden jetzt eine Textur für den Hintergrund erstellen. Erstellen Sie eine neue Ebene darüber und nennen Sie sie "Bg". Stellen Sie die Vordergrundfarbe auf 85% Grau und die Hintergrundfarbe auf 90% Grau ein. Holen Sie sich das Verlaufswerkzeug, stellen Sie es auf Vordergrund auf Hintergrund und auf Radial ein. Füllen Sie die Ebene wie im folgenden Bild.

Gehen Sie zu Filter > Artistic > Film Grain und wenden Sie alle Parameter auf 0 an. Gehen Sie zu Filter > Distort > Glass und wenden Sie diese Einstellungen an: Distortion auf 20, Smoothness auf 1, Texture auf Frosted und Scaling auf 100%.

Abschluss

Holen Sie sich die Ebene "Bg" über die Ebene "Background" und fertig. Ich hoffe, Ihnen hat dieses Tutorial gefallen und Sie sind mit Ihrem Ergebnis zufrieden!

Weitere Vorschläge

Sie können coole Effekte erzielen, indem Sie mit den Texturen und Parametern spielen. Sie können Texturkarten anstelle von diffusen Volltonfarben verwenden, die Werte für Glanz und Glanz optimieren und reflektierende Umgebungstexturkarten verwenden. Unterschiedliche Lichtarten, Farben und Winkel erzeugen unterschiedliche Effekte. Viel Spass damit!