Folosind lumina și umbra pentru a aduce textul în viață

Cea mai bună carte pe care am citit-o vreodată despre desen este cea numită Desen pe partea dreaptă a creierului. După ce am citit-o, sunt încă destul de rău la desen, dar am învățat multe despre lumină și umbră. În acest tutorial vom lua câteva principii fundamentale de lumină și umbre pentru a face un efect de text destul de impresionant.


Surse de lumină

Deci, înainte de a începe tutorialul, este o diagramă puțin despre modul în care lumina ar putea atinge un obiect. Aici avem un obiect pătrat în mijloc, cu lumină venind din stânga sus. Puteți vedea că unde lumina atinge obiectul, o umbra este aruncată pe cealaltă parte. Rețineți că umbra nu este o umbră a Photoshop-ului, ceea ce face ca obiectul să pară ca acesta să se înalțe deasupra pânzei. Aici vrem ca obiectul să pară ca un lucru tridimensional blocat pe pânză, extrudare dacă doriți. Acum spune-mi ce alt site tutorial Photoshop îți oferă diagrame? E ca și cum ai fi înapoi în școală!


Pasul 1

Începem tutorialul prin trasarea unui Gradient Linear subtil de la gri închis la gri mai întunecat. Rețineți că, deoarece dorim ca lumina noastră să vină din partea stângă sus, acolo este partea mai ușoară a documentului.


Pasul 2

Acum punem un text. Am folosit un font foarte cool, numit Agentia FB, care are o impresie solida si simpla. Ar trebui să faceți textul o culoare albastră-ish - # c2c8d4 pentru a fi precis.


Pasul 3

Apoi apăsați Ctrl pe stratul de text și creați un strat nou deasupra acestuia. În noul strat, cu această selecție încă ținută, trageți un gradient liniar de # 495a79 la transparent din partea de jos spre dreapta spre stânga. Deci, cu alte cuvinte, întunecați fundul drept, așa cum este arătat.


Pasul 4

Setați culoarea prim-planului la Negru (puteți face acest lucru apăsând tasta "D" de pe tastatură care restabilește valorile prestabilite).

Acum, apăsați Ctrl clic pe stratul de text din nou și creați un nou strat sub stratul de text. Acum apăsați o dată pe săgeata în jos de pe tastatură și o dată pe săgeata din dreapta a tastaturii. Apoi apăsați Alt + Backspace pentru al umple cu negru. Apoi apăsați în jos și din nou dreapta o dată și completați cu negru. De fiecare dată când se va mișca 1px dreapta și 1px în jos. Ar trebui să repetați acest proces de aproximativ 30 de ori (motiv pentru care este important să folosiți Alt + Backspace în locul instrumentului Fill).

Rețineți, de asemenea, că pentru a muta selecția, dar nu și umplerea atunci când apăsați tastele săgeți, trebuie să aveți una din instrumentele Marquee. Dacă treceți la Instrumentul de mutare (V) atunci când apăsați în jos și la dreapta, veți deplasa efectiv umplerea neagră precum și selecția și va completa doar aceiași pixeli.


Pasul 5

Iată ce ar trebui să aveți acum. Deselectați acum și asigurați-vă că sunteți pe stratul de umbre, apoi mergeți la Filter> Blur> Motion Blur și utilizați valori de -45 grade și o distanță de 30px.


Pasul 6

Setați stratul de umbră la Înmulțire și aproximativ opacitatea de 40%, apoi țineți apăsată tasta Shift și apăsați săgeata în jos și apoi săgeata dreapta. Acest lucru vă va mișca obiectul în dreapta și în jos, câte 10 pixeli fiecare (Shift îi spune lui Photoshop să meargă 10 pixeli în același timp, în loc de 1). Acum puteți avea unele dintre părțile neclară ale umbrei lipite în partea superioară și din stânga a obiectului. În acest caz, apucați o gumă moale și ștergeți ușor orice nu trebuie să fie umbrit (rețineți diagrama de la început).


Pasul 7

Apoi duplicați stratul de umbră, țineți Shift și mutați-l în jos și din nou dreapta. Apoi rulați din nou filtrul Motion Blur cu o distanță de 50px și setați acest strat la Multiplicare și 20% opacitate. Acest lucru este doar pentru a da umbrele noastre mai mult de o urmă de pe.


Pasul 8

