Cum se creează un efect de text 3D, strălucitor, retro în Adobe Photoshop

Ce veți crea

Acest tutorial vă va arăta cum să utilizați obiecte inteligente și stiluri de straturi pentru a crea un efect de text 3D, retro, strălucitor. Să începem!

Acest efect de text a fost inspirat de numeroasele stiluri de strat disponibile pe Envato Market.

Tutorial Active

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

  • Fontul Big John
  • Textură metalică
  • Înghețați-vă de AFineWar
  • Gratuit Pack 6000 gradienți photoshop de Supertuts007 (Încărcați CHROMES.grd fişier)

1. Creați Gradientul de fundal

Pasul 1

Creaza un nou 800 x 600 px document, faceți clic pe Creați un nou strat de umplere sau ajustare pictograma din partea de jos a ferestrei straturi și selectați Culoare solida.

Pasul 2

Folosește Culoare # 2e363.

Pasul 3

Dublu click Culoare solida strat pentru a aplica a Gradient Overlay efect folosind următoarele setări:

  • Verifică oscila cutie
  • Mod amestec: Arderea liniară
  • Opacitate: 20%
  • Stil: Radial
  • Scară: 150%
  • Apasă pe Gradient pentru a crea umplutura de gradient utilizând culorile #FFFFFF la stânga și la dreapta #ababab la dreapta

Acest lucru va crea un fundal gradient simplu.

2. Adăugați textura de fundal

Pasul 1

Plasați Textură metalică in varful Culoare solida layer, și redimensionați-l după cum este necesar.

Redenumiți stratul texturii Textură BG, și schimba-l Mod amestec la Lumina slaba.

Pasul 2

Mergi la Imagine> Ajustări> Niveluri, și schimbați Gamma valoare pentru 1,50.

3. Creați textul și obiectul său inteligent

Pasul 1

Creați textul utilizând fontul Big John. mărimea este 200 pt, Culoare este # e8a505, si Urmărirea este 100.

Pasul 2

Redenumiți stratul de text la TextClick dreapta și alegeți Conversia la obiectul inteligent.

Asigurați-vă că urmați denumirea straturilor în tutorial, astfel încât lucrurile să nu devină confuze.

Pasul 3

Duplicați Text layer, faceți-l invizibil și trageți-l pe partea de sus a copie strat.

4. Creați acțiunea de transformare

Apoi, vom duplica textul și vom transforma stratul de copiere, apoi repetați acest lucru pentru un număr de straturi.

Deoarece lucrăm cu obiecte inteligente și pentru a evita orice duplicat cu probleme de transformare, vom înregistra o înregistrare Acțiune pentru asta.

Pasul 1

Deschide acţiuni panou (sub Fereastră meniul).

Pasul 2

Apasă pe Creați un set nou pictograma din partea de jos a panoului, introduceți Extrusion în Nume câmp și faceți clic pe O.K.

Pasul 3

Apasă pe Creați o acțiune nouă pictograma din partea de jos a panoului, introduceți Acțiune în Nume câmp și faceți clic pe Record.

5. Înregistrați acțiunea

Pasul 1

Duplicați Copiați textul strat prin clic-tragere la Strat nou pictograma din partea de jos a ferestrei straturi panou.

Pasul 2

presa Command-T pentru a intra în Mod Free Transform, și apoi apăsați pe Sageata in jos cheie o dată și Sageata dreapta o dată pentru a muta Copia textului 2 strat 1 px în jos și 1 px la dreapta.

Pasul 3

Loveste Întoarcere cheie pentru a angaja modificările. Ar trebui să vedeți toți pașii înregistrați și adăugați la Acțiune creați.

Pasul 4

Apasă pe Opriți înregistrarea pictograma din partea de jos a ferestrei acţiuni panou.

6. Creați Extruziunea

Pasul 1

Apasă pe Redați selecția pictograma din partea de jos a ferestrei acţiuni panou 10 ori pentru a crea 10 mai multe copii cu transformarea.

