Share
In diesem Tutorial zeige ich Ihnen, wie Sie einen 3D-Block-Texteffekt erstellen. Sie benötigen Adobe Photoshop CS4 Extended, um dieses Tutorial zu üben. Das wird Spaß machen und ich bin sicher, dass Sie mit dieser Technik viele coole Dinge tun können. Lass uns anfangen!
Schauen Sie sich das Bild an, das wir erstellen werden.
Unser Video-Editor Gavin Steele hat dieses Video-Tutorial erstellt, um dieses Text + Bild-Tutorial zu vervollständigen.
Bevor wir beginnen, möchten Sie vielleicht die Schriftart herunterladen, die wir in diesem Tutorial verwenden werden. Eine Bitmap-Schriftart eignet sich gut für diesen Effekt. Sie können also jede beliebige Schriftart mit dem Namen Acknowledge von dafont.com herunterladen oder herunterladen.
Erstellen Sie ein neues Dokument mit einer Breite von 1000 Pixel und einer Höhe von 600 Pixel. Stellen Sie die Auflösung auf 300 Pixel / Zoll und den Farbmodus auf RGB ("Blöcke") ein. Füllen Sie die Ebene "Background" mit Farbe # 3a3a3a. Setzen Sie die Vordergrundfarbe auf Schwarz, greifen Sie zum Horizontaltyp-Werkzeug und geben Sie "PSD" ein. Stellen Sie die Schriftart auf Bestätigen ein, setzen Sie die Schriftgröße auf 120 pt und setzen Sie die Anti-Aliasing-Methode auf Keine, um raue Kanten zu erhalten.
Erstellen Sie eine neue Ebene und nennen Sie sie "Mosaik". Setzen Sie die Vordergrundfarbe auf 70% Schwarz und die Vordergrundfarbe auf 85% Schwarz. Gehen Sie zu Filter> Render> Clouds. Gehen Sie zu Filter> Pixelate> Mosaic, setzen Sie die Zellengröße auf 50 und übernehmen Sie sie.
Wählen Sie in der Ebenenpalette die Ebene "Background" aus und drücken Sie die Tastenkombination "Befehl + J", um sie zu duplizieren. Klicken Sie bei gedrückter Alt-Taste auf die Linie zwischen den Ebenen "PSD" und "Mosaic", um die Ebene "Mosaic" zu maskieren.
Wählen Sie in der Ebenenpalette alle Ebenen außer der Ebene "Hintergrund" aus. Gehen Sie zu 3D> Neues Netz aus Graustufen> Doppelseitige Ebene. Photoshop erstellt zwei symmetrische Ebenen und wendet den ausgewählten Layer bzw. die ausgewählten Layer als Tiefenkarte auf beide Ebenen an. Das bedeutet, dass unser Mosaiktext jetzt eine Tiefenkarte für die Ebene ist. Hellere Quadrate sind höher, je dunkler die Tiefen sind. Der dunkelste Bereich in unserer Tiefenkarte ist die farbige Fläche "a3a3a3", und alle Quadrate sind heller als diese Farbe, so dass keine Beulen, sondern Unebenheiten auf der Oberfläche auftreten.
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 Möglichkeiten, eine perspektivische Ansicht zu erhalten. Sie können das Objekt drehen oder die Ausrichtung der Kamera ändern. Wir entscheiden uns dafür, das Objekt dort zu belassen, wo es ist, weil dies uns später zu einer leichteren Reflexion verhelfen kann.
Holen Sie sich das 3D-Orbit-Tool und ziehen Sie die Kamera in den Orbit. Sie können auch die 3D-Ansichtsansicht verwenden, um die Kamera zu drehen. Das 3D-Orbit-Tool umkreist die Kamera in X- oder Y-Richtung. Das 3D-Rollansichtstool dreht die Kamera um die Z-Achse. Verwenden Sie diese Tools, um eine Perspektive zu erhalten, wie unten gezeigt. Nehmen Sie dann das 3D-Zoom-Werkzeug und ziehen Sie es zum Vergrößern. Verwenden Sie das 3D-Ansichts-Werkzeug, um die Kamera bei Bedarf zu verschieben.
In Photoshop gibt es verschiedene Rendering-Vorgaben. Die einzige Wiedergabemethode, die uns Schatten und Reflexionen gibt, ist die Ray Tracing-Methode. Um jedoch den gewünschten Effekt zu erzielen, werden wir Ray Tracing nicht verwenden. Also müssen wir die Reflexion mit einem Trick erstellen. Aus diesem Grund verwenden wir eine zweiseitige Ebene anstelle einer normalen Ebene.
Gehen Sie zu Fenster> 3D oder doppelklicken Sie auf das 3D-Ebenensymbol in der Ebene "Mosiac" in der Ebenenpalette. Wählen Sie Szene und markieren Sie Querschnitt. Dieser Vorgang schneidet das 3D-Modell mit der Schnittebene und zeigt den Inhalt nur auf einer Seite. Die Ebene ist senkrecht zur ausgewählten Achse. Wählen Sie die Y-Achse aus. Dadurch wird die Unterseite der zweiseitigen Ebene unsichtbar. Um die Querschnittsebene ebenfalls unsichtbar zu machen, deaktivieren Sie die Ebene im 3D-Bedienfeld.
Wenn Sie ein Netz aus einem Graustufenbild erstellen, verwendet Photoshop das Graustufenbild als Tiefenkarte. Wenn Sie in der Ebenenpalette die Ebene "Mosaik" auswählen, wird eine Mosaik-Tiefenstruktur angezeigt. Ein Doppelklick auf dieses Material öffnet die Tiefenkarte in einem neuen Dokumentfenster. Da Sie zum Erstellen des Netzes drei Ebenen ausgewählt haben, können Sie diese Ebenen im geöffneten Dokument anzeigen und bearbeiten.
Alle Änderungen werden aktualisiert, wenn Sie zum Hauptfenster "Blöcke" zurückkehren. Wenn Sie mit der Blockstruktur nicht zufrieden sind, können Sie die Mosaic Depth-Textur öffnen, zur Ebene "Mosaic" gehen und die Filter "Wolken" und "Mosaik" erneut anwenden, wie in Schritt 2 beschrieben. Die Tiefenkarte wird auch dem Modell zugewiesen als Diffus- und Deckkraftkarte. Da wir diese Texturen nicht benötigen, werden wir sie entfernen. Wählen Sie das Mosaikmaterial im 3D-Bedienfeld aus, klicken Sie auf das Symbol für das Textur-Map-Menü neben Diffuse und wählen Sie Textur entfernen. Machen Sie dasselbe für die Deckkraft.
Wählen Sie im 3D-Bedienfeld Szene aus und klicken Sie auf die Schaltfläche Rendereinstellungen, um das Dialogfeld 3D-Rendereinstellungen zu öffnen. Setzen Sie den Flächenstil auf flach, aktivieren Sie das Kontrollkästchen Linienwiedergabe aktivieren, setzen Sie die Farbe auf Schwarz, setzen Sie den Kantenstil auf Konstant und setzen Sie den Schwellenwert für die Falte auf 2, je höher dieser Schwellenwert ist, desto weniger Kanten sind sichtbar. Stellen Sie die Linienbreite auf 1 und klicken Sie auf OK. Legen Sie im 3D-Panel Anti-Alias für ein gutes Anti-Aliasing auf Best fest.
Jetzt werden wir einige Materialeinstellungen ändern. Kehren Sie im 3D-Bedienfeld zum Mosaik-Material zurück, und setzen Sie die Umgebungsfarbe auf # 880022. Setzen Sie Diffuse auf # ee8800. Setzen Sie den Glanz auf 0%. Gehen Sie im 3D-Bedienfeld zu Szene und setzen Sie die globale Umgebungsfarbe auf # 575757. Umgebungsfarbe definiert die Helligkeit der Szene, wenn alle Lichter ausgeschaltet sind.
Sie sehen drei Lichter im 3D-Panel. Dies sind die aktuellen Lichtquellen in der Szene. Jetzt werden wir die Lichter ein wenig anpassen. Alle Lichter sind unendliche Lichter. In Photoshop gibt es drei Arten von Lichtquellen. Es gibt unendliche Lichter, die wie Sonne wirken und von einer Ebene aus scheinen. Punktlichter leuchten aus allen Richtungen wie eine Glühbirne und Spotlights leuchten in einem verstellbaren Kegel.
Wählen Sie das unendliche Licht 1 und setzen Sie die Farbe auf Weiß. Wählen Sie Infinite Light 2 aus, setzen Sie die Farbe auf # 696969 und deaktivieren Sie die Option Create Shadows. Offensichtlich erzeugen derzeit keine Lichter Schatten, aber wenn dies der Fall ist, möchten wir nur ein Licht. Wählen Sie das unendliche Licht 3 aus, setzen Sie die Farbe auf Weiß und deaktivieren Sie das Kontrollkästchen Schatten erstellen, und stellen Sie den Lichttyp auf Punkt.
Das dritte Licht befindet sich unter unserer Ebene, so dass wir keinen Effekt sehen. Um das Licht leicht positionieren zu können, müssen wir unsere Ansicht ändern. Um jedoch wieder zu unserer aktuellen Ansicht zurückkehren zu können, müssen wir es speichern. Holen Sie sich eines der 3D-Kameratools wie das 3D-Orbit-Tool, klicken Sie auf die Schaltfläche Aktuelle Ansicht speichern und nennen Sie es "Cam". Öffnen Sie die Ansichtsliste und wählen Sie "Oben".
Klicken Sie unten im 3D-Bedienfeld auf die Schaltfläche zum Umschalten der Lichter, um die Lichter in der Szene anzuzeigen. Holen Sie sich das 3D-Zoom-Werkzeug und zoomen Sie heraus, bis Sie das Punktlicht sehen. Klicken Sie im 3D-Bedienfeld auf die Schaltfläche Licht ziehen und positionieren Sie das Licht wie im unteren Bild.
Besorgen Sie sich eines der Kameratools, öffnen Sie die Ansichtsliste und wählen Sie "Cam", um zur Kameraansicht zurückzukehren. Klicken Sie auf die Schaltfläche Lichter ein- / ausblenden, um die Lichter auszublenden. Stellen Sie die Intensität des Punktlichts auf 0,6. Sie können das Licht immer noch ziehen, indem Sie das Werkzeug Licht ziehen und Licht in das 3D-Bedienfeld ziehen.
Wechseln Sie zur Ebenenpalette, duplizieren Sie die Ebene "Mosaik" und nennen Sie sie "Linie". Gehen Sie zum 3D-Bedienfeld, wählen Sie die Vorgabe für die Liniendarstellung und klicken Sie auf Rendereinstellungen. Stellen Sie die Linienbreite auf 1 und klicken Sie auf OK.
Holen Sie sich das Zauberstab-Werkzeug und stellen Sie die Toleranz auf 80. Klicken Sie auf den schwarzen Bereich außerhalb des Texts, um den Text auszuwählen. Klicken Sie bei gedrückter Umschalttaste auf die Löcher der Buchstaben und auf alle geschlossenen Bereiche. Rufen Sie dann das Polygonal-Lasso-Werkzeug auf und fügen Sie der Auswahl alle nicht ausgewählten Bereiche um den Text hinzu, indem Sie die Umschalttaste drücken, bevor Sie die Auswahl treffen.
Gehen Sie zur Ebenenpalette und machen Sie die Ebene "Linie" unsichtbar. Gehen Sie zu Auswählen> Umkehren, um die Auswahl umzukehren. Jetzt ist der Text ausgewählt. Wechseln Sie zur Ebene "Mosaik" in der Ebenenpalette. Drücken Sie Befehlstaste + C, um zu kopieren, und drücken Sie Befehlstaste + V, um die Auswahl in eine neue Ebene einzufügen. Nennen Sie diese Ebene "Text". Duplizieren Sie die Ebene "Mosaik" und nennen Sie sie "Reflexion". Deaktivieren Sie die Sichtbarkeit der Ebene "Mosaik".
Stellen Sie sicher, dass die Ebene "Reflection" in der Ebenenpalette ausgewählt ist, und wechseln Sie zum 3D-Bedienfeld. Um die Reflexion zu erhalten, benötigen wir die andere Hälfte der zweiseitigen Ebene. Wählen Sie im 3D-Bedienfeld Szene aus. Klicken Sie auf die Schaltfläche Querschnitt spiegeln, um die andere Hälfte sichtbar zu machen. Wählen Sie das Mosaikmaterial in der 3D-Ebene aus und deaktivieren Sie die Option Beidseitig. Dadurch werden die hinteren Flächen unsichtbar und nur die Spiegelung bleibt erhalten.
Das einzige Problem, das wir mit dem Nachdenken haben, ist, dass es ziemlich weit weg ist. Wir müssen es an den Text anpassen, aber dies aus der Kameraansicht zu machen, wäre eine schwierige Aufgabe. Deaktivieren Sie jetzt die Ebenensichtbarkeit für die Ebene "Text" und für das "Mosaik". Dies kann seltsam aussehen. Bewegen Sie die Ebene "Reflexion" unter die Ebene "Mosaik" in der Ebenenpalette.
Holen Sie sich ein beliebiges Kameratool, und wählen Sie aus der Liste "Ansicht" die Option "Rechts" aus, und führen Sie sie für die Ebenen "Mosaik" und "Reflexion" aus. Jetzt können Sie beide Ebenen von rechts sehen und sehen, wie weit sie voneinander entfernt sind. Vergrößern Sie die Ebenen mit dem Standard-Zoom-Werkzeug in der Toolbox, rufen Sie das 3D-Schwenk-Werkzeug auf, stellen Sie sicher, dass die Ebene "Reflexion" ausgewählt ist, und ziehen Sie die Ebene nach links, während Sie die Umschalttaste wie in der Abbildung unten gedrückt halten.
Holen Sie sich jetzt ein beliebiges Kameratool, und für beide Ebenen "Mosaic" und "Reflection" kehren Sie zur Cam-Ansicht zurück. Deaktivieren Sie die Sichtbarkeit für die Ebene "Mosaic" und für "Text".
Um die Linien in der Ebene "Reflexion" zu säubern, müssen wir sie zuerst rastern. Wählen Sie die Ebene "Reflexion" in der Ebenenpalette aus, und wählen Sie 3D> Rasterisieren. Holen Sie sich das Radiergummi-Werkzeug, stellen Sie den Modus auf Bleistift, um jegliche Weichheit zu vermeiden und versehentlich Teile der Reflexion zu löschen. Reinigen Sie die Ränder der Ebene. Legen Sie die Deckkraft für die Ebene "Reflexion" auf 45% fest..
Wir erstellen jetzt den Schatten. Gehen Sie zur Ebenenpalette, aktivieren Sie die Sichtbarkeit für die Ebene "Mosaik", duplizieren Sie die Ebene "Mosaik" und nennen Sie sie "Schatten". Verschieben Sie die Ebene "Schatten" über die Ebene "Text" in der Ebenenpalette.
Gehen Sie zum 3D-Bedienfeld und wählen Sie Szene, Rendervorgabe auf Ray Traced setzen. Wählen Sie im 3D-Bedienfeld das Mosaik-Material aus und setzen Sie Ambient auf Schwarz und Diffuse auf Weiß. Wählen Sie Infinite Light 1 und setzen Sie Intensity auf 4. Schalten Sie Infinite Light 3 aus. Gehen Sie zu 3D> Rastern.
Stellen Sie den Mischmodus für die Ebene "Schatten" auf "Multiplizieren" und die Deckkraft der Ebene auf 90%. Wir haben ziemlich scharfe Blöcke, aber die Raytrace-Schatten lassen es glatt aussehen. Um diese glatten Ecken loszuwerden, benötigen wir ein wenig Hilfe von der Ebene "Linie". Wählen Sie die Ebene "Linie" aus, machen Sie sie sichtbar. Gehen Sie zu 3D> Rasterisieren und deaktivieren Sie die Ebene wieder.
Holen Sie sich das Zauberstab-Werkzeug und setzen Sie die Toleranz auf 60. Stellen Sie sicher, dass in der Ebenen-Palette die Ebene "Linie" ausgewählt ist. Vergrößern Sie den Buchstaben "P." Klicken Sie in die obere linke Zelle des Buchstabenblocks, obwohl die Ebene "Linie" nicht sichtbar ist, wird die Zelle ausgewählt. Klicken Sie dann bei gedrückter Umschalttaste auf andere aufgehellte Zellen, die keine Schatten aufweisen.
Nachdem Sie die Zellen in der oberen Reihe wie im unteren Bild ausgewählt haben, wechseln Sie zur Ebene "Schatten", setzen Sie die Vordergrundfarbe auf Weiß und füllen Sie die Auswahl mit Alt + Rücktaste. Denken Sie daran, die Auswahl auf der Ebene "Linie" zu treffen und die Auswahl auf der Ebene "Schatten" zu füllen. Da wir einen Wolkenfilter verwendet haben, der zufällig Wolken erzeugt, um die Blöcke zu bilden, würden Ihre Buchstaben wahrscheinlich nicht wie meine aussehen. Aber die Idee ist die gleiche.
Gehen Sie zurück zur Ebene "Linien". Wählen Sie mit dem Zauberstab die Zellen aus, die flach schattiert sein müssen, und füllen Sie die Auswahl mit der Farbe # 4e4e4e auf der Ebene "Schatten".
Vollständig aufgehellte und vollständig schattierte Zellen wären relativ einfach zu reparieren. Das Fixieren der Zellen mit Schatten würde etwas länger dauern. Gehen Sie erneut zur Ebene "Linien" und wählen Sie mit dem Zauberstab-Werkzeug eine Zelle mit Schatten aus. Holen Sie sich das Polygonal-Lasso-Werkzeug und wählen Sie bei gedrückter Alt-Taste den Schatten aus, der von der Auswahl abgezogen werden soll. Gehen Sie zur Ebene "Schatten" und füllen Sie die Auswahl mit Weiß.
Jetzt müssen Sie diese drei Schritte für den Rest der Zellen wiederholen, um einen scharfen Blick zu erhalten.
Machen Sie die Ebene "Mosaik" unsichtbar. Gehen Sie zur Ebene "Text" und wenden Sie mit diesen Einstellungen eine Verlaufsüberlagerung an: Mischmodus der Farbe, auf 70% eingestellte Deckkraft, auf Blau, Rot, Gelb eingestellter Verlauf, mit einem Linienstil und einem Winkel von 10 Grad.
Gehen Sie zu Ebene> Ebenenstil> Ebenenstil kopieren. Gehen Sie in der Ebenenpalette zur Ebene "Reflexion" und wählen Sie dann Ebene> Ebenenstil> Ebenenstil einfügen. Stellen Sie den Mischmodus auf "Hartes Licht" und "Deckkraft" für die Ebene "Reflexion" auf 35% ein.
Jetzt fügen wir eine leichte Textur hinzu. Laden Sie dieses schöne Foto von Flickr herunter, indem Sie hier klicken. Bringen Sie es als neue Ebene in Ihr Dokument ein und nennen Sie diese Ebene "Textur". Platzieren Sie die Ebene "Texture" über der Ebene "Text". Klicken Sie bei gedrückter Alt-Taste auf die Linie zwischen den Ebenen "Textur" und "Text", um die Textur zu maskieren. Legen Sie den Ebenenüberblendungsmodus auf Überlagerung fest.
Wir machen jetzt eine Textur für den Hintergrund. Erstellen Sie eine neue Ebene und nennen Sie sie "Bg." Setzen Sie die Vordergrundfarbe auf 85% Grau und die Hintergrundfarbe auf 90% Grau. Rufen Sie das Verlaufswerkzeug auf, setzen Sie es auf Vordergrund und dann auf Radial. Füllen Sie die Ebene wie im Bild unten.
Gehen Sie zu Filter> Künstlerisch> Filmkorn und wenden Sie alle Parameter auf 0 an. Gehen Sie auf Filter> Verzerrung> Glas und übernehmen Sie die folgenden Einstellungen: Verzerrung auf 20, Glätte auf 1, Textur auf Matt und Skalierung auf 100%.
Holen Sie sich die Ebene "Bg" über der Ebene "Background" und das war's. Ich hoffe, dass Ihnen dieses Tutorial gefallen hat und Sie mit Ihrem Ergebnis zufrieden sind!
Sie können coole Effekte erzielen, wenn Sie mit den Texturen und Parametern spielen. Sie können anstelle von durchgezogenen, diffusen Farben Texturkarten verwenden, die Werte für Glanz und Glanz anpassen und reflektierende Umgebungs-Texturkarten verwenden. Unterschiedliche Lichtarten, Farben und Winkel erzeugen unterschiedliche Effekte. Viel Spass damit!
Accentsconagua