Erstellen Sie in Photoshop einen von Glühbirnen inspirierten Texteffekt

German (Deutsch) translation by Alex Grigorovich (you can also view the original English article)

Ebenenstile sind eine leistungsstarke und zeitsparende Funktion, mit der Sie erstaunliche Effekte auf Ihre Designs anwenden können. In diesem Tutorial verwenden wir Ebenenstile, um einen von Glühbirnen inspirierten Texteffekt in Photoshop zu erstellen. Lass uns anfangen!

Tutorial Assets

Die folgenden Elemente wurden bei der Erstellung dieses Lernprogramms verwendet.

Junegull Schriftart.
Golden Metal Gradients von Adoralyna.
Texturetastic Gray Muster.

Schritt 1

Erstellen Sie ein neues Dokument mit einer Größe von 1280 x 1024 Pixel oder eine beliebige Größe, je nachdem, welchen Text Sie erstellen.

Füllen Sie den Hintergrund mit Schwarz oder einer anderen dunklen Farbe, die Sie mögen. Stellen Sie nur sicher, dass es so dunkel wie möglich ist.

Schritt 2

Erstellen Sie den Text in Weiß. Die verwendete Schriftart ist Junegull und die Größe beträgt 400 pt. Das ist eine ziemlich große Größe, aber es wird helfen, die Details klarer zu zeigen.

Ändern der Textebenen Füllwert auf 0%.

Duplizieren Sie die Textebene.

Schritt 3

Strg/Befehlstaste + Klicken Sie auf das Miniaturbild (Symbol) der Textebenen, um eine Auswahl zu erstellen.

Erstellen Sie eine neue Ebene zwischen dem Hintergrund und den beiden Textebenen und nennen Sie sie "Zurück".

Gehen Sie zu Auswählen > Ändern > Erweitern und geben Sie 5 ein. Dadurch wird die Auswahl um 5 Pixel nach außen erweitert

Füllen Sie die Auswahl mit der Farbe #9b7e4f und gehen Sie dann zu Setzen > Entfernen aufheben oder drücken Sie Strg/Befehlstaste + D, um die Auswahl zu entfernen.

Konturen laden

Möglicherweise müssen Sie die Konturen laden, die in einigen der folgenden Ebenenstile verwendet werden. Gehen Sie dazu zu Bearbeiten > Voreinstellungs-Manager und wählen Sie im Dropdown-Menü Voreinstellungstyp die Option Konturen.

Klicken Sie auf den kleinen Pfeil in der oberen rechten Ecke und wählen Sie Konturen

Klicken Sie auf Anhängen, um die neuen Konturen zu den vorhandenen hinzuzufügen.

Schritt 4

Doppelklicken Sie auf die Ebene "Zurück", um den folgenden Ebenenstil anzuwenden:

Äußeres Leuchten: Ändern Sie einfach die Farbe in #8f6f2c.

Inneres Leuchten: Ändern Sie den Mischmodus auf Multiplizieren, die Farbe auf #e4d7b2, die Quelle auf Mitte, die Größe auf 125 und den Bereich auf 35%.

Abschrägung und Prägung: Ändern Sie die Technik in Meißelhart, die Tiefe in 300, die Größe in 20 und aktivieren Sie das Kontrollkästchen Anti-Aliasing. Ändern Sie außerdem die Farbe des Hervorhebungsmodus in #c6a96c und die Farbe des Schattenmodus in #ddd6c1.

Kontur: Wählen Sie die Kegelkontur aus, aktivieren Sie das Kontrollkästchen Anti-Aliasing und ändern Sie den Bereich auf 70%.

Textur: Verwenden Sie die Texturetastic Grey-Textur und ändern Sie die Tiefe auf einen kleinen Wert, etwa 8 px. Dies fügt eine subtile Textur hinzu, so dass der Rücken nicht so weich ist und einige Details aufweist.

Strich: Ändern Sie die Größe auf 1, den Fülltyp auf Farbverlauf und den Winkel auf 90. Verwenden Sie den unten gezeigten Farbverlauf aus dem Paket "Goldene Metallverläufe".

Das sollten Sie bekommen.

Verringern Sie den Füllwert auf 50%, damit die Rückseite transparent aussieht.

Schritt 5

Stellen Sie die Vordergrundfarbe auf #555555 ein und wählen Sie einen 3 px harten Rundpinsel. Mit diesem Pinsel werden die Drähte in der Mitte des Textes erstellt.

