So erstellen Sie eine 3D-Neonlicht-Typografie

Neonlichter waren schon immer ein faszinierendes Lichtspektakel und oft schwer zu fotografieren. Nun, hier ist keine Kamera erforderlich, da wir lernen, wie man 3D-Neon-Typ von Grund auf erstellt.


Schritt 1

Um den Text zu erstellen, beginnen wir in Illustrator. Öffnen Sie also eine neue AI-Datei und laden Sie diese Schriftart mit dem Namen Shine On herunter. Geben Sie mit dem Textwerkzeug (Befehl + T) Ihren ersten Buchstaben ("N") ein und wählen Sie eine helle Farbe (# ABDCD6)..



Schritt 2

Nun fügen wir einen 3D-Effekt hinzu. Gehen Sie zu Effekt> 3D> Extrudieren und Abschrägen. Wenn das Fenster erscheint, geben Sie die folgenden Einstellungen ein. Um die Lichteinstellungen anzeigen zu können, drücken Sie die Taste Weitere Optionen. Fühlen Sie sich frei, mit der Position Ihres Buchstabens herumzuspielen. Um jedoch dasselbe Ergebnis zu erzielen, verwenden Sie dieselben Einstellungen für den Abschnitt Extrusion & Abschrägung.

Der Brief hat zwei Farben. Eine ist die Schriftfarbe (# A8E5DC) und die andere ist die Schattierungsfarbe im 3D-Menü. Um darauf zugreifen zu können, wählen Sie Benutzerdefiniert im Dropdown-Menü Schattenfarbe. Wählen Sie einen helleren Cyan (# E1FFF7).

Wenn Sie das Gefühl haben, dass Ihr Brief fertig ist, wiederholen Sie den Vorgang, um die folgenden drei Buchstaben zu stilisieren und zu positionieren. Sobald Sie fertig sind, kopieren Sie den ersten Buchstaben (Befehl + C).
Dinge, die bei der Positionierung der Buchstaben zu beachten sind:

1. Denken Sie an das Gewicht der Schrift. Dies ist eine dünne Schrift. Finden Sie also ein Layout, das ein lesbares Wort erzeugt. Sie können die Buchstaben wie ich schweben lassen oder symmetrisch ausrichten, um sie wie ein Zeichen aussehen zu lassen. Wenn ja, geben Sie das gesamte Wort ein, bevor Sie den 3D-Effekt erstellen, oder geben Sie den Rest ein, nachdem Sie den Effekt auf einen Buchstaben angewendet haben.

2. Wenn Sie mit dem Winkel, den Sie ihm gegeben haben, nicht zufrieden sind, müssen Sie nicht von vorne beginnen. Gehen Sie zu Fenster> Darstellung und doppelklicken Sie auf den in der Liste gefundenen Effekt. Am besten tun Sie dies, nachdem Sie alle Buchstaben erstellt haben.



Schritt 3

Öffnen Sie ein neues Photoshop-Dokument und machen Sie es bei 300 ppi zu 1280 Pixel x 768 Pixel. Füllen Sie die Hintergrundfarbe mit Schwarz und fügen Sie den ersten Buchstaben ein (Befehlstaste + V). Doppelklicken Sie nach dem Positionieren auf seine Ebene, und erstellen Sie die unten gezeigten Ebenenstile. Der erste ist ein äußerer Schein. Die zugewiesene Farbe ist # 64FFF2.



Schritt 4

Fügen Sie nun einen inneren Schein mit der Farbe # 96b2BA hinzu.



Schritt 5

Der nächste ist Satin mit einer anderen Cyanfarbe (# 65DBD7).



Schritt 6

Für zusätzliche Tiefe und Kontrast fügen Sie eine Verlaufsüberlagerung mit den beiden Farben # 0E272F und # 5993A4 hinzu. Vergessen Sie nicht, den Mischmodus auf Color Burn einzustellen.



Schritt 7

Klicken Sie mit der rechten Maustaste auf die Ebene und wählen Sie Ebenenstil kopieren. Wählen Sie dann die verbleibenden Ebenen aus, klicken Sie mit der rechten Maustaste, und wählen Sie Ebenenstil einfügen. Alle Buchstaben sollten jetzt dieselbe Wirkung haben.



Schritt 8

Jetzt werden wir den Glanzeffekt weiter fördern, indem wir hinter den Buchstaben malen. Wählen Sie ein sehr dunkles Cyan (# 071617) und malen Sie es mit einem großen weichen Pinsel.



Schritt 9

Es ist Zeit, die elektrischen Kabel hinzuzufügen. Verfolgen Sie das Kabel mit dem Stiftwerkzeug (P) im Pfadmodus.



Schritt 10

Wählen Sie einen runden Pinsel und setzen Sie den Wert auf 12 Pixel. Schnappen Sie sich erneut das Stiftwerkzeug, klicken Sie mit der rechten Maustaste in die Leinwand, und wählen Sie Strichpfad aus. Drücken Sie PL, ohne einen simulierten Druck zu verwenden.



Schritt 11

Füge einen Ebenenstil hinzu: Satin mit dieser Farbe: # 182525.



Schritt 12

Um das Ende der Neonröhre realistischer zu gestalten, fügen wir zwei Ellipsen mit diesen Farben hinzu: # 6da0a4 und # 40b8b5. Zusammen ergeben sie den Eindruck eines Rings.



Schritt 13

Fügen Sie den restlichen Buchstaben weitere Kabel hinzu. Denken Sie daran, das Ende eines Kabels mit dem Ende einer Neonröhre zu koppeln.



Schritt 14

Um etwas Tiefe hinzuzufügen, verwischen wir den letzten Buchstaben, der zu diesem Zweck kleiner gemacht wurde.



Schritt 15

Es ist an der Zeit, sich mehr auf die Buchstaben zu konzentrieren und sie realistischer und älter zu gestalten. Erstellen Sie zunächst Lichtvariationen mit einem weichen Pinsel auf Weiß. Tun Sie dies in einer Schnittmaske über der Ebene des Buchstabens. Um eine Schnittmaske zu erstellen, erstellen Sie eine neue Ebene, und klicken Sie bei gedrückter Alt-Taste zwischen die beiden Ebenen.



Schritt 16

Wiederholen Sie den Vorgang mit den restlichen Buchstaben.



Schritt 17

In diesem Teil des Lernprogramms altern wir die Neonen, indem Sie mit diesem Set aus Bittbox Flecken hinzufügen. Laden Sie Grunge Ink Splatter Brushes herunter und installieren Sie sie. Wenn Sie dieses Set in Photoshop ausgewählt haben, beginnen Sie mit hellen Akzenten dieser Farbe zu malen: # EE5FCFB.



Schritt 18

Fügen Sie einen anderen Fleck mit einer dunkleren Farbe hinzu. Die hellen und dunklen Flecken lassen die Verschlechterung zufälliger aussehen.



Schritt 19

Wiederholen Sie den Vorgang für die restlichen Buchstaben.



Schritt 20

Jetzt, da wir den Neonen mehr Intensität hinzugefügt haben, wollen wir das Gesamtlicht erhöhen. Malen Sie mit einem weichen Pinsel hinter den Buchstaben etwas mehr Farbe mit hellem Cyan (# 31CAC9), aber bei einer sehr geringen Deckkraft (10%)..



Schritt 21

Die Wand sollte den gleichen schlechten Zustand widerspiegeln. Fügen Sie also ein paar Flecken in einer Ebene über der Hintergrundebene hinzu und spielen Sie mit der Deckkraft, bis Sie die richtige Balance gefunden haben.



Schritt 22

Fügen Sie den Kabeln einige Schatten hinzu. Dazu kopieren Sie einfach das Kabel. Wählen Sie anschließend die darunter liegende Ebene aus, gehen Sie zu Filter> Weichzeichnen> Bewegungsunschärfe und geben Sie dann einen Wert von 60 Pixel ein.



Schritt 23

Nun, was ist eine Neonröhre ohne herumfliegende Käfer? Wir werden ein paar Schmetterlinge aufnehmen. Laden Sie das Foto herunter und schneiden Sie es mit dem Zauberstab-Werkzeug aus.



Schritt 24

Gehen Sie zu Bild> Einstellungen> Farbton und Sättigung. Stellen Sie die Sättigung und die Helligkeit auf -85 ein.



Schritt 25

Verwenden Sie das Ausweichwerkzeug, um (O) die den Neonlichtern zugewandten Teile zu erleichtern.



Schritt 26

Die letzte Einstellung ist die Anwendung eines Fotofilters. Gehen Sie zu Bild> Einstellungen> Fotofilter und wenden Sie einen Cyan-Farbton an.



Schritt 27

Wenden Sie dieselbe Technik auf die zweite an. Ich machte den zweiten Schmetterling, indem ich einen der Flügel vom vorherigen drehte und den anderen in Position drehte.



Schritt 28

Ich habe auch meinen Namen in das Bild eingefügt, wollte ihn jedoch in die Bilder einfügen. Ich habe eine Graffitischrift verwendet, da sie in der Umgebung angemessen erschien. Beginnen Sie mit der Eingabe, drehen Sie sie und neigen Sie sie in Position.



Schritt 29

Nimm das Radiergummi-Werkzeug (E) und wähle eine der kratzigen Tintenbürsten aus der Bittbox. Löschen Sie den Text ein wenig. gerade genug, um es in den Hintergrund zu mischen.



Schritt 30

Rufen Sie den Schnellmaskenmodus (Q) auf und ziehen Sie einen Schwarz-Weiß-Verlauf von einer Textseite auf die andere. Beenden Sie den Schnellmaskenmodus (Q). Dies ist der Teil, den wir verwischen werden, um ein Gefühl von Tiefe zu vermitteln.



Schritt 31

Gehen Sie zu Filter> Weichzeichnen> Linsenunschärfe und verwenden Sie die unten gezeigten Einstellungen.



Schritt 32

Wir werden noch ein paar Anpassungen vornehmen, um das Bild realistischer zu gestalten. Der erste Schritt dazu ist die Simulation eines verwackelten Kameraeffekts. Falls Sie dieses Foto mit einer instabilen Kamera aufnehmen würden, würden Lichtstreifen auftreten. Wir schaffen etwas Ähnliches, behalten aber gleichzeitig Klarheit und Lesbarkeit.
Dupliziere einen der Buchstaben (in meinem Fall den Buchstaben "E") und erstelle eine neue leere Ebene. Wählen Sie die leere Ebene und den Buchstaben darunter aus und führen Sie sie zusammen (Befehl + E). Wir tun dies, um den Ebenenstil des Buchstabens zu reduzieren. Legen Sie für den neu gemischten Ebenen-Mischmodus "Überlagern" fest.



Schritt 33

Gehen Sie nun zu Filter> Weichzeichnen> Bewegungsunschärfe und geben Sie einen Wert von 43 im Winkel von 0 Grad ein. Positionieren Sie den verschwommenen Buchstaben neu.



Schritt 34

Gehen Sie zu Bild> Einstellungen> Farbton und Sättigung und ziehen Sie die Sättigungsleiste ein wenig nach unten. gerade genug, um etwas von der übermäßigen Helligkeit herauszunehmen.



Schritt 35

Wiederholen Sie den gleichen Vorgang für die restlichen Buchstaben.



Schritt 36

Einige der Glüh-Effekte, die wir eingeführt haben, haben den Farbbereich des gesamten Bildes reduziert. Um es etwas dynamischer zu gestalten, entschied ich mich für einen Channel Mixer. Gehen Sie dazu zu Ebene> Neue Einstellungsebene> Kanalmixer. Verwenden Sie die unten gezeigte Einstellung für die RGB-Kanäle.



Schritt 37

Ein letzter Schritt zur Vollendung ist ein weiterer Realismusförderer. Bei dieser Lichtstärke ist das Rauschen sehr gut geeignet. Gehen Sie nach dem Reduzieren des Bildes (Befehl + Umschalttaste + E) zu Filter> Rauschen> Rauschen hinzufügen. Verwenden Sie die Werte 1%, Uniform und Monochromatisch.



Fazit

Das war's! Das Tolle an dieser Technik ist die Tatsache, dass sie sehr einfach auf alle Arten von Neonlichtern angewendet werden kann. Sie können 3D-Typografie (wie in diesem Lernprogramm) oder stilisierte Neonröhren in abstrakten Kompositionen erstellen. Wie üblich liegt es an Ihnen und was Sie Ihrer Meinung nach am besten nutzen würden. Danke fürs Lesen! Sie können die endgültige Bildvorschau unten anzeigen oder eine größere Version hier anzeigen.