Ultimul strat trebuie să aibă numele Copie text 12.

Pasul 2

Selectați toate Copiați textul straturi (fără originalul invizibil Text strat) și mergeți la Layer> Aranjare> Revenire.

Aceasta va plasa ultimul strat de copie în partea de jos și va aduce prima în partea de sus.

Pasul 3

Deselectați primul și ultimul strat, apoi plasați straturile selectate rămase într-un grup și apelați-l Extrusion.

Pasul 4

Redenumiți Copiați textul strat la Frontul textului, si Copie text 12 strat la Da mesaj inapoi.

Duplicați Frontul textului strat, modificați copia Completati valoare pentru 0, și duplicați-o.

7. Stilul straturilor de extrudare

Dublu click Copia textului 2 strat pentru a aplica următorul stil strat:

Pasul 1

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

  • Mărimea: 0
  • Mod Shadow - Opacitate: 15%

Pasul 2

Adauga o Umbra cu aceste setări:

  • Opacitate: 7%
  • Distanţă: 3
  • Mărimea: 2

Pasul 3

Aceasta va schița primul strat de extrudare.

Click dreapta stratul stil și alegeți Stilul stratului de copiere.

Pasul 4

Selectați restul straturilor de extrudare, Click dreapta oricare dintre ele și alegeți Lipiți stilul stratului.

Aceasta va crea efectul de extrudare 3D.

Pasul 5

Duplicați Extrusion grup, glisați copia pentru ao plasa în partea de sus a paginii Copierea textului frontal 2 strat, și schimba-l Completati valoare pentru 0.

8. Stilul stratului frontal al textului

Dublu click Frontul textului strat pentru a aplica următorul stil strat:

Pasul 1

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

  • Mărimea: 3
  • Contur de luciu: Cove - Deep
  • Verifică Anti-aliased cutie
  • Mod Shadow - Opacitate: 15%

Pasul 2

Adauga o Contur cu aceste setări:

  • Contur: Cove - Deep
  • Verifică Anti-aliased cutie
  • Gamă: 100%

Pasul 3

Adauga o Accident vascular cerebral cu aceste setări:

  • Mărimea: 1
  • Poziţie: Interior
  • Mod amestec: Ecran
  • Tip de umplere: Gradient
  • Folosește robinet 70 gradient fill

Pasul 4

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

  • Opacitate: 35%
  • Debifați Utilizați Lumina Globală cutie
  • Unghi: 141
  • Distanţă: 9
  • Sufoca: 6
  • Mărimea: 18

Pasul 5

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

  • Mod amestec: Lumina liniara
  • Opacitate: 100%
  • Culoare: # d1cc90
  • Tehnică: Precis
  • Mărimea: 90
  • Contur: Conul - asimetric

Pasul 6

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

  • Opacitate: 100%
  • Culoare: Folosește robinet 140 gradient fill
  • Spread: 28
  • Mărimea: 10
  • Contur: Cove - Shallow

Pasul 7

Adauga o Umbra cu aceste setări:

  • Opacitate: 7%
  • Distanţă: 3
  • Mărimea: 2

Aceasta va schița stratul superior al textului.

9. Stilul primei copii frontale

Dublu click Text copie frontală 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: 138
  • Altitudine: 21
  • Contur de luciu: Cove - Deep
  • Verifică Anti-aliased cutie
  • Mod Shadow - Opacitate: 15%

Pasul 2

Adauga o Contur cu aceste setări:

  • Contur: Cove - Deep
  • Verifică Anti-aliased cutie.
  • Gamă: 100%

Pasul 3

Adauga o Accident vascular cerebral cu aceste setări:

  • Mărimea: 1
  • Poziţie: Interior
  • Mod amestec: Ecran
  • Tip de umplere: Gradient
  • Folosește robinet 70 gradient fill

Aceasta va schița primul strat al părții interioare a frontului textului.

10. Stilul celei de-a doua copie frontală

