Cum se creează un efect de text inspirat în anii 80 în Adobe Photoshop

Ce veți crea

Onorăm limba și cultura germană în această săptămână pentru a sărbători lansarea Versiunea germană a lui Envato Elements

În acest tutorial, veți învăța cum să creați un efect de text utilizând gradient fill și stiluri de strat în Adobe Photoshop. În această săptămână este dedicată culturii germane, așa că vom folosi fraza germană "Aller Anfang ist schwer", care înseamnă "Toate începuturile sunt grele".

Am creat efecte de text moderne din anii 80 cu efecte de text nelimitate utilizând aceeași metodă pentru portofoliul meu GraphicRiver.

Tutorial Active

Veți avea nevoie de următoarele fonturi pentru a finaliza acest tutorial:

  • Fontul Mexcellent
  • Hemi Head Font

1. Modul de pregătire a documentului

Pasul 1

Mergi la Fișier> Nou și să creați un fișier nou cu care să lucrați. Utilizați următoarele setări: Lățime: 3000 px; Înălțime: 2000 px; 300 dpi.

Pasul 2

Clic T pentru a deschide Instrument tip orizontal și să creați orice text utilizând fontul Mexcellent cu o dimensiune de 146 pt.

Pasul 3

Selectați stratul de text și apoi Faceți clic dreapta> Conversia în Obiectul inteligent.

Pasul 4

Creați un alt strat de text utilizând al doilea font al nostru 33 pt dimensiunea și mutați-o 120 px din partea de sus a obiectului inteligent în timp ce țineți apăsat Schimb.

Pasul 5

Selectați stratul de fundal și Completati cu # 231434 folosind culoarea Shift-F5.

2. Cum se creează elementele de fundal

Pasul 1

Lovit U pentru a activa funcția Instrumentul dreptunghiului. Apoi creați o formăcu următoarele setări: 

  • Lățime: 255 px
  • Înălțime: 255 px
  • Umpleți: Niciuna
  • Accident vascular cerebral: 5 px
  • Culoare: #FFFFFF

După aceea, mutați-l în colțul din stânga sus al pânzei în timp ce țineți apăsat Schimb.

Pasul 2

Click dreapta pe primul strat de formăși selectați Duplicat.

Pasul 3

Selectați a doua formă și mutați-o 250 px la dreapta în timp ce țineți Schimb.

Pasul 4

Creați încă zece exemplare ca înainte, apoi le mutați în partea dreaptă pentru a umple întreaga pânză.

Pasul 5

Acum trebuie să selectăm toate straturile de formă pe care le-am creat și Faceți clic dreapta> Duplicați

Pasul 6

Selectați duplicatele noi și mutați-le 250 px jos în timp ce țineți Schimb.

Pasul 7

Duplicați straturile de formă pentru a umple întreaga pânză.

Pasul 8

După aceasta, trebuie să selectăm toate straturile de formă folosind Schimb și apoi Faceți clic dreapta> Conversia în Obiectul inteligent.

Pasul 9

Selectați noul obiect inteligent și apăsați Control-T și redimensionați grila pentru a umple pânza mai precis.

Pasul 10

Selectați obiectul inteligent și mergeți la Editați> Transformare> Perspectivă.

Pasul 11

Selectați punctul de transformare din stânga sus și mutați-l 25 ° în timp ce țineți Schimb.

Pasul 12

presa Control-T și apoi mutați punctele de transformare de vârf la marginile panzei.

Pasul 13

Acum trebuie să mutăm obiectul inteligent în jos 895 px în timp ce țineți Schimb.

Pasul 14

Acum trebuie să creați un duplicat al rețelei, să selectați obiectul inteligent și apoi Faceți clic dreapta> Duplicați.

Pasul 15

Clic U pentru a activa funcția Instrumentul dreptunghiului. Apoi creați o formă în centrul documentuluicu următoarele setări: Lățime: 2100 px; Înălțime: 1050 px; Culoare: #FFFFFF.

Pasul 16

Clic U pentru a activa funcția Instrumentul dreptunghiului. Apoi creați o formă în centrul documentuluicu următoarele setări: Lățime: 3000 px; Înălțime: 900 px; Culoare: # 151515.

