Text dramatic despre efectul de foc în Photoshop

Flamele sunt deosebit de greu de făcut în Photoshop, dar în acest tutorial vă vom arăta cum să utilizați o fotografie de foc pentru a seta textul la meci. Vom face aspectul pe un fundal întunecat, cu un efect de text superb pentru a completa imaginea.

Aceasta este cea de-a doua serie din seria noastră cu cinci părți din Photoshop Typography. Dacă ați pierdut săptămâna trecută, vizitați Crearea unui efect de textură pentru iarbă spectaculoasă.


Partea 1 - Contextul

Deci, creați un nou document în Photoshop la o înălțime de 1920 pixeli lățime x 1200 pixeli, iar cu Gradient Tool (G), trageți un gradient radial de maro (# 5c3d09 la # 1f1409) pentru a obține ceva asemănător cu cel prezentat mai jos.

Observați că gradientul nu este centrat pe verticală, ci se află în partea de sus. În această imagine dorim ca partea de sus a textului să fie focalizată, astfel încât partea superioară a imaginii ar trebui să fie puțin mai aprinsă.


Pasul 2

Ca și în tutorialul cu texte de iarbă, din nou vom avea un fundal texturate. Dar, mai degrabă decât să încep de la zero, tocmai am copiat fundalul din tutorialul anterior, am îmbinat toate straturile și desaturați pentru a obține ceea ce vedeți mai jos.

Dacă trebuie să faceți acest lucru de la zero, vizitați mai întâi Bittbox pentru a obține texturile originale ale hârtiei și apoi urmați pașii tutorialului anterior.


Pasul 3

Acum am setat stratul la Overlay și amestec textura în fundal și voila!


Pasul 4

Doar pentru a adăuga un pic mai mult textură, totuși, să rulați filtrul Texturizer. Pentru a face acest lucru, creați un strat nou și completați-l cu o culoare maro / bej - # 66500f. Apoi, mergeți la Filter> Texture> Texturizer și utilizați textura Canvas cu scalare și ajustare 80% setată la 4.


Pasul 5

Odată ce aveți stratul texturizat, setați-l pe Suprapunere. Acest lucru adaugă un detaliu extra fin texturii noastre, care este bun pentru că lucrăm la o astfel de pânză mare.


Pasul 6

Apoi vom aplica un strat pentru a desatura ușor jumătatea inferioară a imaginii. Acest lucru este astfel încât partea de sus pare a avea o strălucire mai caldă în cazul în care flăcările sunt, în timp ce partea de jos pare puțin mai rece.

Creați un strat nou și completați-l cu culoarea # 4b4f3b. Apoi adăugați o mască de strat cu un gradient pentru a masca partea de sus și se estompeze (pentru a obține efectul afișat).

Acum setați stratul la Culoare și 45% opacitate.


Partea 2-Text + Glow = Awesomeness

OK, acum avem un fundal frumos! Deci, să adăugăm un text. Am folosit fontul Traian pentru că este un font cu adevărat dramatic. Aici am plasat textul în culoarea # cb9328, apoi l-am setat pe Linear Dodge (Add) cu o opacitate de 8%.

Ceea ce vom face cu textul nostru face să pară că jumătatea superioară a textului iese din fundal și este roșie, iar focul se aprinde. Aceasta înseamnă că vom executa o mulțime de efecte și vom aplica măști de strat, astfel încât să se afișeze doar jumătatea superioară, în timp ce jumătatea inferioară revine la textul estompat ca în prezent.


Pasul 8

Deci, mai întâi creați un nou grup de straturi pentru a pune toate straturile de text în - deoarece vor fi multe dintre ele.

Apoi duplicați stratul de text și setați culoarea textului duplicat la # 5e3f1c.


Pasul 9

Acum setați cel mai nou strat de text la Overlay și 70% Opacity. Ar trebui să arate cam roșu (după cum se arată mai jos).


Pasul 10

Acum duplicați textul din nou și setați cel mai recent duplicat într-o culoare gălbuie - # cb9328. Apoi setați acest lucru la Dodge Linear (Adăugare) și Opacitate 30%.

Apoi adăugăm o mască de strat și tragem un gradient astfel încât cel mai recent text să se estompeze după cum se arată mai jos și sub ea se poate vedea combinația de culori roșiatică a celor două straturi de text de jos.



Pasul 11

Apoi duplicăm stratul de text din nou, dar puneți acest strat chiar în partea de jos. Setați culoarea în negru - # 000000. Apoi treceți la Filter> Blur> Gaussian Blur și vă va cere să rasterizeți textul, faceți clic pe da la acesta și apoi setați Radiusul la aproximativ 4px.

Apoi apăsați Ctrl pe oricare dintre celelalte straturi de text și reveniți la stratul negru și apăsați pe ștergere, astfel încât veți rămâne cu un fel de umbră. Apoi duplicați acest strat și îmbinați-l cu primul astfel încât efectul să fie mai greu. Ar trebui să aveți ceva care arată ca imaginea de mai jos.


Pasul 12

Încă o dată, adăugați o mască de strat, astfel încât umbra se estompează rapid după cum se arată. Acest lucru face să pară că textul iese din pagină.


Pasul 13

Acum duplicați stratul neagră din nou și folosiți Smudge Tool (R) și o perie moale largă pe care doriți doar să mișcați umbra în jurul valorii de astfel încât se pare ca arde marche.


Pasul 14

Iată cum arată textul nostru acum. Am creat de fapt două seturi de semne de "arsură", iar apoi patru seturi de strat de umbre fiecare se estompează puțin mai mult decât ultima și fiecare se estompează.


Pasul 15

Acum este momentul să facem partea de sus a textului nostru strălucitor. Deci, în primul rând, duplicați stratul de text din nou și plasați acest strat în partea de sus și setați-l într-o culoare galbenă - # dc9a08.

Apoi rulați un filtru> Blur> Gaussian Blur peste el cu rază de 8px. Apoi, apucați o perie mare de radiere moale și doar ștergeți părțile de la partea de jos, deci este destul de neuniform.


Pasul 16

Setați primul nostru strat de strălucire la Soft Light. S-ar putea să doriți să repetați procesul, ștergând chiar mai mult, astfel încât partea superioară este chiar mai strălucitoare.


Pasul 17

Acum duplicați stratul de text din nou și plasați-l la cel mai înalt nivel. Aceasta ar trebui să fie din nou aceeași galben (# dc9a08).

Apoi mergeți la Layer> Rasterize> Type și transformați textul într-un grafic plat. Apoi apăsați Ctrl pe strat și mergeți la Selectare> Modificare> Contract și utilizați o valoare de 1px. Apoi apăsați Delete pentru a șterge totul, cu excepția conturului de 1px.


Pasul 18

Acum, setați stratul 1px la suprapunere și ar trebui să aveți ceva asemănător imaginii de mai jos.


Pasul 19

Acum, la luminozitatea noastră de 1px adăugați o mască de strat pentru ao decolora în jos, așa cum am făcut cu celelalte straturi.

Apoi, duplicați stratul și executați un filtru> Blur> Gaussian Blur setat la 1px. Apoi duplicați acest strat din nou și împăturiți-l cu 2px. Apoi duplicați stratul din nou și blur-l cu 4px.

Apoi apăsați Ctrl pe oricare dintre straturile de text, apăsați Ctrl + Shift + I pentru a inversa selecția și treceți prin fiecare strat de strălucire și apăsați Ștergeți pentru a elimina orice estompare care a părăsit limita textului.

Ideea este că vrem ca marginile textului să arate roșu-fierbindu-se, în timp ce se estompează într-o strălucire totală a textului.


Pasul 20

Apoi duplicăm toate cele patru din straturile de strălucire și îmbinarea acestora. Acest lucru ar trebui să ducă la un strat deasupra, care este original galben strălucitor.

Prindeți instrumentul Smudge și rulați peste text, făcând ca acesta să arate ca niște valuri de căldură care ies din text, după cum se arată.

Pasul 21

Acum setați acest ultim strat la Overlay și ar trebui să aveți ceva asemănător!


Pasul 22

Acum ne-am terminat destul de mult textul. Am trecut prin și am duplicat unele straturi de strălucire pentru a face să pară și mai foc. Simțiți-vă liber să experimenteze obținerea unei străluciri reale de roșu-cald, făcând acest lucru.


Pasul 23

Apoi, în concordanță cu ultimul tapet, am plecat și am adăugat un citat sub textul meu principal. Acest lucru oferă o încântare frumoasă a paginii. Încercați să utilizați culorile care se potrivesc cu fundalul și stratul de text, astfel încât să nu iasă prea mult, pentru că într-adevăr acest lucru este un element secundar al textului principal. Am folosit Swiss Light Condensed ca fontul meu și l-am pus la fel ca în tutorialul Grass Text precedent.


Partea a 3-a Flames

În cele din urmă, odată cu pregătirea noastră, este timpul să adăugăm flăcările reale! Pentru aceasta, avem nevoie de câteva imagini de foc fixate pe un fundal neagră. O fotografie bună este greu de găsit și încercați așa cum am făcut, nu am putut găsi o fotografie gratuită. Deci, în cele din urmă am folosit această fotografie din Fotolia pe care o puteți cumpăra utilizând linkul de mai jos. A fost, de asemenea, o fotografie OK din Flickr, la care am legat și pe care am terminat-o mai târziu pentru "E". Deci, poate doriți să luați și asta.

AcheroN-Fotolia.com
Peasap-Flickr.com

Acum tehnica de copiere a flăcărilor este într-adevăr foarte simplă. De fapt, am învățat această tehnică recent atunci când citesc unul dintre tutorialele lui Nik Ainley pentru revista DigitalArts, numită Creați Amazing Photomontages unde a făcut-o cu apă.

Ce trebuie să faceți este:

  1. Deschideți imaginea cu flacără din Photoshop
  2. Accesați fila Canale și găsiți canalul cu cel mai mare contrast, care pentru imaginile de foc ar trebui să fie Red Channel și faceți clic pe acesta
  3. Acest lucru va face ca imaginea să apară alb-negru și pentru că suntem pe cel mai înalt nivel de contrast, va fi alb strălucitor. Acum, apăsați Ctrl pe acest canal și acesta va selecta toți pixelii din acel canal.
  4. Reveniți la canalul RGB și copiați pixelii selectați
  5. Acum poți lipi flacăra în pânza principală!

Aceasta este de fapt o tehnică cu adevărat utilă pentru a copia ceva translucid ca focul de pe fundal plat. Și după cum veți vedea vizitând tutorialul lui Nik, este, de asemenea, minunat pentru copierea apei!


Pasul 25

OK, deci aici am lipit flăcările pe panza noastră principală. (Pentru claritate am oprit și temporar straturile de text). După cum puteți vedea, avem focul fără fundul negru și este parțial transparent, ceea ce înseamnă că va arăta super în partea de sus a textului nostru.


Pasul 26

Acum, următorul lucru pe care trebuie să-l facem este să tăiem un pic de foc în câteva bucăți. Duplicați stratul și dezactivați mai întâi unul ca rezervă. Apoi, folosind Instrumentul Pen, tăiați focul, astfel încât să lucrați cu contururile flacării astfel încât să pară natural. Aici puteți vedea că am produs patru bucăți de flacără dintr-o singură imagine. De asemenea, puteți încerca să răsturnați biții în jurul lor pentru a le face să pară mai aleatorii.

Setați straturile în modul Ecran, astfel încât toate părțile negre rămase să dispară în totalitate și sunt și mai transparente.


Pasul 27

Acum, deoarece textul meu este doar patru litere, am nevoie de patru bucăți separate de foc. Pentru a patra (în partea de sus a E) De fapt, am luat fotografia Flickr și am repetat același proces ca mai devreme pentru a crea o altă flacără. De asemenea focul scrisorii eu a fost răstălmăcită puțin și pentru a face să pară mai aleatoriu.


Pasul 28

Aplicarea focului este într-adevăr la fel de ușoară ca mișcarea flăcărilor peste text. Vreți să încercați să potriviți flăcările cu forma literei, astfel încât să pară că dansează scrisorile.


Pasul 29

OK aici am pus toate cele patru bucăți de flacără peste partea de sus. Nu este rău, dar puteți vedea că eu și R au aceeași flacără și tot flăcările nu sunt foarte înalte.


Pasul 30

Deci, aici am trecut prin fiecare flacără și folosind Instrumentul de transformare le-am întins vertical. De asemenea, am folosit un pic de ștergere judicioasă pentru a face flacăra pe eu arata un pic mai unic.


Pasul 31

Acum, pentru a le face să arate chiar mai mult aprins, duplicați fiecare strat de flacără, rulați un filtru> Blur> Gaussian Blur cu un rază de 3px și setați stratul la 15% opacitate, astfel încât acesta oferă un pic de strălucire în jurul marginilor flăcărilor.


Pasul 32

Deci suntem aproape acolo! Așa arată compoziția.


Pasul 33

În final, vom adăuga o ultimă evidențiere. Creați astfel un nou strat peste toate celelalte și trageți un gradient radial alb-negru, după cum se arată. Setați acest strat la suprapunere și 40% opacitate.


Terminat!

Și acolo o avem, un text pe foc! În următorul tutorial din seria, vom produce imaginea Air, totuși aceasta va fi în două săptămâni, nu una - când am câteva zile de lucru!

Dacă sunteți interesat în crearea de flăcări de la zero în Photoshop, ați putea dori, de asemenea, să verificați acest tutorial clasic care folosește coincidență exact același tip de text! Este un tutorial Photoshop 6 și îmi amintesc încă că l-am citit acum o jumătate de deceniu, dar este încă foarte relevant, chiar dacă capturile de ecran au o interfață super-retro Mac.