Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

Izradite Spektakularan Efekt za Tekst s Travom u Photoshopu

by
Difficulty:AdvancedLength:MediumLanguages:
This post is part of a series called Mastering Text Effects.
Quick Tip: Create Liquid Filled Glass Text in Photoshop
Create Super Glossy 3D Typography in Illustrator and Photoshop

Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Psdtuts postoji već preko tri godine. Tijekom tog perioda objavili smo mnogo sadržaja. Znamo da količina sadržaja na našoj stranici može biti prevelika za one koji su je tek nedavno otkrili. Zbog toga smo odlučili periodički obnoviti neke starije sadržaje kako biste svi mogli u njima uživati. Danas sam odlučio podsjetiti na post iz svibnja 208. godine čiji je autor osnivač Envato-a, Collis Ta'eed i demonstrira kako izraditi spektakularan efekt za tekst s travom u Photoshopu. Počnimo!


1. korak

Ovaj tutorijal je stvoren od tri dijela - pozadine, samog teksta i nekih dodatnih završnih efekata. Stoga ćemo prvo napraviti pozadinu. Kako biste to učinili, izradite novi dokument u Photoshopu. Ja sam napravio dokument veličine 1920 x 1200 jer želim ovu sliku upotrijebiti kao pozadinu na svojem laptopu.

