Crearea efectului textului Avengers cu Illustrator & Photoshop
În tutorialul de astăzi vom re-crea efectul de text folosit în comedie (și un film viitoare) - The Avengers, pentru a ne face să simțim că suntem de fapt și eroi, cel puțin un erou de Illustrator / Photoshop :)
Vom face manual textul în Adobe Illustrator, apoi vom importa calea spre Adobe Photoshop și vom aplica anumite efecte și texturi. In loc de “Avengers”, noi vom folosi “Hongkiat” ca text, sau puteți utiliza orice text pe care îl doriți.
Să începem.
Noțiuni de bază
Pentru a urma acest tutorial, veți avea nevoie de următoarele resurse:
- Textură de beton de la VandelayPremier
- Alternativa gratuită: Texturi gratuite de beton din textură Rege
- Răzbunătorii de la Owen Dawson
- Răzbunătorii Mighty de la Owen Dawson
Avenger Text Effect
Pasul 1: Obținerea fontului
Să începem să lucrăm la personajele sale. Prima noastră opțiune este folosirea unui tip de font gratuit. După căutarea în Google folosind cuvântul cheie "free Avengers fonts", am găsit două fonturi cu tema Avengers, The Avengers și The Mighty Avengers. Ambele sunt făcute de Owen Dawson. Din păcate, ambele nu au alfabetul complet pentru proiectul nostru.
Primul font nu are K și O. Avem nevoie de aceste două personaje în "Hongkiat". De asemenea, nu putem folosi caracterul său A deoarece nu este potrivit dacă este folosit între litere, cum ar fi în "Hongkiat".
Al doilea font pare să se bazeze pe comedia originală The Avengers. Are muchii rotunde în loc de muchii ascuțite. Acest stil de font este diferit de posterul său de film.
Deci, cea mai bună opțiune este să desenați personajele manual. Nu vom folosi aceste fonturi, dar ele vor fi utile pentru referința noastră în timp ce creați personajele.
Pasul 2: Referință
Ar trebui să începeți să călătoriți pentru Răzbunători. Aceasta este ceea ce folosesc pentru referința noastră. Salvați fișierul imagine, creați un fișier nou în Adobe Illustrator, apoi lipiți fișierul. Faceți clic pe Object> Lock> Selection pentru a bloca imaginea și pentru a împiedica modificarea accidentală a acesteia.
Pasul 3: Efectuarea de caractere
În textul actual "AVENGERS", putem găsi N și G care sunt folosite în "HONGKIAT". Faceți un nou strat, apoi utilizați instrumentul pen-ului pentru a urmări caracterele N și G.
Pasul 4
Pentru alte caractere (H, O, K, I, A și T), o vom baza de la alte caractere disponibile. Pentru eu, vom folosi caracterul N disponibil și vom elimina jumătate din acesta.
Pentru O, modificăm E închizându-l și adăugând o gaură în centrul său.
Pentru K, putem modifica pur și simplu R prin tăierea părții superioare.
De asemenea, folosim R ca caracter de bază pentru A.
Pentru T, folosim un caracter pe care l-am creat mai devreme.
Pasul 5
Plasați toate aceste personaje în poziția sa. În prezent, avem "ONGKIAT".
Pasul 6: Desenați primul caracter "H"
La fel ca în imaginea de referință, primul personaj este foarte înalt în comparație cu ceilalți. Pentru H, putem folosi referința din fontul de examinare The Avengers.
Pasul 7
Desenați două cercuri de aceeași origine. Selectați ambele cercuri, deschideți panoul Pathfinder și selectați Scădere pentru a crea o formă de sonerie.
Pasul 8
Plasați forma inelului deasupra caracterului H și O. Notă: pentru a ne ajuta să vedem mai bine, voi elimina căile neutilizate.
Pasul 9
Selectați caracterele "Ho", faceți clic pe Obiect> Cale> Cale de decalare.
Pasul 10
Faceți clic dreapta pe H și selectați Ungroup pentru a separa calea de decalare de pe calea principală. Repetați acest proces la O.
Pasul 11
Puneți mare H în partea de sus a formei inelului făcând clic pe Object> Arrange> Bring to Front. Selectați forma mare H și forma inelului, apoi selectați Scădere în panoul Pathfinder.
Acesta este rezultatul.
Pasul 12
Faceți clic dreapta pe forma unui ton și selectați Ungroup.
Pasul 13
Așezați O mare în partea de sus a formei soneriei făcând clic pe Object> Arrange> Bring to Front. Selectați O mare și forma inelului de dedesubt. Din panoul Pathfinder selectați Scădere.
Mai jos rezultatul.
Pasul 14
Ștergeți părțile rămase din inel care nu sunt utilizate.
Pasul 15
Această previzualizare completă pe calea noastră curentă.
Pasul 16
Desenați două dreptunghiuri, apoi rotiți-le cu 45 ° și -45 °. Poziționați ambele forme până când obțineți o formă de săgeată.
Pasul 17
Selectați ambele forme și selectați Combinați din panourile Pathfinder.
Pasul 18
Plasați săgeata în partea de sus a caracterului H. Vedeți imaginea de mai jos pentru plasarea sa. Selectați ambele forme și selectați Scădere.
Acum, avem o săgeată ascunsă în interiorul personajului H. Acest text este acum gata de utilizat.
Pasul 19: Începeți să lucrați în Photoshop
Deschideți Photoshop. Creați un fișier nou cu dimensiunea: 2000 px × 900 px. Umpleți fundalul cu culoarea: # 070707.
Pasul 20: Importul căii de caractere
Reveniți la Illustrator. Selectați toate căile de caractere și apoi apăsați Ctrl + C pentru al copia în clipboard.
Pasul 21
În Photoshop, apăsați Ctrl + V. Inserați textul ca cale.
Textul din Illustrator este plasat ca o nouă cale. Puteți să o găsiți pe panoul Trasee.
Pasul 22
Selectați calea în interiorul O și A. În bara de opțiuni, setați modul său la Scădere. Acest mod va face ca ambele căi să creeze găuri în interiorul căii principale.
Pasul 23: Conversia căii spre formare
Faceți clic pe cercul alb-negru din panoul Straturi. Selectați Solid Color, setați culoarea la # 070c12. Acum, avem o nouă formă bazată pe căile importate.
Faceți dublu clic pe strat pentru a deschide caseta de dialog Stil de stil. Adăugați Bevel și Emboss. Selectați tehnica: Se dă greu pentru a obține muchii dure.
Acesta este rezultatul nostru actual.
Pasul 24
Adăugați textura de beton și plasați-o pe partea de sus a textului. Setați modul de amestecare la Ecran și reduceți Opacitatea la 47%.
Pasul 25
Adăugați masca de strat. Desenați gradientul liniar de la alb la negru.
Pasul 26
Apăsați Ctrl + Alt + G pentru a converti textură în Mască de tăiere. Textura intră acum în text.
Pasul 27
Textura este în prezent estompată în partea de jos a textului. Să le dezvăluim pe unii dintre aceștia picându-i zona cu alb folosind o pensulă cu Opacity 30%. Mai jos, puteți vedea măști strat după pictarea acelor zone.
Acesta este rezultatul. Puteți vedea că acum există o textura subtilă pe partea inferioară a textului.
Pasul 28: Adăugați efectul Stroke Embossed on Text
Duplicați textul și lipiți-l în spatele stratului original de text. Adăugați stil strat: Stroke.
Mai jos, puteți observa că rezultatul este doar o linie de culori plane.
Pasul 29
Să adăugăm Bevel și Emboss și să-i poziționăm stilul pe Stroke Emboss. În acest fel, efectul se aplică, de asemenea, stroke-ului pe care tocmai l-am adăugat.
Acum, lovitura are aspectul Emboss.
Pasul 30
Adăugați strălucire exterioară pentru a adăuga umbra subtilă în spatele fiecărui personaj. În prezent, nu vom putea vedea efectul acesteia, deoarece fondul este încă prea întunecat.
Pasul 31
Creați un strat nou deasupra textului cu efect de cursa. Apăsați pe Ctrl și faceți clic pe stratul de text. Faceți clic pe Selectați> Modificare> Extindeți. Setați Extindere cu 3 pixeli. Observați că am extins selecția pentru 3 pixeli, astfel încât să se potrivească cu dimensiunea cursei.
Completați selecția cu un gradient liniar de la alb la negru la alb.
Setați modul de amestecare la suprapunere. Reduceți opacitatea la 30%.
Pasul 32: Adăugați luminile pe fundal
Creați un nou strat sub text. Activați instrumentul Perie și setați opacitatea la 100%. Desenați o linie albă în spatele textului.
Pasul 33
Reduceți opacitatea periei și trageți o linie mai mare care acoperă prima linie.
Pasul 34
Vopsea cu lumină aleatorie pe margini.
Pasul 35
Apăsați pe Ctrl și faceți clic pe stratul de text pentru a crea o nouă selecție în funcție de forma textului. Faceți un strat nou și plasați-l pe partea de sus a textului principal.
Activați instrumentul Perie, setați Opacitatea la 10%. Vopsește niște albi pe mijlocul textului, ca și cum aruncă lumina din spate.
Mai jos, puteți vedea rezultatul înainte și după adăugarea unei liste de lumină.
Pasul 36
Refaceți noul strat. Plasați-l pe partea de sus a textului. Faceți clic dreapta și alegeți Stroke.
Selectați culoarea albă, Lățime: 1 px.
Pasul 37
Apăsați Ctrl + D pentru a elimina selecția. Aplicați Blur Gaussian pentru a înmuia linia de curse.
Pasul 38
Ștergeți unele linii de atac. Aceste linii se evidențiază pe forma textului.
Pasul 39
Desenați încă o linie de lovitură pe noul strat. Ștergeți unele dintre ele pentru a acționa ca un accent mai accentuat.
Pasul 40
Faceți un strat nou și completați-l cu un gradient liniar, alb până la negru. Apăsați pe Ctrl și faceți clic pe stratul de text.
Pasul 41
Adăugați masca de straturi făcând clic pe pictograma Adăugați o mască de strat în panoul Straturi. Setați modul de amestecare la suprapunere și reduceți opacitatea la 55%.
Pasul 42: Adăugarea culorii
Din nou, apăsați Ctrl și faceți clic pe stratul de text.
Adăugați stratul de ajustare Hue / Saturation. Utilizați setarea de mai jos și asigurați-vă că ați activat opțiunea Culoare.
Iată rezultatul textului.
Pasul 43: Creșterea contrastului textului
Faceți un nou strat. Apăsați Ctrl și faceți clic pe stratul de text, apoi completați selecția cu gradient radial de la negru la alb.
Setați modul de amestecare la suprapunere, apoi reduceți opacitatea la 40%.
Pasul 44: Adăugarea de subtitrări
Desenați un dreptunghi subțire deasupra textului cu culoarea: # 3b568. Adăugați Masca de strat, apoi vopsiți ambele capete cu negru. Adăugați subtitrarea deasupra dreptunghiului.
Rezultat final
Au fost efectuate! Mai jos este rezultatul tutorialului nostru. Faceți clic pe imagine pentru ao vedea în dimensiune completă. Sper că vă bucurați de acest tutorial și ați învățat câteva tehnici noi. Dacă aveți întrebări, nu ezitați să întrebați.
Descărcați finalul .PSD.