Erstellen Sie eine neue Ebene über der Ebene "Zurück" und nennen Sie sie "Draht".

Wählen Sie das Stiftwerkzeug und klicken Sie in der Optionsleiste auf das Symbol Pfade.

Schritt 6

Mit dem Stiftwerkzeug werden je nach Buchstabenform gerade Linien, einfache Kurven und etwas komplexere Kurven hinzugefügt. Jeder Fall wird in einem separaten Schritt mit einem anderen Buchstaben demonstriert. Beginnen wir mit den geraden Linien, da diese am einfachsten sind.

Um einen Ankerpunkt hinzuzufügen, müssen Sie einmal auf die Stelle klicken, an der die Linie beginnen soll. Um eine gerade Linie zu erstellen, halten Sie die Umschalttaste gedrückt und klicken Sie auf die Stelle, an der die Linie enden soll. Stellen Sie einfach sicher, dass Sie sich von den Rändern fernhalten.

Beachten Sie, dass die Ankerpunkte nacheinander hinzugefügt werden, sodass Sie nicht die gesamte E-Form auf einmal erstellen können. Wir werden den Pfad streicheln und dann einen neuen für die fehlenden Teile erstellen.

Wenn Sie die von Ihnen erstellten Punkte verschieben möchten, wählen Sie das Direktauswahl-Werkzeug. Sie können entweder auf einen Punkt klicken oder durch Klicken und Ziehen mehr als einen Punkt auswählen und dann mit den Pfeiltasten verschieben.

Schritt 7

Um den Pfad zu streicheln, klicken Sie mit der rechten Maustaste darauf und wählen Sie Strichpfad.

Wählen Sie im Dropdown-Menü "Werkzeug" die Option "Pinsel" und stellen Sie sicher, dass das Kontrollkästchen "Druck simulieren" deaktiviert ist.

Drücken Sie die Eingabetaste, um den Pfad zu entfernen und einen neuen zu erstellen.

Verwenden Sie das Stiftwerkzeug erneut, um den fehlenden Teil des E hinzuzufügen.

Und streichle es genauso wie du es für den anderen Teil getan hast.

Schritt 8

Für die einfachen Kurven müssen Sie wie im Buchstaben D klicken und ziehen, wo Sie eine Kurve erstellen möchten, anstatt zu klicken und loszulassen. Ziehen Sie in diesem Beispiel vertikal parallel zur Richtung der Kurve.

Stellen Sie sicher, dass Sie den Pfad schließen, indem Sie auf den Startpunkt klicken, wenn Sie fertig sind.

Vergessen Sie nicht, dass Sie die Ankerpunkte weiterhin mit dem Direktauswahl-Werkzeug verschieben können.

Sobald Ihr Pfad erstellt ist, streichen Sie ihn auf die gleiche Weise.

Schritt 9

Um die komplexeren Kurven wie im Buchstaben S zu erstellen, erstellen Sie zunächst die Grundform der Kurve wie zuvor, indem Sie klicken und ziehen. Versuchen Sie nicht, es perfekt zu machen, da wir es später anpassen werden.

Wenn Sie die Kurve erstellt haben, wählen Sie das Direktauswahl-Werkzeug und wählen Sie einen Ankerpunkt aus (indem Sie darauf klicken). Wenn Sie dies tun, können Sie die zwei kleinen Griffe (Richtungslinien) anpassen, die es steuern.

Klicken Sie auf den Punkt am Ende des Griffs und bewegen Sie ihn leicht zur Seite, wenn Sie die Richtung (oder Ausrichtung) des Pfads ändern möchten. Bewegen Sie ihn nach oben und unten, um die Kurve breiter oder schmaler zu machen.

Es muss nicht perfekt aussehen, sondern nur sicherstellen, dass es zum Fluss der ursprünglichen Form passt und in bestimmten Bereichen nicht zu nah oder zu weit ist. Dann streicheln Sie es.

Nachdem Sie alle Buchstaben eingezogen haben, ändern Sie den Füllwert der Ebene "Draht" auf 50%.

Schritt 10

Doppelklicken Sie auf die Ebene "Draht", um den folgenden Ebenenstil anzuwenden:

Äußeres Leuchten: Ändern Sie den Mischmodus auf Lebendiges Licht, die Farbe auf #ffffbe und die Größe auf 13.

Inneres Leuchten: Ändern Sie den Mischmodus auf Lebendiges Licht, die Farbe auf #d5d5cd und die Größe auf 1.