Dublu click Copierea textului frontal 2 strat pentru a aplica următorul stil strat:

Pasul 1

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

  • Tehnică: Dă greu
  • Mărimea: 10
  • Debifați Utilizați Lumina Globală cutie
  • Unghi: 110
  • Altitudine: 26
  • Contur de luciu: Conul - asimetric
  • Verifică Anti-aliased cutie
  • Mod Shadow - Opacitate: 15%

Pasul 2

Adauga o Contur cu aceste setări:

  • Contur: Pantă înclinată - rotunjită
  • Verifică Anti-aliased cutie
  • Gamă: 100%

Acest lucru va face stilul celui de-al doilea strat al părții interioare a frontului textului.

11. Stilul Text Back Layer

Copiați și lipiți Frontul textului stilul stratului stratului la Da mesaj inapoi strat, apoi dublu click Da mesaj inapoi pentru a regla următoarele setări:

Pasul 1

Bevel și Emboss:

  • Mărimea: 6

Pasul 2

Contur:

  • Contur: Conul - inversat

Pasul 3

Umbra:

  • Opacitate: 70%
  • Distanţă: 20
  • Mărimea: 50

Aceasta va schița stratul din spate.

12. Stilul grupurilor de extrudare

Pasul 1

Dublu click Extrusion grup pentru a aplica o Gradient Overlay efect cu următoarele setări:

  • Verifică oscila cutie
  • Mod amestec: Multiplica
  • Folosește aragaz 185x gradient fill

Acest lucru va adăuga o dimensiune mai extinsă la extrudare.

Pasul 2

Dublu click Extrusion copy grup pentru a aplica un Lumină exterioară efect cu următoarele setări:

  • Mod amestec: Lumina liniara
  • Opacitate: 35%
  • Culoare: # a9f6ff
  • Mărimea: 27
  • Contur: Inel
  • Gamă: 75%

Pasul 3

Grupează toate straturile vizibile de copiere a textului și grupurile de extrudare pe care le aveți și apelați grupul Efectul textului.

Pasul 4

Dublu click Efectul textului grup pentru a aplica un Lumină exterioară efect cu următoarele setări:

  • Mod amestec: Ecran
  • Opacitate: 50%
  • Culoare: # 399da7
  • Mărimea: 150

Pasul 5

Acest lucru va termina efectul de text.

Dacă doriți să modificați textul, puteți dublu click originalul Text pentru a deschide fișierul text original, modificați textul, accesați Imagine> Reveal All, și apoi Fișier> Salvare, și Fișier> Închideți.

Aceasta va actualiza restul straturilor de obiecte inteligente și veți obține efectul aplicat noului text pe care l-ați introdus.

13. Adăugați o textură și unele straturi de ajustare

Pasul 1

Plasați Îngheţa textură pe partea de sus a tuturor straturilor și redenumiți stratul său Suprapunere textură. Schimba Suprapunere textură layer Mod amestec la Arderea liniară si este Opacitate la 15%.

Pasul 2

Adauga o Harta de gradienți ajustați stratul deasupra tuturor straturilor și verificați oscila cutie.

Creați umplutura de gradient utilizând culorile # 433469 la stanga, # 5e6474 în mijlocul și # d4b28a la dreapta.

Schimbă stratul Mod amestec la Culoare si este Opacitate la 15%.

Pasul 3

Duplicați Harta de gradienți ajustați stratul, apoi schimbați copia Mod amestec la Lumina slaba si este Opacitate la 50%.

Felicitări, sunteți gata!

În acest tutorial, am creat un fundal gradient simplu cu o acoperire cu textură.

Apoi am creat textul, l-am transformat într-un obiect inteligent și l-am duplicat. După aceea, am înregistrat o acțiune pentru a crea extrudarea și am început să aplicăm straturi diferite straturilor pentru a crea efectul de text.

În cele din urmă, am adăugat o textură și câteva straturi de ajustare pentru a termina totul.

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