Acum, creați un strat nou deasupra tuturor celorlalte straturi, țineți apăsat Ctrl și faceți clic pe stratul de text principal pentru a selecta pixelii și pentru a reveni la noul dvs. strat, completați selecția cu alb. Nu renunta la selectie, totuși. În schimb, apăsați în jos și la dreapta o dată pentru a vă deplasa la 1px și apoi apăsați Ștergeți.

Setați acest strat de linie albă subțire la opacitate de aproximativ 80%.


Pasul 9

După cum puteți vedea, linia albă subțire dă un fel de efect de evidențiere în care sursa de lumină atinge textul și dă impresia că textul este mai tridimensional.


Pasul 10

În continuare vrem să creăm câteva fluxuri de lumină naturală. Creați un strat nou deasupra tuturor celorlalte și trageți patru sau cinci dreptunghiuri albe aproximativ similare cu cele afișate (adică devenind mai grase pe măsură ce acestea coboară).


Pasul 11

Acum, apăsați Ctrl + T pentru a transforma și rotiți și măriți dreptunghiurile așa cum se arată. Acum, în mod normal, ați apăsa Enter când ați terminat, dar de data aceasta nu vă lăsați să mergeți încă. În schimb, faceți clic dreapta și veți obține un meniu pop-up care vă arată alte tipuri de transformări pe care le puteți face. Alegeți perspectiva. Motivul pentru care este important să faceți acest lucru într-un singur pas este să nu pierdeți caseta de legare. Deci, luați două puncte în partea de sus stânga și apropiați-le, astfel încât lumina pare să vină dintr-un loc și să se răspândească.


Pasul 12

Aici avem patru fâșii de "lumină". Acum setați stratul la Overlay și 20% Opacity și apoi mergeți la Filter> Blur> Gaussian Blur și dați-i o rază de estompare de 6px.


Pasul 13

Ar trebui să aveți acum ceva care arată astfel.


Pasul 14

Acum, deoarece acele benzi subțiri sunt menite să fie lumină, ar fi logic ca stratul nostru evidențiat să apară numai acolo unde lumina a fost lovită drept? Deci, apăsați Ctrl pe stratul de lumină și apoi faceți clic pe stratul de evidențiere de mai devreme, apoi în timp ce selecția este încă activată, faceți clic pe butonul Adăugați masca stratului (este cel din partea de jos a paletei de nivel din partea dreaptă a f "). Aceasta va crea o mască care arată doar stratul de evidențiere în care lumina se suprapune.


Pasul 15

Deci te poți opri aici; deja arată destul de bine, dar vom termina efectul prin adăugarea unor lumini calde.


Pasul 16

Deci, înainte de toate, creați un nou strat chiar deasupra fundalului și completați-l cu o culoare roz - # 9d506c.


Pasul 17

Acum setați modul de amestecare a stratului roz la Color și opacitatea la 20%. Acest lucru oferă fundalului nostru o frumoasă căldură roșiatică. Pe partea de sus a acestui lucru se poate amesteca acum în unele galben. Dacă nu aruncăm sub roșiață rezultatul, rezultatul pare a fi prea galben și nu foarte real.


Pasul 18

Apoi vom crea un strat chiar deasupra rozului. Completați complet cu alb și apoi treceți la Filter> Render> Efecte de iluminare. Eu nu folosesc adesea Efecte de Lumină, dar are o presetare foarte cool numită Spotlight Two O'clock, pe care o puteți selecta, mergând la Stil în partea superioară și căutând printre opțiuni. Puteți folosi destul de mult acest lucru ca implicit, dar pentru scopurile noastre ajută la extinderea elipsei pentru ao face puțin mai lungă (adică lumina reflectoarelor este puțin mai departe).


Pasul 19

Acum am setat stratul de iluminare pe Overlay și aveți ceva asemănător indicat mai jos. Acum duplicați stratul respectiv, mutați-l peste celălalt și fixați-l la opacitate de 40%. Acest lucru face ca luminile noastre calde să interacționeze, de asemenea, cu textul și nu doar cu fundalul.

http://psd.tutsplus.com/tutorials/text-effects-tutorials/using-light-and-shade-to-bring-text-to-life/


Concluzie

În cele din urmă, duplicăm stratul de iluminare de sus pentru o perioadă mai lungă și setați-l la opacitate de 65%, apoi dați clic pe butonul Adăugați masca stratului din paleta de straturi din nou și trageți un gradient liniar alb-negru de la stânga sus la dreapta. Acest lucru face ca stratul suplimentar de iluminare să se estompeze pe măsură ce coboară spre dreapta.