Dies fügt einen sehr subtilen Glanz hinzu.

Schritt 11

Dupliziere die Ebene "Draht".

Doppelklicken Sie auf die Kopie, um das innere Leuchten anzupassen, indem Sie die Größe auf 10 ändern.

Dies verstärkt den Glüheffekt.

Schritt 12

Als nächstes erstellen wir einen sehr einfachen Pinsel. Erstellen Sie also ein neues 16 x 16 Pixel großes Dokument mit einem transparenten Hintergrund.

Wählen Sie das Ellipsen-Werkzeug aus, aktivieren Sie das Symbol Pfade in der Optionsleiste und erstellen Sie einen Kreis, der den größten Teil des Dokuments abdeckt.

Wählen Sie einen 1 px harten Rundpinsel und stellen Sie die Vordergrundfarbe auf Schwarz. Wählen Sie dann das Ellipsen-Werkzeug erneut aus und streichen Sie über den Pfad.

Drücken Sie die Enter/Return, um den Pfad zu entfernen. Gehen Sie dann zu Bearbeiten > Pinselvoreinstellung definieren und geben Sie einen Namen für den Pinsel ein.

Schritt 13

Erstellen Sie zum ursprünglichen Dokument eine neue Ebene über der Ebene "Drahtkopie" und nennen Sie sie "Filament".

Klicken Sie mit der rechten Maustaste auf die Ebene "Draht" und wählen Sie "Ebenenstil kopieren". Klicken Sie dann mit der rechten Maustaste auf die Ebene "Filament" und wählen Sie "Ebenenstil einfügen".

Ändern Sie den Füllwert für "Filament" -Ebenen auf 100% und setzen Sie die Vordergrundfarbe auf #d0b174.

Schritt 14

Öffnen Sie das Pinselbedienfeld (Fenster > Pinsel) und ändern Sie die Werte wie unten gezeigt für den Pinsel, den Sie gerade in Schritt 12 erstellt haben.

Schritt 15

Als nächstes erstellen wir kleine Pfade entlang des Drahtes, um sie mit der modifizierten Bürste zu streichen. Verwenden Sie das Stiftwerkzeug erneut und fügen Sie kleine gerade Linien oder Kurven über den Draht. Versuchen Sie jedoch, sie nicht sehr kurz zu machen, da dies keinen schönen Effekt ergibt.

Sie müssen jeweils einen Pfad streicheln. Klicken Sie mit der rechten Maustaste auf den Pfad und wählen Sie Strichpfad.

Aktivieren Sie dieses Mal das Kontrollkästchen Druck simulieren.

Dadurch verblasst der Pinsel an den Enden. Fügen Sie weitere Pfade entlang des Drahtes hinzu, aber fügen Sie nicht zu viele hinzu. Wir müssen noch einige helle Lichtbereiche hinzufügen und auch einige leere Bereiche lassen.

Schritt 16

Erstellen Sie eine neue Ebene über der Ebene "Filament" und nennen Sie sie "Licht". Klicken Sie dann mit der rechten Maustaste darauf und wählen Sie "Ebenenstil einfügen".

Doppelklicken Sie auf die Ebene "Licht", um das äußere Leuchten zu ändern, indem Sie die Deckkraft auf 50% ändern.

Schritt 17

Wählen Sie einen weichen Rundpinsel und ändern Sie seine Einstellungen wie folgt:

Schritt 18

Stellen Sie die Vordergrundfarbe auf #fffde1 ein und erstellen Sie mit dem Stiftwerkzeug kleine Pfade, die einige der leeren Bereiche entlang des Drahtes abdecken.

Stellen Sie sicher, dass das Kontrollkästchen Druck simulieren weiterhin aktiviert ist, wenn Sie die kleinen Pfade streichen.

Dadurch entstehen einige glänzende Bereiche, die den endgültigen Effekt lebendiger und heller erscheinen lassen.

Fügen Sie weitere dieser glänzenden Bereiche in verschiedenen Größen und Orten hinzu. Sie können sogar die Pinselgröße ändern, wenn Sie möchten. Vergessen Sie auch hier nicht, einige leere Bereiche dazwischen zu lassen.

Schritt 19

Denken Sie daran, dass Sie jederzeit steuern können, wie hell oder glänzend der Pinsel ist. Sie können die Deckkraft bei Bedarf verringern. Hier ist es leicht auf 90% gesunken.