Počinjemo crtajući Radial Gradient koristeći Gradient Tool (G) koji prelazi iz svijetle žuto-zelene (#adbf41) u srednje zelenu boju (#328a26). Pitam se jesam li ikad napisao tutorijal koji ne počinje s radijalnim gradijentom. :-)


2. korak

Sada za ovu sliku moramo kreirati pozadinu s teksturom koja podsjeća na papir. Prva stvar koju trebamo napraviti je... tekstura papira!

Srećom, možete uzeti neke zaista izvanredne grunge teksture od Bittbox-a koje su zbilja zgodne i velike što je dobro jer je i platno veliko.

Ne mogu se sjetiti koju sam teksturu upotrijebio prvu, ali uzmite neku, smanjite joj zasićenost (Ctrl'Shift+U) i razvucite je preko vrha tako da pristaje unutar okvira platna.


3. korak

Sada postavljamo sloj na Overlay i 70% Opacity kako bismo izblendali teksturu s zelenom pozadinom.


4. korak

Kako bismo postigli pravi pohabani izgled, kopirajte ovaj sloj zakrivite ga za 180' i postavite na 20%. Zatim sam stavio još nekoliko slojeva teksture papira (koristeći različite teksture, uglavnom od Bittbox-a) i postavio ih sve na blijedi overlay, jednu preko druge.

Ovo je djelomično zbog dodatne pohabanosti ali i zato što sam shvatio da teksture izgledaju pomalo zrnato a ne malo i bistro. Zato kombinacijom dodatnih tekstura i njihovim zatamnjivanjem u crno prema rubovima mogu dobiti ljepši, bistriji izgled.

Kao što možete vidjeti na slici prikaza zaslona, ovdje imamo šest slojeva. Ne zaboravite, ako ste Plus član možete preuzeti PSD datoteku za ovaj tutorijal i pogledati sami!


5. korak

Sada sam napravio duplikat gradijenta originalne pozadine, smjestio duplicirani sloj iznad svih tekstura i postavio ga na 40% Opaci2 ty - to će ponovno dodati ton teksturi pa neće imati toliko jako izražen taj "grunge" izgled!


6. korak

Sada radimo novi sloj na vrhu i koristeći veliki, mekani crni kist dodajemo malo crne na rubove. Bilo bi dobro smanjiti Opacity vrijednost na oko 30% i postaviti Overlay. Zatim možete napraviti duplikat sloja i pokrenuti Gaussian Blur preko njega (postavite na oko 32px). Na taj način će se rubovi omekšati.


7. korak

OK, sada imamo lijepu pozadinu!


8. korak

OK, a sada smo spremni početi raditi tekst s uzorkom trave. Zato ćemo trebati neku sliku trave koju možemo izrezati. Nakon duge potražnje, konačno sam pronašao ovu zgodnu fotografiju trave na Flickr-u.

Zato preuzmite sliku u punoj veličini i kopirajte je na svoje platno.


9. korak

Sada trebamo tekst. Stoga izaberite font koji želite za izrezivanje slike. Ja sam izabrao Swiss 924BT koji je podebljan. Smatram da izgleda lijepo i elegantno. I napisao sam tekst "EARTH". To je zato što radim pet ovih wallpapera - zemlju, vodu, vatru, zrak, duh … to je poput crtanog filma koji sam gledao kao dijete, Kapetan Planet!

Nadalje, samo postavite svoj tekst u bijeloj boji i podesite ga u Overlay i 50% Opacity. Ovaj sloj se ustvari neće vidjeti na kraju, to je samo sloj koji služi kao vodič.


10. korak

OK, evo teksta na travi koju smo preuzeli ranije.

Sada malo planiranja! Kako bismo napravili tekst od trave neće biti dovoljno samo ga izrezati na slici trave. Trebamo pomalo grubi izgled, s djelićima trave koji vire izvan rubova. Kako bismo to učinili upotrijebiti ćemo oblike slova kao vodič i zatim ćemo ocrtati ugrubo oko njih i periodički izići iz okvira slova i ocrtati oko rubova i vrhova travki.

Odmah ću Vas upozoriti, vrlo je zamorno!


11. korak

OK, ovdje ocrtavamo. Trebali biste upotrijebiti Pen Tool (P) i iskreno, ako niste spretni s tim alatom već u startu, biti ćete kada završite!

Primijetiti ćete kako se na dijelovima gdje mi putanja prelazi izvan ruba, nekako sama prati vrhove travki. Na taj način kada imate konačnu izrezanu sliku izgledati će kao dijelovi trave koje strše izvan slova.


12. korak

Kada završite putanju najbolje je da je pohranite u Paths Palette. To možete učiniti tako da prebacite na tu paletu i zatim kliknete malenu strelicu prema dolje i odaberete Save Path. Tako možete u svakom trenutku doći ponovno do te putanje, u slučaju da ćete je kasnije trebati.

Sada dvaput kliknite putanju da je selektirate i vratite se na sloj s travom. Duplicirajte sloj s travom tako da imate još jednu travu za druga slova, zatim obrnite odabir (Ctrl+Shift+I) i odrežite višak trave. Na slici snimke zaslona izblijedio sam duplikat sloja s travom tako da možete vidjeti izrezani "E" dio.


13. korak

OK, ovdje imamo "E" na konačnoj pozadini. Kao što vidite, izgleda samo mrvicu bolje u odnosu na kada bismo samo upotrijebili slovo da po njemu napravimo šablonu kako bismo izrezali iz trave. Ali to je OK, ono što je ustvari potrebno jest malo više dubine. U stvarnosti, kada bi to slovo zaista bilo na tome mjestu, trebali bismo vidjeti neke sjene i njegove stranice.


14. korak

Ipak, najprije ćemo dodati neke stilove za slojeve kako bismo postigli trodimenzionalniji oblik. Stilovi su prikazani ispod.

Evo prvog seta stilova za slojeve...


15. korak

Sada duplicirajte taj sloj, zatim očistite stil za sloj s duplikata tako da možemo dodati još stilova. Ovaj put dodajte stil prikazan ispod...

Evo drugog seta stila za slojeve... (Imajte na umu da je Opacity 51% pa će se izjednačiti s prethodnim slojem)


16. korak

Ovo je bilo sve eksperimentalno, i ustvari izgleda sasvim OK ali očito imamo još mnogo posla. Sada ćemo dodati sjenu. Za to ćemo upotrijebiti tehniku koju sam pokazao u prethodnom tutorijalu, Upotreba Svjetla i Sjene za Oživljavanje Teksta

Ideja je da napravimo trodimenzionalni izgled. Stoga primijenite Ctrl+klik na sloj s travom i zatim na novom sloju ispod, ispunite crnom bojom. Zatim opet jednom pritisnite strelicu prema dolje i jednom strelicu u desno i opet ispunite te ponavljajte iznova dok ne postignete efekt kao što je prikazano. Mislim da sam upotrijebio oko 15 koraka za ispunjavanje.


17. korak

Sada pokrećemo Filter > Blur > Motion Blur na sjeni sa 45' kutom i razmakom od oko 30. Zatim podesimo Opacity vrijednost teksta na oko 50%. Trebali biste postići nešto što izgleda poput slike ispod.


18. korak

Sada pomaknite sloj sa sjenom dolje i u desno! Odjednom izgleda kao da slovo baca sjenu. Prilično dobro!


19. korak

Sada sam duplicirao ovaj sloj tri puta. Svaki put sam malo obrisao tako da kako sjena bude bliže tekstu, on postaje tamniji. Podesio sam ove slojeve u Multiply.


20. korak

Ovaj tekst izgleda prilično "cool" ali za dodatnu dubinu moramo dodati još dijelova travki u dijelu pozadine/sjene. Umjesto da izrežemo još trave možemo samo upotrijebiti ovo trenutno slovo izmijenjeno tako da ne bude toliko očito da ih spajamo zajedno.

Kao što možete vidjeti ispod napravio sam nekoliko dijelova trave. To su samo izrezani dijelovi našeg glavnog slova.


21. korak

Sada pomičući te dijelove u dijelove gdje je sjena možemo napraviti da izgleda kao da trava viri izvan i da je to pravi 3D objekt izrađen od trave!

Pošto su ti novi dijelovi trave u sjeni mogli biste upotrijebiti Burn Tool (O) da ih potamnite.


22. korak

Jedno slovo imamo... još samo četiri! Dobra stvar je što smo izabrali kratku riječ umjesto neke duge, kao npr... laborious!


23. korak

Koristeći identičnu tehniku... evo slova A;


24. korak

i slova R i T... shvatili ste.


25. korak

I napokon, potpuna riječ! Jedina dodatna stvar koju sam ovdje učinio jest što sam malo razmaknuo slova. Svako slovo ima svoju Layer Group što olakšava pomicanje.


26. korak

Iako izgleda dobro, tekst je pomalo monoton. Stoga ćemo u ovom završnom dijelu na dizajn dodati još par elemenata. Imajte na umu da ne želimo pretjerati jer želim da ovo bude pozadina za desktop pa je prostor veoma važan (za sve moje ikone!).

Za početak, dodajmo još malo teksta. Ovdje sam smjestio izreku o zemlji i jedinstvu s Bahai religije (to je moja vjera!). Volim izreke jer znače da imamo tri dijela za dekoriranje - izreku, navodne znakove i izvor.

Tekst je u varijaciji sa Swiss fontom koji je tanji, ali još uvijek kondenziran. Koristeći više fontova iz iste obitelji (podebljani, tanki, itd.) je dobra i sigurna opcija da zadržite koherentni izgled teksta.

Ovdje sam podesio izreku u Overlay i 50%, zatim sam duplicirao tekst i postavio ga na Screen i 50%. Zatim sam dodao navodne znakove u istom Swiss fontu ali sam ih napravio ekstra velike u svijetloj nijansi zelene boje. Na kraju, izvor izreke je u sićušnim slovima i centriran vertikalno. I, naravno, cijela izreka je izmjerena tako da bude jednake dužine kao što je glavni "EARTH" tekst.


27. korak

Sada ćemo dodati malo odsjaja. Zato napravite novi sloj iznad svega ostalog i koristeći Gradient Tool (G) nacrtajte gradijent iz bijele u transparentu prema gornjem lijevom vrhu. Zatim postavite ovaj sloj u Soft Light i 50%. To će ga pretvoriti u suptilan dio osvjetljenja.


28. korak

Sada ćemo dodati dva uočljiva elementa kako kontrast svom zelenilu. To će biti briljantno plavi leptir i malena crvena bubamara. Koristio sam izvrsnu everystockphoto web stranicu na kojoj možete pretražiti i pronaći gomilu stranica s besplatnim fotografijama i našao sam dvije odlične slike: Bubamara | Leptir


29. korak

Smještanje slike je prilično jednostavno. Prvo leptir. Samo otvorimo sliku u Photoshopu, upotrijebimo Magic Wand Tool (W) da selektiramo sav bijeli dio i zatim idemo na Select > Modify > Expand i ekspandiramo selekciju za 1px kako bismo bili sigurni da smo je uhvatili u cjelosti. Zatim pritisnemo Ctrl+Shift+I da invertiramo selekciju i kopiramo leptira na glavno platno.

Bubamaru koju sam izabrao moramo izrezati sa slike. Za to sam upotrijebio Pen Tool (P) i prelazio oko nje te je samo izrezao na taj način.


30. korak

Evo naših dodataka. Kao što možete vidjeti, bubamara izgleda zapravo malo čudno jer sam je loše, tj. neprecizno izrezao. Ali to je OK jer će biti sićušna pa se ionako neće vidjeti detalji.

Zalijepite ih i zatim smanjite te pravilno smjestite. Najbolje je da ne budu blizu, jer će na taj način raditi balans.

Svakom sam dodao malenu padajuću sjenu. Kod bubamare je sjena vrlo blizu jer je malena i hoda po travi. Za leptira sam postavio razmak na oko 10px jer leti u zraku i stoga sjena pada malo sa strane.


Konačna slika

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.