Cum să creați un efect realist de lumină neonică în Adobe Photoshop

Ce veți crea

Straturile de efecte strălucitoare și lucioase pot ajuta la crearea unor obiecte frumoase, lucioase. Aflați cum puteți modifica textura cărămizii pentru fundal și apoi utilizați stiluri de straturi cu instrumentul Pen pentru a adăuga un text neon strălucitor și stralucitor și un cablu simplu peste el.

Căutați o scurtătură? Check out acest frumos Neon Light Effect disponibil pe Envato Elements. Acesta vine cu:

  • o structură de strat organizată
  • șapte variații de culoare
  • obiecte inteligente folosite pentru plasarea ușoară a obiectelor
  • patru variații de fond
  • două efecte de suprapunere noir
  • patru obiecte vectori de probă. 

În loc să creați efectul de la zero, puteți utiliza această soluție simplă, gata făcută.

Neon Light Effect asupra Envato Elements

În caz contrar, acest tutorial cuprinzător vă va arăta un flux de lucru complet și profesional. Să începem!

Tutorial Active

Următoarele elemente au fost utilizate în timpul producerii acestui tutorial:

  • Beon Medium font
  • BrickOldRounded0061 Imagine 2 - Mare (2000x2328)
  • Light Grunge Seamless Patterns Vol. 2 de către webdesignerlab

1. Crearea fundalului

Pasul 1

Creaza un nou 1500 x 950 px document, și setați Rezoluţie la 300.

Mergi la Fișier> Locul încorporat, și deschideți BrickOldRounded0061 imagine. Redimensionați-o după cum doriți, apoi apăsați pe Întoarcere cheie pentru a accepta modificările.

Pasul 2

Apasă pe Creați un nou strat de umplere sau ajustare pictograma din partea de jos a ferestrei straturi panou și alegeți niveluri.

Pasul 3

Apasă pe Ajustarea clipului la strat pictograma din partea de jos a ferestrei Proprietăți panou, apoi schimbați umbre valoare pentru 85.

Pasul 4

Apasă pe Creați un nou strat de umplere sau ajustare icon din nou și alegeți Hue / Saturație. Apasă pe Ajustarea clipului la strat pictograma din partea de jos a ferestrei Proprietăți panou, apoi schimbați Saturare la 11, si lumină la -83.

2. Crearea textului

Pasul 1

Creați textul în Toate capacele folosind fontul Beon Medium. Culoarea este # a33e88 si mărimea este 103 pt.

Pasul 2

Duplicați stratul de text și faceți-l invizibil făcând clic pe pictograma ochi de lângă acesta. Atunci Click dreapta Copiați și alegeți Rasterizeaza tipul.

Ce vom face mai departe este separarea părților verticale și diagonale ale literelor de cele orizontale, pentru a aplica efectele utilizând diferite valori Angle.

Pasul 3

Alegeți Instrument de marcaj dreptunghiular (sau orice instrument de selecție doriți), faceți clic pe Adăugați la selecție pictograma în Opțiuni bara și selectați toate părțile orizontale ale literelor pe care le aveți.

Pasul 4

Mergi la Editați> tăiat, și apoi Editați> Lipire specială> Lipire pe loc. Aceasta va plasa piesele selectate într-un strat separat. Redenumiți straturile la Vertical și Orizontală.

Pasul 5

Schimbați ambele Vertical și Orizontală straturi Completati valori pentru 0.

Pasul 6

Duplicați fiecare dintre acestea Vertical și Orizontală straturi de două ori și apoi plasați fiecare set de straturi într-un grup care are numele său (vertical / orizontal).

Pasul 7

Plasați Orizontală grup sub Vertical unu.

3. Styling stratul orizontal original

Faceți dublu clic pe original Orizontal strat pentru a aplica următorul stil strat:

Pasul 1

Adauga o Bevel și Emboss cu aceste setări:

  • Mărimea: 10
  • Debifați Utilizați Lumina Globală cutie
  • Unghi: 0
  • Altitudine: 70
  • Verifică Anti-aliased cutie
  • Modul de evidențiere: Lumina liniara
  • Mod Shadow - Opacitate: 0%

Pasul 2

Adauga o Contur cu aceste setări:

  • Verifică Anti-aliased cutie.

Pasul 3

Adăugați un Umbra interioara cu aceste setări:

  • Mod amestec: Ecran
  • Culoare: # e658d4
  • Unghi: 30
  • Distanţă: 0

Pasul 4

Adăugați un Stralucire interioara cu aceste setări:

  • Opacitate: 85%
  • Culoare: # fe66f1
  • Sursă: Centru
  • Mărimea: 18

Pasul 5