Sie können auch die Farben der "Glow" -Effekte ändern. Hier ist die innere Leuchtfarbe der Ebene "Licht" auf #83591e eingestellt.

Der Unterschied ist sehr subtil, aber Sie können es bemerken, wenn Sie die Farben ändern. Das Leuchten sieht weniger weiß und mehr gelb aus.

Schritt 20

Erstellen Sie eine neue Ebene zwischen den Ebenen "Zurück" und "Draht" und nennen Sie sie "Stifte". Ändern Sie dann den Füllwert auf 0%.

Doppelklicken Sie auf die Ebene "Stifte", um den folgenden Ebenenstil anzuwenden:

Inneres Leuchten: Ändern Sie den Mischmodus auf Lebendiges Licht, die Farbe auf # e9dcbb, die Quelle auf Mitte und die Größe auf 7.

Abschrägung und Prägung: Ändern Sie die Technik in Meißelhart, die Glanzkontur in Ringdoppel, aktivieren Sie das Kontrollkästchen Anti-Aliasing und ändern Sie die Farbe des Schattenmodus in #9a8739.

Kontur: Ändern Sie die Glanzkontur in Kegel invertiert und aktivieren Sie das Kontrollkästchen Anti-Aliasing.

Schritt 21

Wählen Sie einen 12 px-Rundbürsten und fügen Sie in jedem Buchstaben Punkte an den Enden des Drahtes hinzu. Platzieren Sie die Mitte der Bürste über der Spitze des Drahtes und klicken Sie, um einen Stift hinzuzufügen.

Dies wird die Illusion erzeugen, dass der Draht in den Buchstaben nicht aus dem Nichts schwebt und dass er in diese Stifte hinein- und herausgeht.

Schritt 22

Doppelklicken Sie auf die ursprüngliche Textebene, um den folgenden Ebenenstil anzuwenden:

Schlagschatten: Ändern Sie die Farbe in #cbcbcb, den Abstand in 0 und die Größe in 10.

Innerer Schatten: Ändern Sie die Farbe in #c2b394, die Deckkraft in 60%, den Abstand in 0, die Größe in 60, die Glanzkontur in Gauß und aktivieren Sie das Kontrollkästchen Anti-Aliasing.

Abschrägung und Prägung: Ändern Sie die Tiefe auf 300 und die Größe auf 16. Deaktivieren Sie das Kontrollkästchen Globales Licht verwenden, damit wir die Werte für Winkel und Höhe ändern können, ohne die anderen Ebenenstile im Dokument zu beeinflussen. Ändern Sie dann den Winkel auf 80 und die Höhe bis 50. Ändern Sie außerdem die Glanzkontur in Abgerundete Steigung, den Hervorhebungsmodus in Überlagern und die Farbe im Schattenmodus in #fefefe.

Kontur: Aktivieren Sie einfach das Kontrollkästchen Anti-Alias.

Dies fügt einfache Licht- und Tiefeneffekte hinzu und schafft darüber eine Basis für den eigentlichen Glanzeffekt.

Schritt 23

Doppelklicken Sie auf die Kopiertextebene, um den folgenden Ebenenstil anzuwenden:

Innerer Schatten: Ändern Sie die Farbe in #d1c2a4, die Deckkraft in 50%, den Abstand in 0 und die Größe in 35.

Inneres Leuchten: Ändern Sie die Farbe in #ebe3c8, die Technik in Präzision, die Quelle in Mitte und die Größe in 70.

Abschrägung und Prägung: Ändern Sie die Tiefe auf 500, die Größe auf 20 und die Weichzeichnung auf 1. Deaktivieren Sie das Kontrollkästchen Globales Licht verwenden, und ändern Sie den Winkel auf 60 und die Höhe auf 35. Ändern Sie außerdem die Glanzkontur in Ring Aktivieren Sie das Kontrollkästchen Anti-Aliasing, ändern Sie den Hervorhebungsmodus auf Lebendiges Licht, die Farbe auf #d6d2bc, die Deckkraft auf 60% und die Farbe des Schattenmodus auf #fefefe.

Kontur: Wählen Sie die Ring-Doppelkontur und aktivieren Sie das Kontrollkästchen Anti-Aliasing.

Dies erzeugt den endgültigen glasartigen Glanzeffekt.

Endgültiges Bild

Und das ist das Endergebnis. Ich hoffe, Ihnen hat das Tutorial gefallen und Sie fanden es nützlich. Bitte zögern Sie nicht, Ihre Kommentare und Vorschläge unten zu hinterlassen.