Tässä opetusohjelmassa esittelen sinulle kuinka sijoittaa kuvan tekstiksi Photoshopilla. Sen sijaan, että täytettäisimme vain yhden sanan tai yhden rivin tekstiä, siirrymme asioita pidemmälle ja opimme yksinkertaisen tempun, jonka avulla voit sijoittaa kuvan heti kahteen tai useampaan tyyppikerrokseen kerralla!
Edellisessä opetusohjelmassa opimme luomaan peruskuvan tekstitehosteena, jossa sijoitimme kuvan yhdeksi sanana. Tehosteen luomiseksi meillä oli vain kopio kuvastamme, siirrettävä se tyyppikerroksen yläpuolelle ja leikkaa sitten kuva tekstiin leikkausmaskin avulla. Mutta entä jos sinulla on useita sanoja, jokainen erillisellä tyyppikerroksella, jotka sinun on täytettävä samalla kuvalla? Kuinka sijoitat kuvan kahteen, kolmeen tai useampaan tyyppikerrokseen samanaikaisesti? Tässä opetusohjelmassa tarkastellaan törmättyämme ongelmaa ja helppoa ratkaisua!
Täältä nähdään lopullinen vaikutus tai ainakin yksi sen muunnelma kolmella sanalla, jokaisella erillisillä tyyppikerroksilla, täynnä sama kuva. Oppimme kuinka mukauttaa tehosteita muuttamalla taustaväriä, lisäämällä kerrostehosteita ja säätämällä taustan läpinäkyvyyttä opetusohjelman lopussa:
Lopullinen vaikutus.
Aloitetaan!
Kuinka täyttää tekstin kuvalla
Aion käyttää Photoshop CC: tä, mutta kaikki viimeisimmät versiot toimivat.
Vaihe 1: Avaa kuvasi
Avaa kuva, jonka haluat sijoittaa tekstin sisälle. Käytän tätä kuvaa, jonka olen ladannut Adobe Stock: sta:
Kuva, joka sijoitetaan tekstin sisään. Valokuvaluotto: Adobe Stock.
Vaihe 2: Lisää teksti
Lisää teksti asiakirjaan ja aseta se haluamaasi kohtaan kuvan eteen. Jos tarkastelemme Tasot-paneelia, huomaat, että olen jo lisännyt tekstiä, ja jokainen sana ("UNDER", "THE" ja "SEA") on erillisessä tyyppikerroksessa. Itse kuva on niiden alla olevassa taustakerroksessa. Käännä teksti päälle napsauttamalla kunkin tyyppikerroksen näkyvyyskuvaketta :
Käynnistä kaikki kolme tyyppikerrosta.
Ja täällä näemme kaikki kolme sanaa kuvan edessä. Haluat käyttää mustana tyyppivärinäsi nyt, syistä, jotka näemme hetkessä:
Teksti lisätty ja sijoitettu kuvan eteen.
Vaihe 3: Lisää yksivärinen täyttökerros taustakerroksen yläpuolelle
Lisäämme taustaväri tehosteelle. Käytämme yksiväristä täyttökerrosta. Tämän avulla tausta on helppo vaihtaa mihin tahansa haluamaasi väriin, kuten näemme myöhemmin. Napsauta Tasot-paneelin Tausta-tasoa valitaksesi se:
Taustakerroksen valitseminen.
Napsauta sitten Uusi taso tai säätökerros -kuvaketta Tasot-paneelin alaosassa:
Napsauta Uusi täyttö- tai Säätökerros-kuvaketta.
Valitse luettelon yläosasta yksivärinen :
Lisäävä yksivärinen täyttökerros.
Valitse värivalitsimessa valkoinen ja napsauta sitten OK:
Valitaan taustaväriksi valkoinen.
Asiakirjassa teksti istuu nyt valkoisen taustan edessä (siksi valitsimme tyyppiväriksi mustan). Opimme kuinka muuttaa taustan väriä oppaan lopussa:
Asiakirja valkoisen täyttökerroksen lisäämisen jälkeen.
Ja Tasot-paneelissa näemme yksivärisen täyttökerroksen ("Väritäyttö 1") istuvan Tyyppikerrosten ja Taustakerroksen välissä, minkä vuoksi täyttökerros estää tällä hetkellä kuvaa näkymästä:
Tasot-paneeli, jossa näkyy valkoinen täyttökerros.
Vaihe 4: Kopioi taustakerros
Meidän on tehtävä kopio kuvasta ja siirrettävä se tekstin yläpuolelle. Napsauta uudelleen taustakerrosta valitaksesi sen:
Taustakerroksen valinta.
Tee kopio taustakerroksesta vetämällä se alas Tasot-paneelin alaosassa olevaan Uusi taso -kuvake:
Vedä taustakerros New Layer -kuvaketta.
Kun vapautat hiiren painikkeen, Photoshop tekee kopion tasosta, nimeää sen "taustakopioksi" ja asettaa sen suoraan alkuperäisen yläpuolelle:
Alkuperäisen yläpuolelle tulee "Taustakopio" -kerros.
Vaihe 5: Vedä kopio Tyyppi-tasojen yläpuolelle
Napsauta "Taustakopio" -tasoa ja vedä se Tyyppi-tasojen yläpuolelle. Korostuspalkki ilmestyy Tyyppi-tason yläpuolelle:
Vedä "Taustakopio" -tasoa Tyyppikerrosten yläpuolelle.
Vapauta hiiren painike pudottaaksesi kerroksen paikoilleen:
Kopio kuvasta on nyt tekstin yläpuolella.
Ongelma: Sijoita yksi kuva kolmeen tyyppikerrokseen
Toistaiseksi niin hyvä. Mutta nyt törmäämme ongelmaan. Meillä on yksi kuva, joka on sijoitettava paitsi yhdeksi sanaksi, vaan kolmeksi, ja jokainen sana on erillisessä tyyppikerroksessa. Kuinka täytämme kaikki kolme sanaa kuvalla? Jos meillä olisi vain yksi tyyppikerros, niin meidän tarvitsee vain sijoittaa kuva tekstin sisälle leikkausmaski. Mutta tarkkaile mitä tapahtuu, kun luon sellaisen.
Leikkausmaskin luominen
Kun "Taustakopio" -taso on valittu, napsautin Tasot-paneelin oikeassa yläkulmassa olevaa valikkokuvaketta :
Napsauta Tasot-paneelin valikkokuvaketta.
Sitten valitsen valikosta Luo leikkausmaski :
Leikkausmaskin luominen.
Ja tässä näemme ongelman. Photoshop leikkaa kuvan tyyppikerrokseen sen alapuolella, mikä sijoittaa kuvan tekstin sisään. Mutta koska kuva on leikattu vain yhteen kolmesta tyyppikerroksesta, kuva näkyy vain yhdellä kolmesta sanasta, mikä ei ole mitä haluamme:
Teksti näkyy vain sanan yläosassa.
Aiheeseen liittyviä: Tutustu kaikkiin maskien leikkaamiseen Photoshopissa
Miksi se ei toiminut
Jos tarkastelemme Taustakopio-tasoa Tasot-paneelissa, näemme sen esikatselukuvan vieressä pienen nuolen osoittaen sen alapuolella olevaan Tyyppikerrokseen (taso, jossa on sana "UNDER"). Näin Photoshop kertoo meille, että "Taustakopio" -taso on leikattu tyyppikerrokseen. Mutta se on leikattu vain yhteen tyyppikerrokseen, ei kaikkiin kolmeen. Tarvitsemme tavan leikata kuva kaikkiin kolmeen tyyppikerrokseen samaan aikaan:
Kuva leikataan vain suoraan sen alapuolella olevaan Tyyppikerrokseen.
Leikkausmaskin vapauttaminen
Koska tämä ei ole haluamamme vaikutus, peruun leikkausmaski napsauttamalla uudelleen Tasot-paneelin oikeassa yläkulmassa olevaa valikkokuvaketta ja valitsemalla valikosta Poista leikkausmaski:
Leikkausmaskin vapauttaminen.
Ja nyt olemme palanneet vain kuvan näkemiseen:
Kuva on jälleen nähtävissä, kun leikkausmaski on vapautettu.
Vaihe 6: Sijoita Tyyppikerrokset tasoryhmään
Ratkaisu on sijoittaa kaikki Type-tasomme kerrosryhmään. Tällä tavalla voimme leikata kuvan ei samaan tyyppikerrokseen, vaan koko ryhmään kerralla! Napsauta yläreunassa olevaa Tyyppi-tasoa valitaksesi sen:
Ylimmän tyyppikerroksen valitseminen.
Valitse sitten myös muut tyyppikerrokset pitämällä Shift- näppäintä painettuna ja napsauttamalla alaosaa Tyyppikerros:
Pidä Shift painettuna ja napsauta alaosaa Tyypikerros valitaksesi ne kaikki.
Napsauta Tasot-paneelin oikeassa yläkulmassa olevaa valikkokuvaketta :
Napsauta valikkokuvaketta.
Valitse Uusi ryhmä Tasot- valikosta:
"Uusi ryhmä kerroksista" -komennon valitseminen.
Nimeä Uusi ryhmä kerroksista -valintaikkunassa ryhmä "Teksti" ja napsauta sitten OK:
Kerrosryhmän nimeäminen.
Takaisin Tasot-paneelissa Tyyppikerrokset näkyvät nyt "Teksti"-nimisen tasoryhmän sisällä. Napsauta kansiokuvakkeen vasemmalla puolella olevaa nuolta kääntääksesi ryhmää avoimeksi ja tarkastellaksesi sen sisällä olevia tasoja:
Tyyppikerrokset ovat nyt tasoryhmän sisällä.
Vaihe 7: Valitse "Taustakopio" -taso
Nyt kun Tyyppikerrokset ovat ryhmän sisällä, voimme leikata kuvan koko ryhmään. Napsauta "Taustakopio" -tasoa valitaksesi se:
Taustakopio-tason valitseminen.
Vaihe 8: Luo leikkausmaski
Napsauta Tasot-paneelivalikkokuvaketta:
Napsauta Tasot-paneelin valikkokuvaketta.
Valitse sitten luettelosta Luo leikkausmaski :
Leikkausmaskin luominen.
Tällä kertaa Photoshop leikkaa "Taustakopio" -kerroksen ei yksittäiseen tyyppikerrokseen vaan itse tasoryhmään:
Kuva on leikattu tasoryhmään.
Ja koska olemme leikannut kuvan ryhmään, kuva näkyy heti kaikkien kolmen sanan sisällä:
Vaikutus kuvan leikkaamisen jälkeen tasoryhmään.
Tehosteen mukauttaminen: Pudotusvarjon lisääminen
Nyt kun olemme luoneet perustason "kuva tekstissä" -tehosteen, tarkastellaan muutamia tapoja mukauttaa sitä. Yksi asia, jonka voimme tehdä, on lisätä varjo tekstiin. Ja koska haluamme, että pudotusvarjo vaikuttaa kaikkiin Tyyppitasoihimme kerralla, käytämme sitä itse tasoryhmään. Napsauta tasoryhmää valitaksesi sen:
Kerrosryhmän valitseminen Tasot-paneelista.
Napsauta sitten Tasot- tyylit- kuvaketta ("fx" -kuvake) Tasot-paneelin alaosassa:
Napsauta Tasotyylit-kuvaketta.
Valitse pudota varjo luettelosta:
"Drop Shadow" -vaihtoehdon valitseminen.
Pudota varjo -asetukset
Tämä avaa Tasotyyli-valintaikkunan, joka on asetettu pudota varjoasetuksiin. Säädä varjon kulma, etäisyys ja koko mieleiseesi. Kulma asettaa valonlähteen suunnan. Etäisyys määrittää, kuinka kauan varjo ulottuu kirjaimista ulospäin, ja Koko sulkee varjojen reunat. Säädä sitten varjon kirkkaus käyttämällä yläpuolella olevaa Opacity- liukusäädintä.
Minun tapauksessani asetan kulman 75 °: seen vastaamaan vedessä olevien valonsäteiden kulmaa. Sitten asetan sekä etäisyyden että koon 30px: ksi ja opasiteetin arvoksi 40%. Napsauta OK, kun olet valmis sulkemaan valintaikkunan:
Pudota varjo -vaihtoehdot.
Ja tässä on minun vaikutukseni varjo sovellettu. Huomaa, että koska olemme soveltaneet pudotusvarjoa tasoryhmään, tämä vaikuttaa kaikkiin ryhmän sisällä oleviin Tyyppikerroksiin:
Tulos lisättyä varjon kerrosryhmään.
Tehosteen mukauttaminen: Taustan värin muuttaminen
Toinen tapa mukauttaa tehostetta on muuttaa taustaväriä. Kaksoisnapsauta Solid Color -täyttökerroksen värimallia :
Kaksoisnapsauta täyttökerroksen värimallia Tasot-paneelissa.
Valitse sitten toinen väri Colour Picker -sovelluksessa. Valitsen mustan:
Taustavärin vaihtaminen valkoisesta mustaksi.
Ja tässä on mitä vaikutelma näyttää mustalla taustalla:
Tummempi tausta auttaa esittämään kuvan sanoissa.
Taustavärin valitseminen kuvasta
Voit myös valita taustavärin suoraan kirjaimien sisällä olevasta kuvasta. Kun värinvalitsin on edelleen auki, siirrä hiiren osoitin kuvan päälle. Osoittimesi muuttuu piippauslaitteeksi. Napsauta väriä näytteen saamiseksi ja aseta se uudeksi taustaväriksi. Valitsen sukeltajan naamiosta tumman sinisen sävyn:
Näytetään väri kuvasta.
Ja tässä tämä väri näyttää uudelta taustalta:
Kuvasta otetun taustavärin vaikutus.
Käytän näyttelemäni väriä, mutta valitsen siitä paljon tummemman sävyn:
Otetaan näyteväri ja valitaan siitä tummempi versio.
Napsauta OK sulkeaksesi värinvalitsimen, ja tässä on vaikutukseni tummasinisellä taustalla:
Tummempi sininen tekee tekstistä helpommin luettavan.
Tehosteen mukauttaminen: Lisää läpinäkyvyyttä taustaan
Katsotaan lopuksi vielä yhtä tapaa mukauttaa tehostetta, ja lisäämällä läpinäkyvyys taustaväriin. Tämä antaa osan alkuperäisestä kuvasta näkyä läpi. Kun yksivärinen täyttökerros on valittu, laske Opacity- arvo Tasot-paneelin oikeassa yläkulmassa. Mitä enemmän alennat sitä oletusarvosta 100%, sitä enemmän näet kuvan taustavärin läpi. Lasen kaivoksen 85%: iin:
Yksivärisen täyttökerroksen opasiteetin alentaminen.
Tämä antaa vain rivin kuvasta näkyä sinisellä taustalla, luomalla lopullisen tehosteeni:
Lopullinen "kuva tekstissä" -tehoste.
Ja siellä meillä se on! Näin voit sijoittaa kuvan tekstiin ja kuinka täyttää useita tyyppikerroksia samalla kuvalla Photoshopissa! Muista tutustua Photo Effects and Text Effects -osiostamme saadaksesi lisää oppaita!