Share
In diesem Tutorial entwerfen wir einen coolen Retro-Text-Effekt, der im heutigen Design immer beliebter wird. Heute lernen Sie, wie Sie mit dem Perspektive-Werkzeug Tiefe erzeugen können und wie Designer Standardverläufe auf ungewöhnliche Weise verwenden können!
Bevor wir beginnen, werfen wir einen Blick auf das Bild, das wir erstellen.
Unser Video-Editor Gavin Steele hat dieses Video-Tutorial erstellt, um dieses Text + Bild-Tutorial zu vervollständigen.
Bevor Sie beginnen, müssen Sie die Schriftart Sega von dafont herunterladen und installieren. Die Installation ist recht einfach. Im Konfigurationsbereich finden Sie einen Ordner mit dem Namen Fonts. Fügen Sie die Datei einfach dort ein und starten Sie Photoshop.
Der erste Schritt ist recht einfach. Füllen Sie Ihre ursprüngliche Ebene mit Schwarz und benennen Sie sie in "Hintergrund" um. Geben Sie den gewünschten Text ein, vorzugsweise etwas mehr oder weniger quadratisch (siehe unten). Stellen Sie sicher, dass der Text nach links ausgerichtet ist. Im Moment sollten Sie eine Ebene mit der Hintergrundfarbe und eine andere Ebene mit Ihrem Text haben. In meinem Beispiel habe ich 100pt Text für die verwendet PSD Teil und 72pt Text für die tuts Teil, um die Breite anzupassen.
Nun wollen wir den Text ein wenig ändern. Öffnen Sie dazu die Zeichenpalette (Fenster> Zeichen). In dem Feld unter der Textgröße können Sie das Kerning zwischen Zeichen festlegen. Kerning bestimmt den Abstand zwischen zwei Zeichen in Bezug zueinander. Wenn Sie also das Typwerkzeug auswählen und es zwischen zwei Zeichen setzen, können Sie den Abstand zwischen diesen beiden Zeichen anpassen.
Zuerst ändern wir die Farbe des Textes in # e59710. Dies ist eine gute Grundfarbe, wenn Sie nach Gold streben. Dann können Sie den Text mit Free Transform (Command + T) oder durch Ändern der Zeichengröße strecken. Nachdem ich den Text gesprengt habe, hat meine obere Textzeile eine Größe von 280pt und die untere eine Größe von 194,4pt.
Jetzt können wir das eigentliche Kerning durchführen. Setzen Sie den Cursor nach Auswahl des Typwerkzeugs zwischen das P und das S, und ich setze das Kerning auf -55. Auf diese Weise bekommen wir eine ziemlich schöne Verbindung zwischen diesen beiden Charakteren. Setzen Sie dann den Cursor zwischen S und das D, Setzen Sie das Kerning auf -40.
Lassen Sie uns nun den Text gestalten. Denken Sie eine Sekunde darüber nach. Wir möchten schönen goldähnlichen Text mit etwas unterscheidbarer Kante und leicht abgeschrägter 3D-Optik. Wir müssen also die Abschrägung verwenden, um Tiefe von außen zu erhalten, ein bisschen Schatten von innen für Tiefe und einen Farbverlauf für die Highlights.
Um die Abschrägung zu betonen, verwenden wir ein inneres Glühen. Die Screenshots werden in absteigender Reihenfolge entsprechend der Photoshop-Benutzeroberfläche angezeigt. Ich selbst fange in der Regel zuerst an, zuerst die Steigung, dann die Abschrägung und dann das Glühen und die Schatten.
Zeit, unsere Perspektive in Gang zu bringen! Zuerst müssen Sie die Ebene rastern. Duplizieren Sie also die Textebene (Behalten Sie immer ein bearbeitbares Duplikat einer Textebene! IMMER!) Und fügen Sie dann eine weitere Ebene über der Kopie hinzu. Wählen Sie nun Ihren duplizierten Text und Ihre jetzt leere Ebene aus und fügen Sie sie dann mit Befehl + E zusammen. Im Gegensatz zum Rastern einer Ebene über die Registerkarte Layer oben auf dem Bildschirm rastert diese Methode auch den Ebenenstil.
In diesem Fall ist es eine gute Sache, weil wir möchten, dass sich der Stil mit der Verzerrung bewegt. Wenn Sie dies über die Registerkarte Layer tun, wird der Ebenenstil wieder auf eine planare Verzerrung eingestellt. Kurz gesagt: Dieser Weg ist besser, da das fx-Zeichen entfernt wird.
Nun sollten Sie mit Ihrer gerasterten Textebene Bearbeiten> Transformieren> Perspektive wählen. Ziehen Sie den oberen rechten Ankerpunkt und ziehen Sie ihn bei gedrückter Umschalttaste nach oben. Außerdem können Sie den linken Ankerpunkt erfassen und die Umschalttaste gedrückt halten, um ihn etwas tiefer zu ziehen, um einen Tiefeneffekt zu erzeugen. Skalieren Sie dann den Text ein wenig, um die Unschärfe zu beseitigen.
Duplizieren Sie den verzerrten Text zweimal, und legen Sie diese drei Ebenen in einem Ebenensatz ab, der als "Text" bezeichnet wird. Ändern Sie den Namen der oberen Ebene (der drei Ebenen) in "Front", "Middle Layer" in "Mid" und die unterste Ebene in "Back".
Verwenden Sie die Pfeiltasten, um die untere und mittlere Ebene nach rechts zu verschieben, bis Sie etwas wie in der Abbildung unten sehen. Wie Sie sehen, muss die "hintere" Ebene ein gutes Stück von der "vorderen" Ebene entfernt sein, während die "mittlere" Ebene etwas näher sein sollte.
Wählen Sie die mittlere Ebene aus und setzen Sie die Füllung auf 0% (die Füllung befindet sich unter der Deckkraft in der Ebenenpalette). Wenden Sie jetzt mit Ebenenstilen eine Verlaufsüberlagerung an. Sie können dies schnell tun, indem Sie den Vordergrund für den transparenten Farbverlauf auswählen. Dies ist der zweite Farbverlauf in der oberen Reihe von links. Klicken Sie einfach auf das Dreieck neben dem Farbverlaufsfeld, um die verschiedenen Farbverläufe herunterzulassen. Ändern Sie dann die Vordergrundfarbe in # 008aff.
Erstellen Sie eine neue Ebene über der "vorderen" Ebene und nennen Sie sie "Chromgrad". Klicken Sie nun mit der Befehlstaste auf die "vordere" Ebene, um einen Auswahlbereich zu erhalten. Wählen Sie das Verlaufswerkzeug aus (halten Sie die Taste gedrückt, wählen Sie dann das Verlaufswerkzeug aus) und wählen Sie den Chromverlauf aus. Führen Sie dies nun von der oberen linken Ecke bis zum rechten unteren Bereich Ihres Auswahlbereichs aus. Ändern Sie dann den Mischmodus der Ebene in Soft Light.
Erstellen Sie ein ganz neues Ebenenset und nennen Sie es "weiche Flares". Wenn dieser Ebenensatz nun im Ebenensatz "Text" landet, können Sie ihn einfach herausziehen und über dem Ebenensatz "Text" positionieren. Erstellen Sie nun im Layerset "Soft Flares" eine neue Ebene und nennen Sie sie "Highlight Flare". Füllen Sie diese Ebene mit Schwarz, und wählen Sie dann "Filter"> "Rendern"> "Lens Flare"..
Positionieren Sie die Markierung an der gewünschten Stelle. Ich setze sie auf den oberen Teil des Buchstabens S im TUTS. Ändern Sie den Mischmodus dieser Ebene in Soft Light und duplizieren Sie ihn. Jetzt woanders hinstellen, ich setze es zwischen P und das S.
Verwenden Sie einen Maskenpinsel, um einen Teil des Duplikats wegzuziehen. Wenn Sie zwei schwarze Ebenen überlappen, wird dies in der Helligkeit des Textes sichtbar. Als nächstes füllen Sie mit einem schwarzen Pinsel alle transparenten Bereiche auf beiden Ebenen auf, die beim Drehen und Ändern der Fackeln entstanden sind.
Dies ist wichtig, da dies wiederum bei Hintergrundelementen spürbar ist, die später hinzugefügt werden. Es ist am besten, das Problem jetzt zu beheben und später darauf zurückzugreifen, um herauszufinden, welche Ebene das Problem verursacht. Dies gilt insbesondere für Projekte, bei denen Ebenen über die 100er-Marke hinausgehen. Dies kann ein sehr ärgerliches Problem sein.
Wie Sie auf dem letzten Screenshot sehen können, wurden sowohl die "Text" - als auch die "Soft Flares" -Sätze in die "psdtuts" -Sätze verschoben. Lassen Sie uns eine Reflexion hinzufügen. Dupliziere dieses Set und rastere es wie zuvor. Erstellen Sie eine neue Ebene, wählen Sie beide aus und drücken Sie die Befehlstaste + E.
Gehen Sie zu Bearbeiten> Transformieren> Vertikal spiegeln und positionieren Sie die Spiegelung unter dem ursprünglichen Text. Gehen Sie zu Bearbeiten> Transformieren> Neigung, um die Reflexion zu korrigieren (da wir das benötigen T von TUTS etwas aufstellen). Schnappen Sie sich den linken mittleren Ankerpunkt und ziehen Sie ihn nach oben. Fügen Sie der neuen Ebene eine Maske mit dem Namen "Reflektion" hinzu. Verwenden Sie dann einen Schwarz-Weiß-Verlauf (Sie können den Standardverlauf einfach auswählen, indem Sie auf Ihrer Tastatur auf D drücken, um die Farben auf die Standardwerte zurückzusetzen).
Erstellen Sie zwischen der Ebene "Reflexion" und dem Satz "psdtuts" eine neue Ebene und nennen Sie sie "Flare Front". Füllen Sie ihn mit Schwarz, gehen Sie zu Filter> Rendern> Lens Flare und wählen Sie den 50-300-mm-Zoom bei 100% Helligkeit. Positionieren Sie diese Ebene an einer schönen Stelle und setzen Sie den Füllmodus auf Linear Dodge (Hinzufügen)..
Duplizieren Sie die Ebene "Flare Front" und setzen Sie den Mischmodus auf "Bildschirm" anstatt auf "Linear Dodge" (Hinzufügen). Bewegen Sie es anschließend unter den Satz "psdtuts", um es hinter dem Text zu positionieren. Nennen wir diese Ebene "flare back".
Öffnen Sie ein neues Dokument (Befehl + N) mit einer Größe von 40 x 2 Pixel. Wählen Sie die Hälfte dieses Dokuments mit dem Rechteckauswahl-Werkzeug aus und füllen Sie es mit Schwarz. Um die Auswahl genauer zu machen, können Sie die Lineale einschalten, indem Sie Befehlstaste + R drücken. Gehen Sie dann zu Bearbeiten> Muster definieren und geben Sie diesem Muster einen Namen.
Schließen Sie diese Datei und kehren Sie zu unserer ursprünglichen Datei zurück. Direkt über der "Hintergrund" -Ebene, die wir zu Beginn dieses Tutorials erstellt haben, erstellen Sie eine neue Ebene. Gehen Sie zu Bearbeiten> Füllen und wählen Sie das gerade erstellte Muster aus. Dies sollte den Bildschirm mit dem Muster füllen. Legen Sie die Füllung auf 0% fest und fügen Sie über Ebenenstile eine Farbüberlagerung mit der Farbe # dd04ad hinzu. Senken Sie die Deckkraft dieser Überlagerung auf 64%..
Drücken Sie die Tastenkombination "Befehlstaste + T", und ändern Sie die Größe um 90 Grad. Drücken Sie die Eingabetaste und wählen Sie Bearbeiten> Transformieren> Perspektive. Und genau wie zuvor, außer auf der rechten Seite, müssen Sie den Ankerpunkt der oberen Ecke anfassen, dann die Umschalttaste gedrückt halten und nach unten ziehen. Dadurch wird diese Seite eingegrenzt, so dass es aussieht, als würde es von Ihnen weggehen.
Auf der linken Seite packen Sie die obere Ecke und ziehen sie nach oben, während Sie die Umschalttaste gedrückt halten, sodass sie so aussieht, als würde sie auf Sie zukommen. Beachten Sie den lustigen Effekt, den Sie erhalten, wenn der Text auf einem Teil der Zeilen steht. Es sieht so aus, als würden sich die Zeilen tatsächlich biegen, aber sie sind es nicht! Und das ist es! Viel Spaß beim Experimentieren mit diesem Texteffekt!
Accentsconagua