Pasul 17

Acum trebuie să creăm ultima formă între straturile de text cu următoarele setări: Lățime: 1200 px; Înălțime: 1 px; Culoare: # 000000.

Pasul 18

Acum trebuie să transformăm straturile noastre de formă în obiecte inteligente. Faceți clic dreapta> Conversia în Obiectul inteligent.

3. Cum se creează efecte pentru straturile de fundal

Pasul 1

Selectați prima formă și schimbați Mod de amestecare la Acoperire.

Pasul 2

Acum trebuie să adăugăm un Lumină exterioară efect în Stratul de stil panou. Dublu click pe strat și utilizați următoarele setări: 

  • Mod amestec: Suprapunere
  • Opacitate: 25%
  • Culoare: # ffc47d
  • Răspândire: 2% 
  • Dimensiune: 40 px
  • Interval: 45%

Pasul 3

Mergi la Filtru> Zgomot> Adăugați zgomot și utilizațiurmătoarele setări: 

  • Suma: 400%
  • Distribuție: uniformă
  • monocromatic

Pasul 4

Selectați obiectul inteligent cu grila și apoi faceți clic pe Creați o mască icoană.

Pasul 5

Selectați masca stratului șipresa Control-I pentru a inversa culoarea măștii.

Pasul 6

 Lovit B pentru a activa funcția Unealta perie și utilizați următoarele setări: 245 px; Duritate: 20%.

Pasul 7

După aceea, apăsați Alt și Click dreapta pe mască și trageți o mască după cum se arată în imaginea de mai jos.

Pasul 8

Acum trebuie să adăugăm un efect de estompare măștii. Selectați din nou masca, apoi treceți la Filtru> Blur> Gaussian Blur și utilizați următoarele setări: Radius: 80 px.

Pasul 9

Acum trebuie să adăugăm aceleași efecte la a doua formă de rețea și să schimbăm Mod de amestecare a stratului la Acoperire si Opacitate la 75%.

Acesta este modul în care imaginea noastră va avea grijă de toate manipulările enumerate mai sus:

Pasul 10

Selectați următorul obiect inteligent și schimbați Mod de amestecare la Acoperire si Opacitate la 25%.

Pasul 11

Mergi la Filtru> Blur> Gaussian Blur și utilizați următoarele setări: Radius: 250 px.

Pasul 12

Selectați următorul obiect inteligent și schimbați Opacitate la 75%.

Pasul 13

Mergi la Filtru> Blur> Gaussian Blur și utilizați următoarele setări: Radius: 165 px.

Pasul 14

Dublu click pe strat și adăugați a Gradient Overlay utilizând următoarele setări: 

  • Mod amestec: Lighten
  • Opacitate: 15%
  • Unghi: 125°
  • Stil: liniar
  • Scară: 59%

Pasul 15

După aceea, trebuie să schimbăm gradientul în același Gradient Overlay panou. Dublu click pe gradient și să creați un nou gradient cu următoarele culori: # db9176 și # 1c1527.

Pasul 16

Acum trebuie să edificăm ultimul obiect inteligent cu forma liniei. Faceți clic dreapta> Editați conținutul pentru a deschide obiectul inteligent.

Pasul 17

În fereastra nou deschisă, apăsați Control-Alt-C și schimbați dimensiunea pânzei la 1220 x 20 px.

Pasul 18

Dublu click pe forma din obiectul inteligent și adăugați o Stralucire interioara utilizând următoarele setări: 

  • Mod amestec: Ecran
  • Opacitate: 100%
  • Choke: 0%
  • mărimea: 0%
  • Interval: 50%
  • Culoare: #FFFFFF

Pasul 19

Apoi, adăugați un Lumină exterioară efectutilizând următoarele setări: 

  • Mod amestec: Lighten
  • Opacitate: 100%
  • Răspândire: 11%
  • mărimea: 9 px
  • Interval: 45%
  • Culoare: # ffc47d

Pasul 20

Schimba Completati a stratului la 0% apoi închideți și salvați obiectul inteligent.

Pasul 21