Adauga o Umbra cu aceste setări:

  • Distanţă: 13
  • Mărimea: 7

Aceasta va schița primul strat al părții orizontale.

4. Styling Layer Horizontal First Copy

Faceți dublu clic pe prima copie orizontală strat pentru a aplica următorul stil strat:

Pasul 1

Adauga o Bevel și Emboss cu aceste setări:

  • Mărimea: 16
  • Debifați Utilizați Lumina Globală cutie
  • Unghi: -36
  • Altitudine: 42
  • Contur: Cove - Deep
  • Verifică Anti-aliased cutie
  • Modul de evidențiere: Lumina vie
  • Mod Shadow - Opacitate: 0%

Pasul 2

Adauga o Contur cu aceste setări:

  • Contur: Conul - inversat
  • Verifică Anti-aliased cutie

Acest lucru va adăuga mai multă luciu textului.

5. Styling al doilea strat de copiere orizontală

Faceți dublu clic pe a doua copie orizontală strat pentru a aplica următorul stil strat:

Pasul 1

Adauga o Bevel și Emboss cu aceste setări:

  • Mărimea: 16
  • Debifați Utilizați Lumina Globală cutie
  • Unghi: 18
  • Altitudine: 58
  • Contur: Jumătate rotunde
  • Verifică Anti-aliased cutie
  • Modul de evidențiere: Lumina vie
  • Mod Shadow - Opacitate: 0%

Pasul 2

Adauga o Contur cu aceste setări:

  • Contur: Sawtooth 2
  • Verifică Anti-aliased cutie

Pasul 3

Adăugați un Stralucire interioara cu aceste setări:

  • Mod amestec: Lumina liniara
  • Zgomot: 5%
  • Culoare: #ffdcfa
  • Sursă: Centru
  • Mărimea: 38

Pasul 4

Adăugați un Lumină exterioară cu aceste setări:

  • Culoare: # 7f2d65
  • Mărimea: 15

Acest lucru va stoca stratul final orizontal, adăugând și mai multă luciu și strălucire.

6. Styling stratul vertical vertical

Pasul 1

Click dreapta originalul Orizontală strat, alege Stilul stratului de copiere, apoi faceți clic dreapta pe original Vertical strat și alegeți Lipiți stilul stratului.

Faceți dublu clic pe original Vertical strat pentru a regla Bevel și Emboss„s Unghi și Altitudine prin schimbarea lor 90 și 74.

Pasul 2

Pentru Stralucire interioara, schimba doar mărimea la 15.

Aceasta va ajusta efectul pentru a se potrivi părților verticale și diagonale.

7. Styling Layer Vertical First Copy

Copiați și lipiți prima copie orizontală stilul stratului stratului la prima copie Vertical , apoi faceți dublu clic pe Copie verticala strat pentru a schimba Bevel și Emboss efecte Unghi la -76, si este Altitudine la 53.

Asta e pentru primul strat de copie.

8. Modelarea stratului vertical secundar

Copiați și lipiți a doua copie orizontală stilul stratului stratului la al doilea exemplar Vertical , apoi faceți dublu clic pe Copie verticală 2 strat pentru a schimba Bevel și Emboss efecte Unghi la -82, si este Altitudine la 53.

Asta încheie stilul ambelor părți ale textului.

9. Adăugarea mai multă strălucire și crearea cablului

Pasul 1

Creați un strat nou sub stratul original text invizibil, sunați-l Lumina de fundal, și schimba-l Mod amestec la Lumina liniara.

Seteaza Prim plan culoarea la # 98338b, alegeți Unealta perie, și alegeți un vârf foarte mare, moale, rotund. Apoi, faceți clic o dată pentru a adăuga spoturi de culoare în spatele textului (nu faceți clic și trageți, atingeți doar culoarea).

Pasul 2

Creați un alt strat nou sub Lumina de fundal strat și apelați-l Cablu. Alegeți Instrumentul Pen și alegeți cale opțiune în Opțiuni bar.

Ceea ce trebuie să faceți în continuare este să creați căile în care doriți să adăugați cablul. Puteți să faceți clic pentru a adăuga puncte de ancorare a colțurilor, apoi faceți clic și trageți pentru a crea curbe. Rețineți că calea creată nu trebuie să fie perfectă, așa cum puteți alege Instrumentul de selecție directă în orice moment mai târziu pentru a regla punctele de ancorare sau mânerele de direcție.

Pasul 3

Pentru a separa traseele, apăsați și mențineți apăsată tasta Comanda și faceți clic în afara căii pe care ați terminat-o să creați, astfel încât să nu fie conectată la calea pe care o creați după ea.

Pasul 4

