U ovom tutorialu pokazat ću vam kako smjestiti sliku u tekst uz Photoshop. Ali umjesto da popunjavamo jednu riječ ili jedan redak teksta, dodatno ćemo poboljšati stvari i naučit ćemo jednostavan trik koji vam omogućuje da odmah smjestite sliku u dva ili više slojeva tipa!
U prethodnom tutorialu naučili smo kako stvoriti osnovnu sliku u efektu teksta, gdje smo sliku postavili jednom riječju. Da bismo stvorili učinak, sve što smo trebali učiniti je kopirati našu sliku, premjestiti je iznad sloja Type i zatim zarezati sliku u tekst pomoću obrezne maske. Ali što ako imate više riječi, svaka na zasebnom sloju vrste, koje morate ispuniti istom slikom? Kako smjestiti sliku u dva, tri ili više slojeva tipa istovremeno? U ovom ćemo tutorialu pogledati problem na koji nailazimo i jednostavno rješenje!
Evo kako će izgledati konačni učinak ili barem jedna varijanta istog, s tri riječi, svaka na zasebnim slojevima tipa, ispunjenih istom slikom. Naučit ćemo kako prilagoditi učinak mijenjanjem boje pozadine, dodavanjem efekata sloja i podešavanjem prozirnosti pozadine na kraju vodiča:
Konačni učinak.
Započnimo!
Kako ispuniti svoj tekst slikom
Koristit ću Photoshop CC, ali svaka nedavna verzija funkcionira.
1. korak: otvorite svoju sliku
Otvorite sliku koju želite smjestiti unutar teksta. Koristit ću se na ovoj slici koju sam preuzeo sa Adobe Stock-a:
Slika koja će biti smještena unutar teksta. Kredit za fotografije: Adobe Stock.
Korak 2: Dodajte svoj tekst
Dodajte tekst dokumentu i stavite ga tamo gdje vam je potreban ispred slike. Ako pogledamo ploču Slojevi, vidjet ćemo da sam već dodao neki tekst, a svaka riječ ("POD", "THE" i "SEA") nalazi se na zasebnom sloju Type. Sama slika se nalazi na pozadini sloja ispod njih. Uključit ću tekst klikom na ikonu vidljivosti svakog sloja tipa:
Uključivanje sva tri sloja tipa.
I ovdje vidimo sve tri riječi ispred slike. Za sada ćete htjeti koristiti crnu kao vašu vrstu iz razloga koji ćemo vidjeti za trenutak:
Tekst je dodan i smješten ispred slike.
Korak 3: Dodajte sloj za punjenje pune boje iznad pozadinskog sloja
Dodajmo boju pozadine za efekt. Koristit ćemo sloj pune boje. To će olakšati promjenu pozadine u bilo koju boju koja nam se sviđa, kao što ćemo vidjeti kasnije. Kliknite na pozadinski sloj na ploči Slojevi da biste ga odabrali:
Odabir pozadinskog sloja.
Zatim kliknite ikonu New Fill ili Adjustment Layer na dnu ploče Slojevi:
Klikom na ikonu Novo sloj za ispunu ili prilagodbu.
Izaberite Jednobojnu boju s vrha popisa:
Dodavanje sloja pune boje.
U Biraču boja odaberite bijelu, a zatim kliknite U redu:
Odabir bijele kao boje pozadine.
Natrag u dokument, naš tekst sada sjedi ispred bijele pozadine (zbog čega smo odabrali crnu kao vrstu vrste). Naučit ćemo kako promijeniti boju pozadine na kraju udžbenika:
Dokument nakon dodavanja bijelog sloja za ispunu.
A na ploči Slojevi vidimo sloj punjenja u punoj boji ("Boja ispuna 1") koji sjedi između slojeva Type i sloja Pozadina, zbog čega sloj za ispunu trenutno blokira sliku iz prikaza:
Ploča slojeva prikazuje bijeli sloj za ispunu.
4. korak: napravite kopiju pozadinskog sloja
Moramo napraviti kopiju slike i premjestiti je iznad teksta. Kliknite ponovo na pozadinski sloj da biste ga odabrali:
Ponovno odabir pozadinskog sloja.
Napravite kopiju pozadinskog sloja povlačenjem prema dolje na ikonu Novi sloj na dnu ploče Slojevi:
Povlačenjem pozadinskog sloja na ikonu novog sloja.
Kada otpustite tipku miša, Photoshop napravi kopiju sloja, imenuje ga "Pozadinska kopija" i postavi ga izravno iznad originala:
Sloj "Pozadinska kopija" pojavljuje se iznad originala.
Korak 5: Povucite kopiju iznad slojeva Type
Kliknite na sloj "Kopiraj pozadinu" i povucite ga iznad slojeva vrste. Traka za isticanje pojavit će se iznad sloja Type na samom vrhu:
Povlačenjem sloja "Pozadinska kopija" iznad slojeva Type.
Otpustite tipku miša da sloj ispustite na svoje mjesto:
Kopija slike sada sjedi iznad teksta.
Problem: Postavljanje jedne slike u tri sloja tipa
Zasada je dobro. Ali sada nailazimo na problem. Imamo jednu sliku koju je potrebno smjestiti ne samo jednom riječju, već tri, a svaka riječ je na zasebnom sloju vrste. Kako sve tri riječi ispunimo slikom? Da smo imali samo jedan sloj Typea, sve što bismo trebali učiniti da postavimo sliku unutar teksta je stvoriti obreznu masku. Ali gledaj što se događa kad ga stvorim.
Izrada rezne maske
Kad je odabran sloj "Pozadinska kopija", kliknut ću ikonu izbornika u gornjem desnom kutu ploče Slojevi:
Klikom na ikonu izbornika ploče Slojevi.
Tada ću na izborniku odabrati Create Clipping Mask :
Izrada rezne maske.
I tu vidimo problem. Photoshop kopča sliku u sloju Type neposredno ispod nje, što sliku smješta unutar teksta. Ali budući da je slika isječena na samo jedan od tri sloja Type, slika se pojavljuje u samo jednoj od tri riječi, a to nije ono što želimo:
Tekst se pojavljuje samo u riječi na vrhu.
Povezano: Saznajte sve o izrezivanju maski u Photoshopu
Zašto to nije uspjelo
Ako pogledamo sloj "Pozadinska kopija" na ploči Slojevi, vidimo malu strelicu pokraj sličice za pregled usmjerenu prema dolje na sloj vrste (sloj koji sadrži riječ "POD"). Ovako nam Photoshop govori kako je sloj "Pozadina kopiranja" pričvršćen na sloj Type. Ali on je pričvršćen samo za jedan tip, a ne za sva tri. Potreban nam je način da isječemo sliku istovremeno u sva tri sloja tipa:
Slika se prikvači samo na sloj Type neposredno ispod nje.
Otpuštanje izrezivanja maske
Budući da to nije učinak kakav želimo, poništit ću masku za rezanje klikom još jednom na ikonu izbornika u gornjem desnom kutu ploče Slojevi i odabirom Otpuštanje maske za rezanje s izbornika:
Otpuštanje rezne maske.
A sad se vraćamo samo na sliku:
Slika je ponovo vidljiva nakon otpuštanja rezne maske.
Korak 6: Stavite slojeve tipa u skupinu slojeva
Rješenje je smještanje svih naših Type slojeva u skupinu slojeva. Na taj način možemo sliku obrezati ne na jedan sloj tipa, već na cijelu grupu odjednom! Kliknite sloj Type na vrhu da biste ga odabrali:
Odabir gornjeg sloja Type.
Zatim, da biste odabrali i ostale slojeve Type, pritisnite i držite tipku Shift i kliknite donji sloj Type:
Držite Shift i kliknite donji sloj Type da biste ih odabrali.
Kliknite ikonu izbornika u gornjem desnom kutu ploče Slojevi:
Klikom na ikonu izbornika.
Na izborniku odaberite Nova grupa s slojeva :
Odabir naredbe "Nova grupa iz slojeva".
U dijaloškom okviru Nova grupa s slojeva imenovajte grupu "Tekst", a zatim kliknite U redu:
Imenovanje grupe slojeva.
Natrag na ploču Slojevi sada se pojavljuju slojevi vrste unutar grupe slojeva pod nazivom "Tekst". Kliknite strelicu s lijeve strane ikone mape da biste okrenuli skupinu i otvorili slojeve unutar nje:
Slojevi Type sada su unutar grupe slojeva.
Korak 7: Odaberite sloj "Pozadinska kopija"
Sada kada su slojevi Type unutar grupe, sliku možemo izrezati na cijelu grupu. Kliknite sloj "Pozadinska kopija" da biste ga odabrali:
Odabir sloja "Kopiranje u pozadini".
Korak 8: Napravite reznu masku
Kliknite ikonu izbornika ploče Slojevi:
Klikom na ikonu izbornika ploče Slojevi.
A zatim s popisa odaberite Create Clipping Mask :
Izrada rezne maske.
Ovog puta, Photoshop obrubljuje sloj "Pozadinska kopija" ne na jedan sloj tipa, već na samu skupinu slojeva:
Slika je sada izrezana na grupu slojeva.
I zato što smo sliku ošišali na grupu, slika se odmah pojavljuje unutar sve tri riječi:
Učinak nakon isjecanja slike na skupinu slojeva.
Prilagodba učinka: Dodavanje kapljice
Sada kada smo stvorili osnovni efekt "slika u tekstu", pogledajmo nekoliko načina kako je prilagoditi. Ono što možemo učiniti je dodati kap sjenke u tekst. A budući da želimo da sjena utječe na sve naše slojeve tipa odjednom, primijenit ćemo je na samu skupinu slojeva. Kliknite grupu slojeva da biste je odabrali:
Odabir grupe slojeva na ploči Slojevi.
Zatim kliknite ikonu Slojevi slojeva (ikona "fx") pri dnu ploče Slojevi:
Klikom na ikonu Slojevi slojeva.
S popisa odaberite Drop Shadow :
Odabir "ispustite sjenu".
Postavke Drop Shadow
Ovo otvara dijaloški okvir Layer Style postavljen na Drop Shadow opcije. Prilagodite kut, udaljenost i veličinu sjene po vašoj želji. Kut postavlja smjer izvora svjetlosti. Udaljenost kontrolira koliko će se sjena širiti prema van od slova, a Veličina će pera koristiti rubove sjene. Zatim podesite svjetlinu sjene pomoću klizača Opacity na vrhu.
U mom slučaju postavit ću Kut na 75 ° da odgovara kutu svjetlosnih snopa u vodi. Tada ću i udaljenost i veličinu postaviti na 30 px i neprozirnost na 40%. Kada završite dijaloški okvir, kliknite U redu:
Opcije Drop Shadow.
I evo mog učinka s primijenjenom sjenom za ispuštanje. Primijetite da smo, jer smo primijenili sjenu na skupinu slojeva, pogođeni svi slojevi vrste unutar grupe:
Rezultat nakon dodavanja padajuće sjene grupi slojeva.
Prilagodba učinka: Promjena boje pozadine
Drugi način na koji možemo prilagoditi učinak je mijenjanjem boje pozadine. Dvokliknite uzorak u boji za sloj za punjenje u boji:
Dvokliknite uzorak boje sloja na ploči Slojevi.
Zatim odaberite drugu boju u Biraču boja. Ja ću odabrati crno:
Promjena boje pozadine iz bijele u crnu.
A evo kako izgleda efekt s crnom pozadinom:
Tamnija pozadina pomaže otkriti sliku u riječima.
Odabir boje pozadine sa slike
Također možete odabrati boju pozadine izravno sa slike unutar slova. Kad je alat za odabir boja i dalje otvoren, pomaknite pokazivač miša preko slike. Vaš će se kursor pretvoriti u sjenice. Kliknite na boju da biste je uzorkovali i postavili kao novu boju pozadine. Odabrat ću tamnu nijansu plave od ronilačke maske:
Uzorkovanje boje sa slike.
A evo kako ta boja izgleda kao nova pozadina:
Učinak s pozadinskom bojom uzorkom sa slike.
Koristit ću boju koju sam uzorkovao, ali odabrat ću mnogo tamniju nijansu:
Uzimanje uzorkovane boje i odabir tamnije verzije.
Kliknite U redu da biste zatvorili program za odabir boja, a evo i mog učinka s tamnoplavom pozadinom:
Tamnije plava olakšava čitanje teksta.
Prilagodba učinka: Dodavanje prozirnosti pozadini
Za kraj, pogledajmo još jedan način prilagođavanja efekta, a to je dodavanjem transparentnosti boji pozadine. To će omogućiti prikaz nekih originalnih slika. Kad je odabran sloj punjenja u punoj boji, spustite vrijednost neprozirnosti u gornjem desnom dijelu ploče Slojevi. Što je više spustite od zadane vrijednosti 100%, više ćete vidjeti sliku kroz pozadinsku boju. Smanjit ću mine na 85%:
Smanjivanje neprozirnosti sloja za punjenje Jednobojne boje.
To omogućava samo nagovještaj slike da se prikaže kroz plavu pozadinu, stvarajući moj konačni učinak:
Konačni učinak "slika u tekstu".
I tu ga imamo! To je kako smjestiti sliku u tekst i kako popuniti više slojeva tipa istom slikom u Photoshopu! Svakako pogledajte naše odjeljke s fotografijama i tekstualnim efektima za više vodiča!