Mergi la Filtru> Blur> Motion Blur și utilizați următoarele setări: Unghi: 0 °; Distanța: 440 px.

Pasul 22

Schimba Mod de amestecare la Lumină tare.

Pasul 23

Selectați toate formele de fundal în timp ce țineți apăsat Schimb, și apoi apăsați pe Creați un nou grup icoană.

4. Cum se creează efecte text de 80 de secunde

Pasul 1

Creați două duplicate ale primului obiect inteligent cu textul (Faceți clic dreapta> Duplicați).

Pasul 2

Faceți cele două straturi superioare invizibile și creați un alt grup pentru primul obiect inteligent.

Pasul 3

Dublu click pe obiectul inteligent și adăugați a Gradient Overlay utilizând următoarele setări: 

  • Mod amestec: Normal
  • Stil: liniar
  • Unghi: 90%
  • Reverse: Pornit
  • Scară: 100%

Pasul 4

Dupa aceea, Faceți clic pe stânga pe Gradient în același panouși creați un nou gradient cu următoarele setări: 

  • Culoare: # 5a91aeLocație: 0%
  • Culoare: # aee2f1Locație: 22%
  • Culoare: # d3f3f9, Locație: 51%
  • Culoare: # 3d3a3a, Locație: 51%
  • Culoare: # 513c4f, Locație: 60%
  • Culoare: # 8c5f92, Locație: 75%
  • Culoare: # cc9ada, Locație: 90%
  • Culoare: # d8b7e2, Locație: 100%

După ce ați creat panta, apăsați O.K.

Pasul 5

presa Face implicit.

Pasul 6

Creați un nou duplicat al obiectului inteligent și puneți-l mai jos în straturi panou.

Pasul 7

Mutați duplicatul obiectului inteligent 1 px stânga și 1 px în timp ce țineți Schimb.

Pasul 8

Pentru a crea un efect 3D fals, trebuie să creați încă 23 de duplicate ale obiectului inteligent și să le plasați secvențial 1 px sus si 1 px dreapta unul de altul, așa cum am făcut-o cu obiectul inteligent din pasul anterior.

Pasul 9

După aceea, trebuie să mergem la următorul obiect inteligent deasupra grupului fals 3D de straturi și Dublu click și apăsați Bevel & Embos în Stratul de stil panou. Utilizați următoarele setări: 

  • Stil: Oglinda exterioară
  • Tehnică: Netedă
  • Adâncime: 1000%
  • Dimensiune: 2 px
  • Se înmoaie: 0 px
  • Umbrire: 90 °
  • Altitudine: 30 °
  • Mod de evidențiere: Ecran
  • Culoare: #FFFFFF
  • Opacitate: 100%
  • Mod Shadow: Multiplicați
  • Culoare: # 000000
  • Opacitate: 100%

Pasul 10

Lovit Accident vascular cerebral și utilizați următoarele setări: 

  • Dimensiune: 4px
  • Poziție: În interior
  • Opacitate: 75%
  • Culoare: #FFFFFF

Pasul 11

Activati Gradient Overlay și apoi lovit Resetare la valorile implicite.

Pasul 12

Acum, selectați ultimul obiect inteligent și mergeți la Stratul de stil panou. Click pe Suprapunere de culori și utilizați următoarele setări: Mod amestec: Normal; Opacitate: 100%.

Pasul 13

Mergi la Filtru> Blur> Gaussian Blur și utilizați următoarele setări: Radius: 15 px.

Pasul 14

Schimba Opacitate a stratului la 35%.

Pasul 15

Selectați stratul de text mic și mergeți la Stratul de stil panou. După aceea, apăsați Umbra interioara și setați următorii parametri: 

  • Mod amestec: Normal
  • Culoare: #FFFFFF
  • Distanța: 5 px
  • Choke: 0%
  • Dimensiune: 1 px

Pasul 16

Mergi la Stralucire interioara și utilizați următoarele setări: 

  • Mod amestec: Suprapunere
  • Opacitate: 100%
  • Culoare: #FFFFFF
  • Tehnică: mai moale
  • Sursa: Edge
  • Choke: 0%
  • Dimensiune: 2 px

Pasul 17

