V tej vadnici vam bom pokazal, kako postaviti sliko v besedilo s programom Photoshop. Toda namesto, da samo napolnimo eno besedo ali posamezno vrstico besedila, bomo stvari nadaljevali in se naučili preprostega trika, ki vam omogoča, da sliko takoj postavite v dve ali več vrst vnosa!
V prejšnji vadnici smo se naučili, kako ustvariti osnovno sliko z besedilnim učinkom, kamor smo sliko postavili z eno besedo. Če želite ustvariti učinek, smo morali narediti samo kopijo naše slike, jo premakniti nad sloj Type in nato s pomočjo izrezano masko posneti sliko v besedilo. Kaj pa, če imate več besed, vsako v ločenem sloju vrste, ki jih morate napolniti z isto sliko? Kako postavite sliko v dve, tri ali več vrst vnosa hkrati? V tej vadnici bomo pogledali težavo, s katero se srečujemo, in enostavno rešitev!
Takole bo videti končni učinek ali vsaj ena njegova različica s tremi besedami, vsaka na ločenih vrstah slojev, napolnjena z isto sliko. Naučili se bomo, kako prilagoditi učinek tako, da spremenimo barvo ozadja, dodamo učinke slojev in prilagodimo preglednost ozadja na koncu vadnice:
Končni učinek.
Začnimo!
Kako napolniti besedilo s sliko
Uporabljal bom Photoshop CC, vendar bo zadnja različica delovala.
1. korak: Odprite sliko
Odprite sliko, ki jo želite postaviti v besedilo. Uporabil bom to sliko, ki sem jo naložil iz Adobe Stock:
Slika, ki bo postavljena znotraj besedila. Fotograf: Adobe Stock.
2. korak: dodajte svoje besedilo
Dodajte besedilo v dokument in ga postavite tam, kjer ga potrebujete, pred sliko. Če pogledamo ploščo Sloji, vidimo, da sem že dodal nekaj besedila in vsaka beseda ("POD", "THE" in "SEA") je na ločenem sloju Type. Slika je na sloju Ozadje pod njimi. Besedilo vklopim s klikom ikone vidnosti vsakega sloja vrste:
Vklop vseh treh vrst slojev.
In tu vidimo vse tri besede pred sliko. Za zdaj boste želeli uporabiti črno kot vašo barvo iz razlogov, ki jih bomo videli čez trenutek:
Besedilo je dodano in postavljeno pred sliko.
3. korak: Nad plastjo Ozadje dodajte polnilni sloj enobarvne barve
Za učinek dodamo barvo ozadja. Uporabili bomo sloj polne barve. Tako boste olajšali spreminjanje ozadja v katero koli barvo, ki nam je všeč, kot bomo videli kasneje. Kliknite na plast ozadja na plošči Sloji, da jo izberete:
Izbira plasti ozadja.
Nato kliknite ikono New Fill ali Adjustment Layer na dnu plošče Sloji:
S klikom na ikono novega zapolnjenega ali prilagoditvenega sloja.
Na vrhu seznama izberite enobarvno barvo :
Dodajanje polnilne plasti enotne barve.
V barvnem nabiralniku izberite belo in kliknite V redu:
Izbira bele barve kot barve ozadja.
Nazaj v dokumentu naše besedilo zdaj stoji pred belim ozadjem (zato smo kot barvo vrste izbrali črno barvo). Naučili se bomo, kako spremeniti barvo ozadja na koncu vadnice:
Dokument po dodajanju belega polnilnega sloja.
In na plošči Sloji vidimo plast polnjenja Solid Color ("Colour Fill 1") med plastmi Type in slojem Background, zato plast za polnjenje trenutno blokira sliko:
Plošča Sloji, ki prikazuje beli sloj polnjenja.
4. korak: Naredite kopijo plasti ozadja
Narediti moramo kopijo slike in jo premakniti nad besedilom. Znova kliknite na plast ozadja, da jo izberete:
Ponovna izbira plasti ozadja.
Naredite kopijo plasti ozadja tako, da jo povlečete navzdol na ikono novega sloja na dnu plošče Sloji:
Vlečenje plasti ozadja na ikono novega sloja.
Ko sprostite gumb miške, Photoshop naredi kopijo plasti, jo poimenuje "Kopiraj v ozadju" in jo postavi neposredno nad izvirnik:
Nad izvirnikom se prikaže plast »Kopiranje ozadja«.
5. korak: Kopijo povlecite nad plasti Type
Kliknite sloj "Kopiraj ozadje" in ga povlecite nad sloji Type. Nad plastjo Type se na samem vrhu pojavi barva za označevanje:
Vlečenje plasti "Kopiranje ozadja" nad sloji Type.
Spustite miškin gumb, da spustite plast na svoje mesto:
Kopija slike je zdaj nad besedilom.
Težava: Postavitev ene slike v tri plasti tipa
Zaenkrat tako dobro. Toda zdaj naletimo na težavo. Imamo eno sliko, ki jo je treba postaviti ne samo v eni besedi, ampak v tri in vsaka beseda je na ločenem sloju vrste. Kako napolnimo vse tri besede s sliko? Če bi imeli samo en sloj Type, bi morali vse, kar bi morali narediti, da postavimo sliko v besedilo, ustvariti izrezno masko. Toda glejte, kaj se zgodi, ko ustvarim enega.
Ustvarjanje izrezne maske
Z izbranim slojem »Kopija ozadja« kliknem ikono menija v zgornjem desnem kotu plošče Sloji:
S klikom na ikono menija plošče Sloji.
Nato v meniju izberem Ustvari izrezno masko :
Ustvarjanje izrezne maske.
In tu vidimo težavo. Photoshop posname sliko v sloj Type neposredno pod njo, kar sliko postavi znotraj besedila. Ker pa je slika obrezana samo na enega od treh slojev tipa, se slika pojavi samo v eni od treh besed, kar ni tisto, kar želimo:
Besedilo se prikaže samo v besedi na vrhu.
Povezani: Več o odrezanju mask v Photoshopu
Zakaj ni šlo
Če pogledamo plast »Kopija ozadja« na plošči Sloji, vidimo majhno puščico poleg sličice predogleda, ki kaže navzdol na sloj Type pod njim (plast, ki vsebuje besedo »POD«). Tako nam Photoshop sporoča, da je plast "Kopija ozadja" prilepljena na sloj Type. Vendar je pripeta na samo eno vrsto tipa, ne na vse tri. Potrebujemo način, da sliko hkrati pripnemo na vse tri sloje tipa:
Slika se prilepi samo na sloj Type neposredno pod njo.
Sprostite strižno masko
Ker to ni učinek, ki ga želimo, bom razveljavil izrezno masko, tako da bom s klikom še enkrat na ikono menija v zgornjem desnem kotu plošče Sloji in v meniju izpustil Release Clipping Mask :
Sprostite strižno masko.
In zdaj smo spet videli samo sliko:
Slika je spet vidna, ko sprostite izrezano masko.
6. korak: Vnesite plasti v skupino plasti
Rešitev je, da vse naše vrste slojev umestimo v skupino plasti. Tako lahko sliko pripnemo ne na eno vrsto tipa, temveč na celotno skupino naenkrat! Kliknite sloj vrste na vrhu, da ga izberete:
Izbira zgornjega sloja Type.
Nato za izbiro tudi drugih vrst slojev pritisnite in pridržite tipko Shift in kliknite spodnji sloj vrste:
Pridržite Shift in kliknite spodnji sloj Type, da jih izberete vsi.
Kliknite ikono menija v zgornjem desnem kotu plošče Sloji:
S klikom na ikono menija.
V meniju izberite Novo skupino iz slojev :
Izbira ukaza "Nova skupina iz slojev".
V pogovornem oknu Nova skupina iz slojev poimenujte skupino "Besedilo" in kliknite V redu:
Poimenovanje skupine plasti.
Nazaj na plošči Sloji se zdaj vrste plasti pojavljajo znotraj skupine plasti z imenom "Besedilo". Kliknite puščico na levi strani ikone mape, da zasukate odprto skupino in si ogledate plasti v njej:
Sloji Type so zdaj znotraj skupine plasti.
7. korak: Izberite plast "Kopiranje ozadja"
Zdaj, ko so plasti Type znotraj skupine, lahko sliko pripnemo celotni skupini. Kliknite sloj "Kopiraj ozadje", da ga izberete:
Izbira plasti "Kopiranje ozadja".
8. korak: Ustvarite izrezno masko
Kliknite ikono menija plošče Sloji:
S klikom na ikono menija plošče Sloji.
Nato na seznamu izberite Ustvari izrezno masko :
Ustvarjanje izrezne maske.
Tokrat Photoshop sloj "Kopiranje ozadja" pritrdi ne na en sam sloj tipa, ampak na samo skupino plasti:
Slika je zdaj izrezana na skupino plasti.
In ker smo sliko prikovali v skupino, se slika takoj pojavi v vseh treh besedah:
Učinek po izrezu slike na skupino plasti.
Prilagajanje učinka: Dodajanje kapljice
Zdaj, ko smo ustvarili osnovni učinek "slika v besedilu", si oglejmo nekaj načinov, kako ga prilagoditi. Ena stvar, ki jo lahko naredimo, je, da besedilu dodamo kapljico. In ker želimo, da bi senca naenkrat vplivala na vse naše vrste slojev, jo bomo uporabili za samo skupino plasti. Kliknite skupino plasti, da jo izberete:
Izbira skupine plasti na plošči Sloji.
Nato kliknite ikono slojev slojev (ikona "fx") na dnu plošče plasti:
S klikom na ikono slojev slojev.
S seznama izberite Drop Shadow :
Izbira "Spusti senco".
Nastavitve Spustite senco
Odpre se pogovorno okno Sloga sloja, nastavljeno na možnosti Spustite senco. Kot, razdaljo in velikost sence prilagodite po svojih željah. Kota nastavi smer svetlobnega vira. Razdalja nadzoruje, kako daleč bo senca segala navzven od črk, velikost pa bo odrezala robove senc. Nato prilagodite svetlost sence s pomočjo drsnika Opacity na vrhu.
V mojem primeru bom postavil kot na 75 °, da se ujema s kotom svetlobnih žarkov v vodi. Nato bom nastavil tako razdaljo in velikost na 30 slikovnih pik, kot tudi nepreglednost na 40%. Ko končate pogovorno okno, kliknite V redu:
Možnosti Spustite senco.
In tu je moj učinek z uporabljeno senčico. Ker smo na skupino plasti nanesli spustno senco, so prizadeti vsi sloji Type znotraj skupine:
Rezultat po dodajanju senčila v skupino plasti.
Prilagajanje učinka: Spreminjanje barve ozadja
Drug način, kako lahko prilagodimo učinek je sprememba barve ozadja. Dvokliknite barvno barvo za nalivni sloj Solid Color:
Dvokliknete barvni nabor barv za nanašanje na plošči Sloji.
Nato izberite barvo v barvi. Izbral bom črno:
Spreminjanje barve ozadja iz bele v črno.
In tukaj je videti učinek s črnim ozadjem:
Temnejše ozadje pomaga prikazati sliko v besedah.
Izbira barve ozadja s slike
Barvo ozadja lahko izberete tudi neposredno s slike znotraj črk. Ko je program za izbiro barv še vedno odprt, premaknite kazalec miške čez sliko. Kazalec se bo spremenil v oči. Kliknite na barvo, da jo vzorčite in nastavite kot novo barvo ozadja. Iz potapljačeve maske bom izbral temen odtenek modre barve:
Vzorčenje barve s slike.
In tako izgleda ta barva kot novo ozadje:
Učinek z barvo ozadja, vzorčenim s slike.
Uporabil bom barvo, ki sem jo vzorčil, vendar bom izbral veliko temnejši odtenek:
Vzemite vzorčeno barvo in izberete temnejšo različico.
Kliknite V redu, da zaprete barvni nabiralnik, in tukaj je moj učinek s temno modrim ozadjem:
Temnejša modra barva omogoča lažje branje besedila.
Prilagajanje učinka: Dodajanje preglednosti ozadju
Na koncu si oglejmo še en način prilagajanja učinka in to z dodajanjem preglednosti barvi ozadja. To bo omogočilo prikaz nekaterih originalnih slik. Z izbranim polnilnim slojem enobarvne barve znižajte vrednost motnosti v zgornjem desnem kotu plošče Sloji. Bolj ko jo znižate od privzete vrednosti 100%, več slike boste videli skozi barvo ozadja. Svoj bom znižal na 85%:
Zmanjšanje neprozornosti polnilne plasti Solid Color.
To omogoča le namig, da se slika prikaže skozi modro ozadje, kar ustvari moj končni učinek:
Končni učinek "slika v besedilu".
In tam ga imamo! Kako postaviti sliko v besedilo in kako napolniti več vrst slojev z isto sliko, v Photoshopu! Obvezno si oglejte naše razdelke o foto efektih in besedilnih učinkih za več vaj!