So erstellen Sie eine realistische Neonlicht Texteffekt in Adobe Photoshop
Was Sie erschaffen
Layering Glanz und Glanzeffekte können schöne, glänzende Objekte helfen erstellen. Erfahren Sie, wie ein Backstein Textur für den Hintergrund zu ändern, und dann Ebenenstile mit dem Zeichenstift-Werkzeug verwenden, um einig hellen, leuchtenden Neon-Text und ein einfaches Kabel über sie hinzuzufügen.
Sie suchen eine Abkürzung? Schauen Sie sich diesen schönen Neonlicht-Effekt auf Envato Elementen. Es kommt mit:
Anstatt die Wirkung von Grund auf neu erstellen, können Sie diese einfache, fertige Lösung verwenden.
Andernfalls wird dieses umfassende Tutorial Ihnen einen kompletten und professionellen Workflow zeigen. Lass uns anfangen!
Tutorial Assets
Folgende Vermögenswerte wurden während der Produktion dieses Tutorial:
1. Erstellen der Hintergrund
Erstellen Sie ein neues 1500 x 950 px Dokument und die Auflösung auf 300.
Gehen Sie zu Datei> Schwarzen Embedded. und öffnen Sie das BrickOldRounded0061 Bild. Resize es, wie Sie möchten, und tippen Sie dann auf die Return-Taste, um die Änderungen zu übernehmen.
Klicken Sie auf den Link Neue Füll- oder Einstellungsebene Symbol am unteren Rand der Ebenen-Palette und wählen Sie Ebenen.
Klicken Sie auf die Clip Anpassung Schicht-Symbol am unteren Rand des Eigenschaftenfenster und dann den Schatten Wert ändern auf 85.
Klicken Sie auf die neue Füllung oder Einstellungsebene erstellen Symbol wieder und wählen Sie Farbton / Sättigung. Klicken Sie auf die Clip Anpassung Schicht-Symbol am unteren Rand des Eigenschaftenfenster, und dann die Sättigung ändern bis 11 und die Helligkeit bis -83.
2. Erstellen des Textes
Erstellen Sie den Text in allen Caps mit der Schrift Beon Medium. Die Farbe ist # a33e88 und die Größe beträgt 103 pt.
Duplizieren Sie die Textebene und unsichtbar machen, indem das Augensymbol neben ihm klicken. Dann mit der rechten Maustaste auf die Kopie und Rastern Type.
Was wir als nächstes tun ist, um die vertikalen und diagonale Teile der Buchstaben von den horizontal denjenigen zu trennen, um die Effekten mit unterschiedlichen Winkelwerten anzuwenden.
Gehen Sie auf Bearbeiten> Ausschneiden. und dann Bearbeiten> Inhalte einfügen> Einfügen in Platz. Dadurch werden die ausgewählten Teile in einer separaten Ebene platzieren. Benennen Sie die Ebenen vertikal und horizontal.
Duplizieren jeder der vertikalen und horizontalen Schichten zweimal, und legen dann jeden Satz von Schichten in einer Gruppe, die ihren Namen hat (vertikal / horizontal).
Legen Sie die Horizontale Gruppe unter dem ein vertikal.
3. Styling der ursprüngliche horizontale Ebene
Doppelklicken Sie auf die ursprüngliche horizontale Schicht den folgenden Ebenenstil anzuwenden:
Fügen Sie eine Abgeflachte Kante und Relief mit diesen Einstellungen:
Fügen Sie eine Kontur mit diesen Einstellungen:
Fügen Sie einen Schatten nach innen mit diesen Einstellungen:
Fügen Sie einen Inner Glow mit diesen Einstellungen:
Fügen Sie einen Schlagschatten mit diesen Einstellungen:
Dies wird die erste Schicht des horizontalen Teils stylen.
4. Styling der ersten Kopie horizontale Schicht
Doppelklicken Sie auf die erste Kopie Horizontale Schicht die folgende Ebenenstil anzuwenden:
Fügen Sie eine Abgeflachte Kante und Relief mit diesen Einstellungen:
Fügen Sie eine Kontur mit diesen Einstellungen:
Dies wird mehr Glanz in den Text einfügen.
5. Styling der zweiten Kopie horizontale Schicht
Doppelklicken Sie auf die zweite Kopie Horizontale Schicht den folgenden Ebenenstil anzuwenden:
Fügen Sie eine Abgeflachte Kante und Relief mit diesen Einstellungen:
Fügen Sie eine Kontur mit diesen Einstellungen:
Fügen Sie einen Inner Glow mit diesen Einstellungen:
Fügen Sie einen Schein nach außen mit diesen Einstellungen:
Dies wird die letzte horizontale Schicht, indem noch mehr Glanz und Schimmer Stil.
6. Styling die ursprüngliche vertikale Ebene
Rechtsklick auf die ursprüngliche horizontale Ebene, wählen Sie Ebenenstil kopieren. und dann mit der rechten Maustaste auf die ursprüngliche vertikale Ebene und Ebenenstil einfügen wählen.
Doppelklicken Sie auf die ursprüngliche vertikale Ebene die Abgeflachte Kante und Relief ‚s Winkel und Höhe Werte anzupassen, indem man sie zu 90 und 74 zu verändern.
Dadurch wird der Effekt stellen Sie die vertikale und diagonale Teile angepasst werden.
7. Styling der ersten Kopie Vertikale Ebene
Kopieren Sie die erste Kopie der Horizontal-Schicht Ebenenstil auf die ersten Kopie Vertikale Schicht und dann doppelklicken Sie auf die Vertikale Kopien Schicht der Abgeflachte Kante und Relief-Effekt-Winkel auf -76 zu ändern. und seine Höhe bis 53.
Das ist es für die erste Kopie Schicht.
8. Styling der zweiten Kopie vertikale Ebene
Kopieren und Einfügen der zweiten Kopie des Horizontal-Schicht Ebenenstil auf die zweite Kopie Vertikale Schicht und doppelklicken Sie dann auf die Vertikale Kopie 2-Schicht die Abgeflachte Kante und Relief des Effekts zu ändern Winkel zu -82. und seine Höhe bis 53.
Das schließt die beiden Teile des Textes Styling.
9. Hinzufügen weiterer Glow und Erstellen der Kabel
Erstellen Sie eine neue Ebene unterhalb der ursprünglichen unsichtbare Textebene, nennen es Hintergrund-Licht. ändern und seinen Mischmodus auf Lineares Licht.
Stellen Sie die Vordergrundfarbe auf # 98338b. wählen Sie die Pinsel-Werkzeug. und wählen Sie eine sehr große, weiche, runde Spitze. Dann klicken Sie einmal Flecken der Farbe hinter dem Text hinzuzufügen (nicht klicken und ziehen, Punkt nur die Farbe).
Erstellen Sie eine weitere neue Ebene unterhalb der Hintergrund-Licht-Schicht und nennen es Kabel. Wählen Sie das Stift-Werkzeug und wählen Sie die Option Pfad in der Optionsleiste.
Was müssen Sie als nächstes zu tun ist, um die Pfade zu schaffen, in dem Sie das Kabel hinzufügen möchten. Sie können auf Ecke Ankerpunkte hinzufügen möchten, und klicken Sie auf und ziehen Sie Kurven zu erstellen. Beachten Sie, dass der Pfad nicht perfekt sein erstellt hat, wie Sie später mit dem Direktauswahl-Werkzeug jederzeit abholen können die Ankerpunkte oder die Richtungsgriffe einzustellen.
Zur Trennung der Wege, drücken und halten Sie die Befehlstaste gedrückt, und klicken Sie außerhalb des Weges Sie Erstellen beendet haben, so dass es nicht auf den Pfad verbunden werden Sie, nachdem es schaffen.
Nehmen Sie sich Zeit mit diesem Schritt ein ordentliches Ergebnis zu erhalten.
Stellen Sie die Vordergrundfarbe auf # 252525. wählen Sie das Direktauswahl-Werkzeug. den Pfad der rechten Maustaste und Stroke Pfad wählen.
Wählen Sie Pinsel aus dem Dropdown-Menü Werkzeug und deaktivieren Sie das Simulieren Druckfeld.
Dies wird Hub der Weg. Drücken Sie die Return-Taste loswerden der Arbeitspfad zu erhalten.
10. Styling des Kabel
Doppelklicken Sie auf die Kabelschicht den folgenden Ebenenstil anzuwenden:
Fügen Sie eine Abgeflachte Kante und Relief mit diesen Einstellungen:
Fügen Sie eine Kontur mit diesen Einstellungen:
Fügen Sie eine Musterüberlagerung mit diesen Einstellungen:
Fügen Sie einen Schlagschatten mit diesen Einstellungen:
Dadurch wird das Kabel stylen.
11. Erstellen der Clips
Wählen Sie das Rechteck-Werkzeug und erstellen Sie ein 11 x 15 Pixel Rechteck.
Wählen Sie das Werkzeug Ankerpunkt hinzufügen und klicken Sie auf zwei Punkte in der Mitte der beiden vertikalen Seiten des Rechtecks hinzuzufügen.
Wählen Sie das Direktauswahl-Werkzeug. Klicken und Ziehen der Mittelpunkte Sie hinzugefügt zu wählen, und dann die linke Pfeiltaste drücken, sobald sie 1px nach links zu bewegen.
Duplizieren Sie die Rechteck-Schicht und dann gehen Sie zu Bearbeiten> Transformieren> Drehen um 90 ° im Uhrzeigersinn. Umbenennen der Rectangle Schichten H (horizontal) und V (vertikal).
12. Styling der Clips
Doppelklicken Sie auf die H-Schicht den folgenden Ebenenstil anzuwenden:
Fügen Sie eine Verlaufsüberlagerung mit diesen Einstellungen:
Fügen Sie einen Schlagschatten mit diesen Einstellungen:
Dies wird die horizontalen Clips.
Kopieren Sie die Ebenenstil der H-Schicht auf die V-Schicht, und dann doppelklicken Sie auf die V-Schicht der Verlaufsüberlagerung ‚s Winkelwert auf 0 zu ändern.
Als nächstes duplizieren und die Clip-Schichten überall aufge Clips in das Kabel, das Sie erstellt hinzufügen möchten.
13. Hinzufügen von One More Färbeschicht
Klicken Sie auf die neue Füllung oder Einstellungsebene Symbol erstellen und Solid Color wählen. Verwenden Sie die Farbe # a34799. legen Sie die Einstellungsebene unterhalb der Kabelschicht und seinen Mischmodus auf Vivid Licht ändern. Dies wird die Farbe auf die Steine hinter dem Text, die Anwendung und die Glut und die Beleuchtung des Endergebnisses verbessern.
Glückwünsche! Sie sind fertig
In diesem Tutorial geändert wir einen Ziegelstein Textur Hintergrund und verdunkelt sich ein wenig. Dann haben wir den Text, die gerastert seine Schicht und getrennt, um die horizontalen Teile von den vertikalen und diagonalen Einsen.
Danach werden wir dupliziert und gruppiert die getrennten Textebenen, und gestylt von ihnen alle glänzend leuchtende Wirkung zu erzielen.
Sobald der Haupttext erstellt wurde und gestylt, haben wir etwas mehr Glanz auf den Hintergrund, und verwenden, um das Stift-Werkzeug auf den Pfad des Kabels zu erstellen. Ich streichelte den Pfad und gestylt es ihm einen 3D-Look zu geben.
Schließlich haben wir das Rechteck-Werkzeug einige Clips für das Kabel zu erstellen, zu ändern und gestylt sie und fügte hinzu, eine letzte Einstellungsebene die Färbung des Endergebnisses zu verbessern.