Share
Was Sie erstellen werdenIn diesem Lernprogramm erfahren Sie, wie Sie einen realistisch aussehenden 3D-Texteffekt erstellen, ohne 3D-Software zu verwenden. Ich verwende speziell Adobe Photoshop, aber Sie sollten dies in Ihrer bevorzugten 3D-Software Ihrer Wahl tun können. Wir beginnen mit dem Erstellen eines einzelnen Blocks und beginnen mit einer Reihe von Techniken ein Wort zu erstellen. Wir beenden das Wort, indem wir benutzerdefinierte Beleuchtung und Schatten hinzufügen. Lass uns anfangen!
Ein ... kreieren Neu Dokument mit den Leinwandmaßen von 1000px durch 1000px.
Gehe zu Ansicht> Anzeigen> Raster. Dies hilft später, unsere Formen auszurichten.
Wähle aus Rechteckwerkzeug und ändern Sie mithilfe der obersten Menüelemente die Option Füllen zu grau. Zeichnen Sie nun ein Rechteck auf der Leinwand. Nennen Sie diese Ebene "Front"..
Verwenden Sie die Direktauswahlwerkzeug Wählen Sie die beiden äußersten linken Endpunkte aus und ziehen Sie sie nach unten, um eine Parallelogrammform zu erstellen. Möglicherweise werden Sie gefragt, ob Sie dies in einen regulären Pfad konvertieren möchten. Klicken Ja.
Die Form erscheint etwas groß. Verwenden Sie als optionalen Schritt weiterhin die Direktauswahlwerkzeug um die Form anzupassen.
Erstellen Sie eine Kopie der Ebene "Front" und verwenden Sie die Direktauswahlwerkzeug um die zwei Punkte ganz rechts auszuwählen. Ziehen Sie die Punkte nach links, um die Seite unseres Blocks festzulegen. Nennen Sie diese Ebene "Seite"..
Wenn die Ebene "Front" ausgewählt ist, Control-Drag eine Kopie dieser Schicht in Richtung der Rückseite unseres Blocks.
Machen Sie dasselbe mit der "Side" -Schicht. Wir sollten jetzt vier Seiten für unseren Block haben.
Um unsere Ebenen zu bereinigen, wählen Sie die beiden Ebenenkopien aus, die die Rückseite unseres Blocks bilden Verschmelzen zusammen (Kontrolle-E). Benennen Sie diese Ebene in "Oben" um und platzieren Sie sie unten in unserem Ebenenstapel.
Wählen Sie die Ebene "Front" und fügen Sie eine hinzu Verlaufsüberlagerung Ebenenstil.
Füge hinzu ein Farbüberlagerungsebenenstil auf die "Side" -Schicht. Verwenden Sie die unten gezeigte Farbe.
Zum Schluss fügen Sie ein Verlaufsüberlagerung auf die Ebene "Top". Verwenden Sie die Farben wie gezeigt.
Verwenden Sie auf einer neuen Ebene die Ellipse-Werkzeug eine Ellipse mit hellgrauer Füllung erstellen
Drücken Sie Control-T ermöglichen Verwandeln Modus und verwenden Sie die Pfeil nach unten Taste, um die Position der Ellipse nach unten zu verschieben 2px. Drücken Sie Rückkehr die Transformation begehen.
Drücken Steuerung-Alt-Umschalttaste-T wird nun die Ebene duplizieren und die Transformation wiederholen. Drücken Sie diese Taste so oft, bis der Stift die richtige Tiefe hat.
In dem Schichten Wählen Sie im Bedienfeld alle Ebenen aus, die wir gerade erstellt haben, mit Ausnahme der obersten. Zusammenführen (Control-E) Sie zusammen.
Bewegen Sie anschließend die zusammengefügten Ebenen unter die obere Ellipse. Füge hinzu ein Verlaufsüberlagerungsebenenstil Licht imitieren, das von der rechten Seite unserer Szene kommt.
Im Moment scheint der Stift harte Kanten zu haben. Damit die Kanten gerundet erscheinen, wählen Sie die obere Ellipsenebene und Transformieren (Steuerung-T) etwas, um die Größe zu reduzieren.
Als nächstes benutzen Sie die Werkzeug verwischen die beiden Ränder, die den Wirbel bilden, zu verwischen.
Der nächste Schritt besteht darin, die Illusion einer subtilen Reflexion vom Zapfen zu erzeugen. Beginnen Sie mit der Auswahl der zwei Ebenen, aus denen der Stift besteht, und drücken Sie Steuerung-G zu Gruppe.
Machen Sie eine Kopie der Gruppe und drücken Sie Control-E zu Verschmelzen die Gruppe in eine einzige Schicht.
Bewegen Sie die Kopie des Stifts nach unten, so dass sie unter dem ursprünglichen Stift sichtbar ist Pegel (Control-L) um es dunkler erscheinen zu lassen.
Gehen Sie als Nächstes zu Filter> Unschärfe> Bewegungsunschärfe. Stellen Sie das ein Radius zu 90 Grad und das Entfernung zu 38px.
Stellen Sie das ein Mischmodus zu Hartes Licht. Fügen Sie optional einen Schritt hinzu Gaußscher Weichzeichner (Filter> Weichzeichner> Gaußscher Weichzeichner) mit einer Radius von 4,6px die Reflexion weiter abschwächen.
Als nächstes fügen Sie eine Inner Shadow Layer Style zum"Peg" -Gruppe.
Zuletzt gruppieren Sie alle Ebenen, aus denen der Stift besteht. Legen Sie vier Kopien des Stifts um die Oberseite des Blocks. Größe ändern (Kontrolle-T) wenn erforderlich.
Wir werden jetzt daran arbeiten, die Kanten zu erweichen. Wählen Sie alle Ebenen aus, aus denen sich Block und zusammensetzen Zusammenführen (Control-E) Sie zusammen. Rechtsklick die Ebene und wählen Sie Rastern.
Klicken Sie bei ausgewählter Blockebene auf die Schaltfläche Transparente Pixel sperren Symbol.
Verwendung der Werkzeug verwischen, stellen Sie das ein Stärke zu 100% und verwischen Sie die drei inneren Kanten unseres Blocks.
Der Rand sieht weicher aus, muss aber noch etwas mehr Arbeit haben. Erstellen Sie eine neue Ebene und legen Sie eine Ebene für die Ebene "Block" fest. Verwenden Sie die Pinselwerkzeug (B) mit einer hellgrauen Farbe und ziehen Sie eine Linie über die drei inneren Kanten.
Wende an Gaußscher Weichzeichner filtern mit einem Radius von 7.0px. Dadurch werden die Kanten etwas hervorgehoben.
Wählen Sie anschließend die Ebene "Block" und deaktivieren Sie die Option Transparente Pixel sperren Symbol. Verwenden Sie die Radiergummi-Werkzeug (E) die fünf sichtbaren Ecken des Blocks löschen, um abgerundete Ecken zu erzeugen.
Wählen Sie zuletzt alle Ebenen aus, aus denen der Block und die Stifte bestehen. Rechtsklick und wählen Sie In intelligentes Objekt konvertieren.
An diesem Punkt müssen wir entscheiden, welches Wort wir bauen wollen. Nachdem ein Wort ausgewählt wurde, ist es hilfreich, ein 2D-Modell zu erstellen. Das Bild unten zeigt ein Modell des Wortes "create", das nur mit Pixeln gezeichnet wird. Jedes Pixel steht für einen Block.
Um mit dem Erstellen des Wortes zu beginnen, erstellen Sie eine Neu Dokument mit den Abmessungen von 3300px durch 2550px
Gehen Sie zurück zu unserem Originaldokument, ziehen Sie das Smart-Objekt in das neue Dokument und ändern Sie dessen Größe mit Transformieren (Steuerung-T).
Wir werden jetzt Kopien des Blocks erstellen. Stellen Sie zunächst sicher, dass Werkzeug bewegen (V) ist ausgewählt. Untersuche dann den Block Alt-Klick-Ziehen eine Kopie machen.
Positionieren Sie die Kopie neben dem ursprünglichen Block.
Sehen Sie sich unser 2D-Modell an und zählen Sie die Anzahl der Pixel in den Buchstaben. In diesem Beispiel gibt es neun Pixel. Ziehen Sie weitere Kopien des Blocks heraus, bis wir neun Blöcke in einer Reihe haben.
Wählen Sie alle Ebenen und Alt-Klick-Ziehen eine Kopie der gesamten Reihe aus. Positionieren Sie diese neue Blockreihe direkt über der ursprünglichen Zeile.
Sehen Sie sich das 2D-Mockup an, um zu sehen, wie viele Pixel unsere Buchstaben sind (in diesem Fall ist es 13 Pixel hoch). Bauen Sie die Blockreihen weiter auf, bis Sie 13 Reihen haben.
Hinweis: Halten Verschiebung beschränkt die Bewegung der Blöcke zur Y-Achse (vertikale Linie).
Bewegen Sie den gesamten Stapel auf die rechte Seite der Leinwand, damit Sie nach links arbeiten können.
Zurückhalten Steuerung, Zeichne eine Auswahl um den Stapel von Blöcken. Alle Layer innerhalb der Auswahl sind jetzt ausgewählt.
Alt-Klick-Ziehen eine Kopie des Stapels aus. Positionieren Sie es links vom Originalstapel.
Erstellen Sie weiterhin genügend Kopien für jeden Buchstaben unseres Wortes. Da das Wort "create" sechs Buchstaben hat, würde ich normalerweise sechs Kopien der Stapel erstellen. Da der Buchstabe "e" jedoch zweimal erscheint, erstelle ich nur fünf Stapel und mache eine Kopie des Buchstabens "e", wenn der Zeitpunkt gekommen ist.
Der nächste Schritt ist, die Buchstaben zu formen. Beginnen Sie bei Bedarf mit dem 2D-Mockup, und löschen Sie die nicht benötigten Blöcke. Dies kann durch gemacht werden Control-Clicking einen beliebigen Block auswählen und drücken Löschen.
Mehrere Blöcke gleichzeitig auswählen, Control-Click den ersten Block, dann halten Sie gedrückt Shift-Control während Sie auf zusätzliche Blöcke klicken.
Wiederholen Sie diesen Schritt für jeden Buchstaben. Hinweis: Wenn Sie zum Buchstaben "t" gelangen, stellen Sie möglicherweise fest, dass der Block nicht ausreicht. Keine Sorge; Wir werden das "t" später korrigieren.
Um eine Kopie des Buchstabens "e" zu erstellen, halten Sie gedrückt Steuerung und zeichnen Sie eine Auswahl um den Buchstaben.
Alt-Klick-Ziehen Eine Kopie des Briefes herausnehmen und wie gezeigt positionieren. Als optionalen Schritt drücken Sie Control-Shift- [. Dadurch werden die ausgewählten Ebenen an den unteren Rand des Ebenenstapels verschoben, sodass sie sich hinter den anderen Ebenen befinden.
Um den Buchstaben "t" zu beenden, halten Sie gedrückt Steuerung und zeichnen Sie eine Auswahl um den oberen Rand des "t" und seiner Querstange.
Bewegen Sie die ausgewählten Ebenen nach oben und aus dem Weg.
Nächster, Control-Click die oberen drei Blöcke des verbleibenden "t", während Sie gedrückt halten Verschiebung um sie auszuwählen
Alt-Klick-Ziehen eine Kopie der drei Blöcke heraus. Platzieren Sie diese auf den vorhandenen Blöcken
Wählen Sie die Blöcke aus, die den oberen Teil des "t" ausmachen, und legen Sie sie wieder auf den unteren Teil.
Um die Buchstaben zu beenden, wählen Sie die einzelnen Buchstaben einzeln aus und lassen Sie sie leer, um die nächsten Schritte vorzubereiten. Es kann hilfreich sein, eine temporäre Linie zu zeichnen, um die Buchstaben auszurichten.
Wir werden unseren Text so gestalten, dass er drei Schichten dick ist. Bevor wir jedoch Layer kopieren, müssen wir einen Weg finden, um die einzelnen Textzeilen zu identifizieren. Wir können dies tun, indem wir jeder Zeile Farben zuweisen.
Zum Starten halten Steuerung und zeichnen Sie eine Auswahl um den gesamten Text. In dem Schichten Panel, Rechtsklick auf einer beliebigen Ebene und weisen Sie ihm eine Farbe zu. Die Farbe wird nun allen ausgewählten Ebenen zugewiesen.
Alt-Klick-Ziehen eine Kopie des Textes aus. Positionieren Sie diese neue Textzeile wie gezeigt. Deaktivieren Sie diese Ebenen nicht.
Gehen Sie mit den noch ausgewählten Ebenen zum Schichten und weisen Sie der zweiten Reihe eine andere Farbe zu.
Wiederholen Sie diesen Vorgang für die dritte Textzeile. Stellen Sie sicher, dass Sie eine andere Farbe für die Ebenen auswählen.
Wenn Sie drei Reihen von Blöcken haben, gehen Sie jeden Buchstaben durch und positionieren Sie ihn, um den Abstand zu vergrößern.
Da wir mit vielen Ebenen arbeiten, kann Photoshop etwas langsamer werden (dies kann auch von Ihrem Computer abhängen). Gehen Sie als optionalen Schritt durch die ersten beiden Zeilen, um alle Blöcke zu löschen, die zu 100% aus der Sicht verborgen sind.
Um herauszufinden, welche Blöcke zu 100% ausgeblendet sind, müssen wir alle Ebenen auswählen, aus denen sich die vordere Reihe zusammensetzt. Ein schneller Weg, dies zu tun, ist die Verwendung der Filterfunktion in Schichten Panel. Fahren Sie fort und filtern Sie nach Farbe und wählen Sie dieselbe Farbe wie die Ebenen in der ersten Reihe.
Da nun alle Frontschichten isoliert sind, können wir die Schichten um alle Ebenen auszuwählen und drücken Sie (Kontrolle-G) zu gruppieren.
Schalten Sie den Filter aus, indem Sie auf drücken Roter Schalter in dem Schichten Panel. Wir können jetzt die Gruppe sehen, die wir gerade erstellt haben.
Gib der Gruppe einen Füllen von 0% und fügen Sie den Standardstrich mit den Ebenenstilen hinzu. Drücke den Schlosssymbol um die Gruppe zu sperren
Verwenden Sie den Strich als Leitfaden, Control-Click die Blöcke in der zweiten Reihe, die sich vollständig innerhalb des Strichs befinden, und drücken Löschen zu entfernen.
Tun Sie dies für den Rest dieser Reihe.
Wiederholen Sie diesen Schritt für die hintere Reihe. Wenn fertig, Gruppierung aufheben alle schichten.
Nun ist es Zeit, den Blöcken Farbe zu geben. Beginnen Sie mit dem Filter in der Schichten Panel, um die vordere Reihe zu isolieren.
Control-Click einen beliebigen Block in der ersten Reihe und fügen Sie Folgendes hinzu Ebenenstil.
In dem Schichten Suchen Sie im Bedienfeld den Ebenenstil und Rechtsklick. Wählen Ebenenstil kopieren.
Verwenden Sie die Schichten Panel zum Auswählen aller sichtbaren Ebenen (die aus der gesamten vorderen Reihe bestehen sollen). Rechtsklick jede Schicht und Ebenenstil einfügen. Dies sollte den Ebenenstil auf die vordere Blockreihe anwenden. Wie Sie im Bild unten sehen können, haben jetzt alle gelben Ebenen die FX-Symbol (zeigt an, dass ein Ebenenstil angewendet wurde).
Vergewissern Sie sich, dass alle Layer deaktiviert sind (dies kann mit geschehen.) Control-Clicking ein leerer Bereich der Leinwand). Jetzt, Control-Click einen der Blöcke in der Mitte des ersten Buchstabens und fügen Sie Folgendes hinzu: Ebenenstil.
Rechtsklick die Wirkung und Ebenenstil kopieren. Jetzt, Control-Click die anderen Blöcke in der Mitte des Buchstabens markieren sie und fügen den Ebenenstil in die Blöcke ein.
Es ist wert, diese Haltung zu beachten Verschiebung können mehrere Blöcke ausgewählt werden.
Wählen Sie weitere Blöcke aus und fügen Sie das ein Ebenenstil für den Rest der Briefe
Wähle aus Freistellungswerkzeug und passen Sie die Griffe an, um die Szene zuzuschneiden.
Bevor wir uns den Schatten zuwenden, können wir der letzten Blockreihe Farbe hinzufügen. Verwendung des Filters in der Schichten isolieren Sie die hintere Reihe, indem Sie nur die roten Ebenen anzeigen. Wählen Sie alle Ebenen aus.
Deaktivieren Sie den Filter, um alle Ebenen anzuzeigen. Drücken Sie, während nur die roten Ebenen ausgewählt sind Steuerung-G um sie zu gruppieren.
Fügen Sie der Gruppe den folgenden Ebenenstil hinzu.
Erstellen Sie eine neue Ebene und platzieren Sie sie am unteren Rand des Ebenenstapels. Verwendung der Verlaufswerkzeug, klicke auf das Verlaufseditor in der oberen Menüleiste. Stellen Sie die erste Farbe auf hellgrau und ändern Sie die Voreinstellung zu Vordergrund zu Transparent.
Fügen Sie einige Verläufe oben und unten in der Szene hinzu.
Als nächstes benutzen Sie die Polygonales Lasso-Werkzeug und wählen Sie manuell die Basis für jeden Buchstaben. Halten Verschiebung können Sie mehrere Optionen auswählen
Erstellen Sie eine neue Ebene und Füllen die auswahl mit schwarz.
Geben Sie den Basisschatten einen kleinen Gaußscher Weichzeichner (Filter> Weichzeichner> Gaußscher Weichzeichner).
Erstellen Sie eine Kopie dieser Ebene (Kontrolle-J) und fügen Sie ein Bewegungsunschärfe (Filter> Weichzeichnen> Bewegungsunschärfe). Stellen Sie sicher, dass der Winkel mit der Richtung der Buchstaben übereinstimmt.
Der vorherige Schritt machte die Schatten an den Ecken etwas hart. Wende an Gaußscher Weichzeichner filtern Sie noch einmal, um diese Schatten zu mildern.
Erstellen Sie eine Kopie dieser Ebene und fügen Sie eine hinzu Gaußscher Weichzeichner Filter mit einem viel höheren Radius. Dies erzeugt einen Umgebungsschatten in der Szene.
Im nächsten Schritt erstellen Sie einen Schatten auf dem Boden, der von unserem Text geworfen wird. Verwenden Sie dazu die Polygonales Lasso-Werkzeug um die Vorderseite unseres Textes auszuwählen.
Auf einer neuen Ebene, Füllen die auswahl mit schwarz.
Verwenden Transformieren (Steuerung-T), Schrägstellen Sie den Text, bis er aufrecht steht. Dadurch wird die Position im Wesentlichen zurückgesetzt, sodass wir eine bessere Kontrolle darüber haben, wenn wir sie in den Schatten werfen.
Konvertieren Sie diese Ebene in ein Smart-Objekt. Drücken Sie Control-T und transformieren Sie die Form so, dass sie als Schattenwurf aus dem Textobjekt erscheint.
Da unser Schatten ein 2D-Bild war und unser Text 3D ist, müssen wir zusätzliche Arbeit verrichten, damit er dicker erscheint. Erstellen Sie zunächst eine Kopie des Smart-Objekts und drücken Sie Control-T um die Form wieder zu verändern.
Da wir ein Smart-Objekt verwenden, können die Transformationshandles leicht angepasst werden. Fahren Sie fort und nehmen Sie eine kleine Anpassung für den zweiten Schatten vor.
Füllen Sie die versetzten Bereiche des Schattens aus, damit sie so aussehen, als ob sie von einem Objekt wären.
Verschmelzen beide Schatten zusammen (Kontrolle-E).
Füge hinzu ein Bewegungsunschärfe filtern mit und Winkel von -12 Grad und ein Entfernung von 17 Pixel.
Füge hinzu ein Gaußscher Weichzeichner filtern mit einem Radius von 1,2px.
Füge hinzu ein Ebenenmaske und verwenden Sie eine größere, weiche Bürste mit der Opazität einstellen 30%, Malen Sie über den Schatten, um ihn etwas auszublenden.
Reduzieren Sie die Opazität zu 46% und setze das Mischmodus zu Multiplizieren.
Im nächsten Schritt fügen Sie den Buchstaben selbst Schatten hinzu. Wenn Sie sich unsere Szene anschauen, sollte es offensichtlich sein, dass die Lichtquelle oben rechts von unserer Szene ist. Mithilfe dieser Informationen fügen wir der linken Seite unserer Briefobjekte Schatten hinzu.
Wählen Sie zunächst alle Ebenen aus, aus denen sich Textobjekt und zusammensetzen Gruppe (Control-G) Sie zusammen. Benennen Sie die Gruppe in "Erstellen" um "Text".
Erstellen Sie eine neue Ebene als Clipping-Ebene für die Gruppe "Text erstellen" und legen Sie das fest Opazität zu 77%. Dies hilft uns, durch den Schatten zu sehen, wenn wir sie der Szene hinzufügen. Verwenden Sie die Polygonales Auswahlwerkzeug um auszuwählen, wo die Schatten fallen könnten.
Accentsconagua