Adauga o Gradient Overlay la obiectul inteligent din același panou și utilizați următoarele setări: 

  • Mod amestec: Normal
  • Opacitate: 100%
  • Reverse: Pornit
  • Stil: liniar
  • Unghi: 90 °
  • Scară: 139%

Pasul 18

Dupa aceea, Faceți clic pe stânga pe Gradient în același panouși creați un nou gradient cu următoarele setări: 

  • Culoare: # 2b3039 Locație: 0%
  • Culoare: # 4f7ba0 Locație: 28%
  • Culoare: #eafdfe, Locație: 51%
  • Culoare: # 282021, Locație: 51%
  • Culoare: # 2c323c, Locație: 60%
  • Culoare: # 8c5f92, Locație: 75%
  • Culoare: # 416286, Locație: 90%
  • Culoare: # 6cadd8, Locație: 93%
  • Culoare: #fffffd, Locație: 100%  

Odată ce ați creat panta, faceți clic pe O.K.

Pasul 19

În cele din urmă, să adăugăm un Lumină exterioară efectuează stilul stratului folosind următoarele setări: 

  • Mod amestec: Lighten
  • Opacitate: 75%
  • Culoare: # ffc47d
  • Răspândire: 0%
  • Dimensiune: 4 px

Pasul 20

Selectați toate obiectele inteligente cu textul (inclusiv grupul 3D fals) în timp ce țineți apăsat Schimb, apoi apăsați pe Creați un nou grup icoană.

Acesta este modul în care imaginea noastră ar trebui să aibă grijă de toate manipulările enumerate mai sus:

5. Cum se creează efecte luminoase

Pasul 1

Pentru a crea un aspect mai organic, trebuie să adăugăm efecte luminoase. Mergi la Layer> Strat de umplere nou> Gradient.

Pasul 2

Dublu click pe Gradient Completați strat și utilizați următoarele setări: 

  • Stil: liniar
  • Unghi: -55,3 °
  • Culoare: # ffdbb6
  • Poziție: 0
  • Opacitate 100%
  • Culoare: # ffdbb6
  • Poziție: 100 
  • Opacitate: 0%

Pasul 3

Creați un duplicat al umplerii cu gradient folosind Faceți clic dreapta> Duplicați stratul.

Pasul 4

Plasați fiecare strat de umplere de gradient deasupra fiecărui strat de text și apoi, Faceți clic dreapta> Creare mască de tăiere.

Pasul 5

Schimba Mod de amestecare din primul gradient umple până la Acoperire si Opacitate la 65%.

Pasul 6

Schimba Mod de amestecare din al doilea gradient umple până la Acoperire.

Pasul 7

După cum puteți vedea, efectul de umplere a gradientului al doilea nu funcționează asupra celui de-al doilea strat de text. Pentru a rezolva această problemă, trebuie să convertiți stratul de text într-un obiect inteligent folosind Faceți clic dreapta> Conversia la obiectul inteligent.

Pasul 8

Creați un alt duplicat al ultimului umplutură de gradient și apoi Faceți clic dreapta> Eliberare mască de tăiere.

Pasul 9

Mergi la Layer> Strat de umplere nou> Gradient.

Pasul 10

Dublu click pe Gradient Completați strat și utilizați următoarele setări: 

  • Stil: radial
  • Unghi: -90 °
  • Scară: 250%
  • Reverse: Pornit
  • Culoare: # 000000
  • Poziție: 0
  • Opacitate 100%
  • Culoare: # 000000
  • Poziție: 100 
  • Opacitate: 0%

Pasul 11

Selectați ultimele două straturi de umplere a gradientului în timp ce țineți apăsat Schimb, apoi apăsați pe Creați un nou grup icoană.

Pasul 12

Schimba Opacitate a grupului la 75%.

Awesome Work, ai terminat acum!

În acest fel, putem crea efecte de text inspirat de 80s în Adobe Photoshop folosind obiecte inteligente, umpluturi de gradient și stiluri de straturi.

Sper că v-ați bucurat de acest tutorial și nu ezitați să mă contactați pentru ajutor. De asemenea, puteți verifica eficacitatea textului din anii 80 din portofoliul meu pe GraphicRiver.