Luați-vă timp cu acest pas pentru a obține un rezultat elegant.

Pasul 5

Alegeți Unealta perie, și apoi deschideți Perie panou (Fereastră> Pensulă) și alegeți o rundă tare 7 px Sfat cu Spațiere setat la 1.

Pasul 6

Seteaza Prim plan culoarea la # 252525, alegeți Instrumentul de selecție directă, dați clic dreapta pe cale și alegeți Cale de atac.

Pasul 7

Alege Perie de la Instrument meniul derulant și debifați Simulați presiunea cutie.

Pasul 8

Acest lucru va afecta calea. Loveste Întoarcere cheie pentru a scăpa de calea de lucru.

10. Stylingul cablului

Faceți dublu clic pe Cablu strat pentru a aplica următorul stil strat:

Pasul 1

Adauga o Bevel și Emboss cu aceste setări:

  • Verifică Anti-aliased cutie
  • Modul de evidențiere: Lumina vie
  • Culoare: # ec6ab7
  • Opacitate: 24%

Pasul 2

Adauga o Contur cu aceste setări:

  • Verifică Anti-aliased cutie.

Pasul 3

Adauga o Suprapunerea modelului cu aceste setări:

  • Mod amestec: Multiplica
  • Model: 8

Pasul 4

Adauga o Umbra cu aceste setări:

  • Opacitate: 60%
  • Distanţă: 13
  • Mărimea: 10

Aceasta va schița cablul.

11. Crearea clipurilor

Pasul 1

Alegeți Instrumentul dreptunghiului și să creeze un 11 x 15 px dreptunghi.

Pasul 2

Alegeți Adăugați un instrument de puncte de ancorare și faceți clic pentru a adăuga două puncte în centrul ambelor laturi verticale ale dreptunghiului.

Pasul 3

Alegeți Instrumentul de selecție directă, faceți clic și trageți pentru a selecta punctele de centru pe care le-ați adăugat, apoi apăsați pe Săgeată stânga cheie o dată pentru a le muta 1 px la stanga.

Pasul 4

Duplicați Dreptunghi strat și apoi du-te la Editare> Transformare> Rotire 90 ° în sensul acelor de ceasornic. Redenumiți straturile dreptunghiului în H (pentru orizontală) și V (pentru verticale).

12. Modelarea cleștilor

Faceți dublu clic pe H strat pentru a aplica următorul stil strat:

Pasul 1

Adauga o Gradient Overlay cu aceste setări:

  • Opacitate: 42%
  • Apasă pe Gradient pentru a crea gradientul folosind culorile # 151515 la stanga, # 6d6d6d în centru și # 161616 la dreapta.

Pasul 2

Adauga o Umbra cu aceste setări:

  • Opacitate: 60%
  • Distanţă: 13
  • Mărimea: 10

Aceasta va schița clipul orizontal.

Pasul 3

Copiați și lipiți H stilul stratului stratului la V , apoi faceți dublu clic pe V strat pentru a schimba Gradient Overlay„s Unghi valoare pentru 0.

Pasul 4

Apoi, duplicați și plasați straturile de clip oriunde doriți să adăugați clipuri la cablul pe care l-ați creat.

13. Adăugarea unui singur strat de colorare

Apasă pe Creați un nou strat de umplere sau ajustare icon și alegeți Culoare solida. Utilizați culoarea # a34799, plasați stratul de ajustare sub Cablu strat, și schimba-l Mod amestec la Lumina vie. Aceasta va aplica culoarea caramizilor din spatele textului și va spori strălucirea și iluminarea rezultatului final.

Felicitări! Ați terminat

În acest tutorial, am modificat un fundal de textura cărămizii și l-am întunecat puțin. Apoi am creat textul, i-am rasterizat stratul și am separat părțile orizontale de cele verticale și diagonale.

După aceea, am duplicat și grupat straturile de text separate și le-am desenat pe toate pentru a obține efectul lucios-strălucitor.

Odată ce textul principal a fost creat și format, am adăugat ceva mai mult strălucire în fundal și am folosit instrumentul Pen pentru a crea calea cablului. Am mângâiat calea și am redactat-o ​​pentru ao da în 3D.

În sfârșit, am folosit instrumentul Rectangle pentru a crea clipuri pentru cablu, a le modifica și a le schimba și a adăugat un ultim strat de ajustare pentru a îmbunătăți colorarea rezultatului final.

Aveți nevoie de acțiuni premium Photoshop sau de efecte text, le avem disponibile pentru cumpărare pe GraphicRiver, cum ar fi Awesome Neon Text Effect Style Action.

Vă rugăm să aveți libertatea de a vă lăsa comentariile, sugestiile și rezultatele de mai jos.