Creați un efect de text Spectacular Grass în Photoshop

Envato Tuts + a fost în jur de mulți ani. În acel moment, am postat mult conținut. Știm că cantitatea de conținut de pe site-ul nostru poate fi un pic copleșitoare pentru cei dintre dvs. care au descoperit recent site-ul nostru. De aceea am decis să ne reînviem periodic câteva dintre posturile noastre mai vechi pentru a vă bucura de toți. Astăzi, am decis să aducem înapoi un post al fondatorului Envato, Collis Ta'eed, din mai 2008, care demonstrează cum să creăm un efect spectaculos de text în iarba în Photoshop. Să începem!

Dragoste efecte text? Creați efecte mai rapide cu Generatoarele de text de la Envato Market.


1. Cum se creează fundalul

Pasul 1

Acest tutorial este alcătuit din trei părți - fundalul, textul în sine și unele efecte suplimentare finale. Deci, mai întâi de toate, vom face un fundal. Pentru a face acest lucru, noi creăm un document nou în Photoshop. Am făcut-o pe a mea 1920 x 1200 pentru că vreau ca această imagine să stea pe fundalul laptopului meu.

Începem prin a desena Radial Gradient cu Instrument de gradient (G) trecând de la un galben-verde deschis (# adbf41) într-un mediu verde (# 328a26). Mă întreb dacă am scris vreodată un tutorial care nu începe cu un gradient radial.


Pasul 2

Acum pentru această imagine dorim să creăm un fundal cu adevărat texturate, asemănător cu hârtia. Deci primul lucru de care avem nevoie este ... o textură de hârtie!

Din fericire puteți să luați câteva minunate texturi de hârtie de la Bittbox și ele sunt frumoase și mari, ceea ce este bine pentru că aceasta este o pânză imensă.

Deci nu-mi amintesc ce textură am folosit mai întâi, dar apuc pe una, desaturați-o (Ctrl-Shift-U) și întindeți-o deasupra pentru a se potrivi panzei.


Pasul 3

Acum am setat stratul la Acoperire și 70% opacitate pentru a îmbina textura cu fundalul verde frumos.


Pasul 4

Acum, pentru a obține un aspect cu adevărat distras, am copiat acest strat, l-am întors 180' și puneți-o la dispoziție 20%. Apoi am adus mai multe straturi de textură de hârtie (folosind texturi diferite, mai ales din Bittbox) și le-am așezat pe suprapuneri slabe, una pe cealaltă.

Acest lucru a fost parțial pentru distresul suplimentar, dar și pentru că mi-am dat seama că texturile păreau puțin granulate și nu erau mici și ascuțite. Deci, prin combinarea texturilor extra și apoi decolorarea tot înapoi, pot obține un aspect mai frumos, mai ascuțit.

Oricum, după cum puteți vedea în screenshot, aici sunt șase straturi. Nu uitați dacă sunteți membru Plus puteți descărca fișierul PSD pentru acest tutorial și aruncați o privire acolo!


Pasul 5

Acum eu duplicat gradientul original de fond, a plasat stratul duplicat deasupra tuturor texturilor și a setat-o 40% opacitate-acest lucru întoarce textura înapoi, astfel încât nu este chiar atât de grungy!


Pasul 6

Acum creăm a Strat nou peste partea de sus și folosind o mare, moale, perie neagră, adăugați niște negru la margini. Merită să tonifi înapoi opacitatea 30% și Acoperire. Apoi, puteți duplica stratul și executa o grele Gaussian Blur peste acesta (setat la aproximativ 32PX). Astfel, muchiile se înmoaie.


Pasul 7

OK, acum avem un fundal frumos!


2. Cum se creează textul de iarbă

Pasul 1

OK, acum suntem gata să facem niște texte de iarbă. Pentru a face asta, vom avea nevoie de niște iarbă frumoasă pentru a tăia. După o mulțime de căutări, am găsit în sfârșit această fotografie minunată pe Flickr de iarbă.

Deci, descărcați imaginea la dimensiune completă și copiați-o pe panza dvs..


Pasul 2

În continuare avem nevoie de un tip. Deci, selectați un font cu care doriți să tăiați. Am ales Swiss 924BT, tip gras și condensat. Am crezut că arăta frumos și măreț. Și am scris textul "PĂMÂNTUL". Asta pentru că fac cinci dintre aceste imagini de fundal - pământ, apă, foc, aer, spirit ... e ca și acel desen animat pe care l-am folosit ca pe un copil, Captain Planet!

Oricum, deci setați textul în alb și setați-l la Overlay și la opacitate de 50%. Acest strat nu va apărea în final, este doar un strat de ghidare.


Pasul 3

OK, deci iată textul pe iarba pe care am primit-o mai devreme.

Acum un pic de planificare! Pentru a face text din iarbă, nu va fi suficient doar pentru a șterge iarba. Mai degrabă avem nevoie de ea pentru a arăta toate dur, cu bucăți de iarbă lipirii marginilor. Pentru a face acest lucru, vom folosi formatele literelor ca un ghid dur și apoi vom urmări aproximativ în jurul lor și vom ieși periodic pentru a urmări în jurul lamei de iarbă.

Te voi avertiza acum, este foarte obositoare!


Pasul 4

OK, deci aici urmărim. Ar trebui să utilizați Instrument Pen (P) și sincer, dacă nu sunteți la îndemână cu ea înainte de a începe, veți fi până la sfârșit!

Observați cum în părțile în care mi se coboară calea, urmează niște lame individuale de iarbă. În felul acesta, când vei avea ultima decupare, vor arăta ca niște bucăți de iarbă.


Pasul 5

Când ați terminat calea, este mai bine să o salvați în Căi paletă. Puteți face acest lucru trecând la acea paletă și apoi făcând clic pe săgeata puțin în jos și selectând Salvați calea. În felul acesta, dacă mai ai nevoie de cale mai târziu, o poți apuca.

Oricum, faceți dublu clic pe calea pentru a obține selecția și reveniți la stratul de iarbă. Duplicat stratul de iarbă astfel încât să aveți în continuare mai multă iarbă pentru celelalte litere, apoi inversați selecția (Ctrl-Shift-I) și tăiați excesul de iarbă. În captura de ecran am răsturnat stratul de iarbă duplicat astfel încât să puteți vedea partea tăiată "E".


Pasul 6

Bine, așa că avem aici "E" pe Bakcgroundul final. După cum vedeți, arată doar puțin mai bine decât dacă am fi folosit scrisoarea pentru a șterge iarba fără să ne mai deranjeze. Dar este OK, ceea ce are nevoie este un pic mai mult adâncime. La urma urmei, dacă scrisoarea ar fi fost într-adevăr acolo, ar trebui să vedem niște umbre și laturi.


Pasul 7

Mai întâi de toate, vom adăuga un stil de strat pentru a da un aspect mai mult de trei dimensiuni. Stilurile sunt prezentate mai jos.

Iată primul set de strat stiluri...


Pasul 8

Acum duplicat stratul respectiv, apoi ștergeți stilul stratului din duplicat, astfel încât să putem adăuga mai multe stiluri. De această dată adăugați stilurile prezentate mai jos ...

Iată al doilea set de strat stiluri... (Rețineți că este 51% opacitate așa că se va amesteca cu stratul anterior)


Pasul 9

Deci, acest lucru a fost doar experimental, și pare cam bine, dar, evident, are un drum lung de parcurs. Acum vom adăuga o anumită umbră. Pentru aceasta vom folosi o tehnică pe care am demonstrat-o într-un tutorial anterior, Utilizarea luminii și a umbrelor pentru a aduce textul la viață

Ideea este de a face un aspect tridimensional. Asa de Ctrl-clic stratul de iarbă și apoi într-un strat nou de mai jos, umpleți-l cu negru. Apoi apăsați o dată săgeata în jos și săgeata dreapta o dată și umpleți-o din nou, apoi repetați-o din nou și până când obțineți un efect ca cel prezentat. Cred că a fost cam 15 etape de umplere.


Pasul 10

Acum avem un a Filtru> Blur> Motion Blur pe umbra noastră cu a 45 'Unghi și a Distanţă De aproximativ 30. Apoi setați textul la un nivel scăzut Opacitate De aproximativ 50%. Ar trebui să aveți ceva care arată ca imaginea de mai jos.


Pasul 11

Acum deplasați stratul de umbră în jos și spre dreapta și se întâmplă magie! Dintr-o dată se pare că scrisoarea aruncă o umbră. Destul de curat!


Pasul 12

Acum eu duplicat acest strat de trei ori. De fiecare dată când am șters un pic de ea departe, astfel încât ca umbra este mai aproape de text devine mai întunecat. Am setat aceste straturi Multiplica.


Pasul 13

Deci acest text arată destul de răcoros, dar pentru acel adâncime de adâncime ar trebui să adăugăm niște bucăți de iarbă în zona de fundal / umbră. Mai degrabă decât să tăiem mai mult iarbă, putem folosi această literă actuală transformată, astfel încât să nu fie evident că o hackem împreună.

Așa cum puteți vedea mai jos, am creat câteva bucăți de iarbă. Sunt doar niște bucăți din scrisoarea noastră principală.


Pasul 14

Acum, mutând piesele în zonele umbrite, putem să arătăm că există o iarbă care se lipsește și este un obiect 3D real din iarbă!

Deoarece aceste biți noi de iarbă sunt în umbră, poate doriți să utilizați Burn Tool (O) pentru a le întuneca în mod corespunzător.


3. Cum se creează textul rămas

Pasul 1

Deci yay, o scrisoare în jos ... patru pentru a merge! Bine că nu am ales un cuvânt lung ca erm nu știu ... laborios!


Pasul 2

Folosind exact aceeași tehnică ... aici este A;


Pasul 3

și R și T ... obțineți imaginea.


Pasul 4

Și, în sfârșit, tot cuvântul! Singurul lucru suplimentar pe care l-am făcut aici a fost să mut puțin literele. Fiecare scrisoare este proprie Grupul de straturi ceea ce face ca mișcarea să fie mult mai ușoară.


Pasul 5

Acum, frumos în timp ce se uită, textul nostru este puțin singur și monoton. Astfel, în această ultimă secțiune vom adăuga mai multe elemente în design. Rețineți că nu vrem să exagerăm, pentru că vreau ca acesta să fie un fundal pentru desktop, deci spațiul este important (pentru toate pictogramele mele!).

Deci, mai întâi, să adăugăm ceva text suplimentar. Aici am plasat un citat frumos despre pământ și despre unitatea luată din credința Baha'i (aceasta este religia mea!). Îmi place citate, pentru că înseamnă că primim trei părți pentru decorare - citatul, ghilimelele și sursa.

Textul se află într-o variantă a lui Elveția, care este mai subțire, dar totuși condensată. Utilizarea mai multor fonturi din aceeași familie (grele, ușoare, etc) este un pariu bun, sigur pentru păstrarea tipului dvs. coerent.

Deci, aici am stabilit citatul Acoperire și 50%, apoi duplicat textul și setați-l pe ecran și pe 50%. Apoi am adăugat ghilimele în același font elvețian, dar le-am făcut foarte mari și o nuanță strălucitoare de verde. În cele din urmă, sursa citatului este scrisă în litere teen și centrat vertical. Și, bineînțeles, întregul citat a fost măsurat astfel încât este exact lungimea textului principal "EARTH".


Pasul 6

Apoi vom adăuga un pic de accent pe scena. Pentru a face acest lucru, creați un Strat nou mai presus de toate restul, și folosind Instrument de gradient (G), trageți un gradient de alb spre transparent spre partea stângă sus. Apoi setați acest strat la Lumina slaba și 50%. Acest lucru îl va transforma într-un frumos pic de iluminare.


Pasul 7

Acum vom adăuga două elemente atrăgătoare pentru a compensa toate verdele. Acestea vor fi un fluture albastru strălucitor și o gărgăriță roșie. Am folosit excelentul site web everystockphoto care caută o mulțime de site-uri web gratuite stoc pentru a găsi două imagini minunate de folosit: Ladybug | Fluture


Pasul 8

Plasarea imaginilor este destul de ușoară. Mai întâi fluturașul. Deschidem imaginea în Photoshop, folosește Magic Wand Tool (W) pentru a selecta toată zona albă, apoi mergeți la Selectați> Modificare> Extindeți și extindeți selecția prin 1px pentru a ne asigura că avem totul. Apoi apăsați Ctrl-Shift-I pentru a inversa selecția și pentru a copia fluturele pe panza principală.

Liliacul pe care l-am ales trebuie să fie tăiat din imaginea lui. Pentru a face asta am folosit Instrument Pen (P) și tras în jurul micului tip și apoi l-au tăiat în felul ăsta.


Pasul 9

Deci aici sunt cele două extras. După cum puteți vedea, viermele de lady pare un pic ciudat, de fapt, pentru că am făcut o treabă rapidă de al tăia. Dar este OK pentru că va fi mic, astfel încât oricum să nu mai puteți vedea detaliile.

Așezați-le, apoi le strângeți și le așezați corespunzător. Cel mai bine este dacă nu sunt apropiați, pentru că se vor echilibra în felul acesta.

Am adăugat câte o umbră la fiecare. Cu balaurul este o umbra foarte apropiata pentru ca este mic si merge pe iarba. Cu fluturașul, am stabilit distanța până la aproximativ 10px pentru că el se plimba în aer și, prin urmare, umbra aterizează puțin mai departe.


Imagine finală

Iată rezultatul final!

Generatoare de text de la Envato Market

Efectele de text au devenit mult mai ușor cu generatorii de text de la Envato Market. Creați efecte de suflare a minții cu texturi realiste și forme 3D! Consultați unul dintre preferatele noastre de mai jos!

Generator de efect de text pentru iarbă

Adăugați câteva flori la efectul de text cu ajutorul acestui generator uimitor de text. Alegeți din cele șapte opțiuni frumoase pentru a schimba culoarea și stilul textului dvs. de iarbă. Descărcați acest pachet astăzi pentru a obține acces la acțiuni Photoshop gata de utilizare pentru un preț scăzut!