Spray Paint -tekstitehosteen luominen Photoshopissa
Opi luomaan Photoshopissa spray paint -tekstitehoste, jossa kirjaimet ruiskumaalataan taustalle! Vaiheittainen opetusohjelma Photoshop CC:lle ja aikaisemmille versioille.
Tässä opetusohjelmassa näytän, miten luot yksinkertaisen ruiskumaalatun tekstitehosteen, jossa kirjaimet näyttävät siltä kuin ne olisi ruiskumaalattu seinälle tai pinnalle. Näytän myös, miten ruiskumaali sulautetaan pintaan, jotta efekti olisi realistisemman näköinen. Ja koska luomme ruiskumaalin pelkällä tasotehosteella ja Photoshopin häivytysvaihtoehdoilla, tekstiäsi voi muokata myös sen jälkeen, kun olemme valmiit.
Käytän Photoshop CC:n uusinta versiota, mutta mikä tahansa uudempi versio toimii.
Tässä on esimerkki siitä, miltä ruiskumaalattu tekstiefekti näyttää. Voit tietysti käyttää mitä tahansa haluamaasi tekstiä, taustaa ja värejä:
Aloitetaan!
Lataa tämä opetusohjelma tulostusvalmiina PDF-tiedostona!
Ruiskumaalatun tekstin luominen Photoshopissa
Aloitamme opettelemalla, miten luodaan tärkein ruiskumaalaustehoste, ja sitten näytän, miten kirjaimet sulautetaan taustaan. Näytän myös, miten voit monistaa efektin lisätäksesi lisää tekstiä muotoiluun ja miten voit muuttaa maalin väriä.
Voit myös seurata tämän opetusohjelman videota. Tai lataa tämä opetusohjelma tulostusvalmiina PDF-tiedostona!
Vaihe 1: Avaa taustakuvasi
Koska haluamme ruiskumaalata tekstin jonkinlaiselle taustalle, aloita avaamalla taustakuvasi. Käytän tätä Adobe Stockista lataamaani kuvaa:
Ja Layers-paneelissa näemme kuvan Background-tasolla:
Related: Opi käyttämään kerroksia Photoshopissa
Vaihe 2: Lisää teksti
Tekstin lisäämiseksi valitse Työkaluriviltä Type Tool (Kirjoitustyökalu):
Fontin valitseminen
Valintapalkista valitse fontti. Käytän ”HWT Gothic Round”, jonka latasin Adobe Typekitistä. Jos sinulla ei ole pääsyä tähän fonttiin, se ei haittaa. Mikä tahansa fontti toimii:
More type options
Silloin Options-palkissa asetan kirjasinkooksi 72 pt, jotta saan toistaiseksi suurimman esiasetetun koon. Ja asetan tekstin tasauksen keskelle.
Väriksi valitsen valkoisen klikkaamalla värivalikoimaa ja valitsemalla valkoisen Photoshopin Color Pickeristä. Tätä väriä emme aio käyttää ruiskumaalaukseen. Tarvitsemme nyt vain jotain, jonka avulla näemme tekstin, kun lisäämme sitä:
Tekstin lisääminen
Klikkaa sitten asiakirjaa ja lisää tekstisi. Kirjoitan sanan ”PAINT”:
Tekstin hyväksyminen
Hyväksyäksesi tekstin napsauta valintamerkkiä Asetukset-palkissa:
Vaihe 3: Tekstin koon muuttaminen ja siirtäminen paikalleen Free Transform -ohjelmalla
Tekstin koon muuttamiseksi ja paikalleen siirtämiseksi siirry valikkorivin Muokkaa-valikkoon ja valitse Vapaa muunto:
Tekstin koon muuttamiseksi napsauta ja vedä mitä tahansa nurkkakahvaa. Photoshop CC 2019:stä alkaen tekstin kuvasuhde lukittuu automaattisesti, kun vedät kahvoja. Aikaisemmissa Photoshop-versioissa sinun on pidettävä Shift-näppäintä alhaalla vetäessäsi, jotta kuvasuhde lukittuu paikalleen.
Muuttaaksesi tekstin kokoa sen keskipisteestä, pidä Alt (Win) / Option (Mac) -näppäintä alhaalla vetäessäsi. Ja jos haluat sijoittaa tekstin uudelleen, napsauta Vapaa muunto -ruudun sisällä ja vedä teksti paikalleen.
Hyväksyäksesi sen ja poistuaksesi Vapaa muunto -ruudusta paina näppäimistön Enter (Win) / Return (Mac) -näppäintä:
Vaihe 4: Alenna Type-tason Fill-arvo 0 %:iin
Kerrokset-paneelissa näemme tekstimme uudella Type-tasolla kuvan yläpuolella:
Suihkumaali-efektin luomiseksi tekstistä on ensin tehtävä läpinäkyvä. Tee se laskemalla Tasot-paneelin oikeassa yläkulmassa oleva Täyttö-arvo kokonaan alas 0 %:iin. Varmista, että lasket Fill-arvoa, et Opacity-arvoa:
Teksti katoaa kokonaan. Se on edelleen olemassa, se on vain läpinäkyvä:
Mitä eroa on Opacity- ja Fill-arvoilla?
Kerrospaneelissa sekä Opacity- että Fill-arvot vaikuttavat tason läpinäkyvyyteen. Niiden välinen ero on siinä, että Opasiteetti ohjaa sekä kerroksen sisällön että soveltamiemme kerrostehosteiden läpinäkyvyyttä. Täyttö puolestaan vaikuttaa vain kerroksen sisältöön. Sillä ei ole vaikutusta kerrostehosteisiin.
Tämä tarkoittaa, että laskemalla Täyttö-arvoa voimme soveltaa tekstiin kerrostehosteita ja pitää tehosteet näkyvissä, vaikka itse teksti on piilossa. Ja tämän avulla voimme luoda ruiskumaalaustehosteemme.
Vaihe 5: Lisää Drop Shadow -tasotehoste Type-tasolle
Koko ruiskumaalaustehoste voidaan luoda käyttämällä yhtä tasotehostetta, ja tarvitsemamme tasotehoste on Drop Shadow. Kun Type-taso on valittuna, napsauta Layers-paneelin alaosassa olevaa Layer Style -kuvaketta (fx-kuvake):
Valitse sitten Drop Shadow (Pudotusvarjo):
Vaihe 6: Palauta Drop Shadow -asetukset oletusasetuksiin
Klikkaa Layer Style (Tasotyyli) -valintaikkunassa Reset to Default (Palauta oletusasetukset) -painiketta palauttaaksesi Drop Shadow -asetukset oletusasetuksiksi, ihan vain siksi, että näemme kumpikin saman asian:
Vaihe 7: Vaihda Drop Shadow’n väri valkoiseksi
Vaihda sitten Drop Shadow’n väri napsauttamalla värivalikoimaa:
Ja valitse Color Picker (Värinvalitsin) -valikosta toistaiseksi valkoinen ja napsauta sitten OK. Valitsemme erilaisia värejä efektiin hieman myöhemmin:
Vaihe 8: Vaihda varjon sulautumistila Ruuduksi
Voidaksesi nähdä valkoisen, vaihda pudotusvarjon sulautumistila Multiplystä (oletussulautumistila) Ruuduksi:
Ja heti alamme nähdä valkoisen ilmestyvän kirjainten taakse:
Vaihe 9: Nosta varjostuksen peittävyys 100 prosenttiin
Tehdäksesi efektistä kirkkaamman, nosta pudotusvarjon peittävyys kokonaan 100 prosenttiin:
Ja nyt efekti on helpommin nähtävissä. Vaihtamalla pudotusvarjon värin mustasta valkoiseksi ja muuttamalla sen blenditilan Multiplysta Screeniksi olemme käytännössä muuttaneet varjostuksemme hehkuksi:
Vaihe 10: Aseta Distance ja Spread arvoihin 0 %
Ilmoita Angle ja Use Global Light -asetukset, koska niillä ei ole tässä yhteydessä merkitystä. Laske kuitenkin Distance (Etäisyys) arvoon 0px ja varmista, että Spread (Levitys) on 0 %:
Asettamalla Distance (Etäisyys) arvoon 0px olemme keskittäneet pudotusvarjon tekstin taakse ja luoneet kirjainten ympärille himmeän ääriviivan tai aivohalvauksen:
Vaihe 11: Pudotusvarjon koon kasvattaminen
Voidaksemme levittää varjon (tai tässä tapauksessa hehkun) kauemmas reunoista, lisää Size-arvoa:
Mitä enemmän kasvatat sitä, sitä laajemmalta hehku näyttää:
Vaihe 12: Vaihda Contour arvoksi Cone
Tässä vaiheessa tähänastinen efekti ei näytä kovinkaan paljon ruiskumaalilta. Hehkumme täytyy näyttää enemmän ääriviivoilta kirjainten muotojen ympärillä.
Korjataksesi tämän, siirry edelleen Layer Style -valintaikkunassa Quality (Laatu) -osioon ja napsauta pientä nuolta Contour preview (Kontuurin esikatselukuvan) pienoiskuvan vieressä:
Valitse sen jälkeen Cone (Kuutio) -kontuuri kaksoisklikkaamalla sen pienoiskuvan päällä. Se on ylärivin toinen vasemmalta:
Kontuurit vaikuttavat pudotusvarjon läpinäkyvyyteen muuttamalla sitä, miten ja missä se siirtyy läpinäkymättömistä läpinäkyviin alueisiin. Ja heti näemme paljon voimakkaamman ääriviivan kirjainten reunoilla:
Vaihe 13: Poista valinta ”Layer Knocks Out Drop Shadow”
Mutta huomaa, että vaikka tekstimme on läpinäkyvää, hehku näkyy vain sen ulkopuolella. Meidän on nähtävä hehku myös kirjainten sisällä.
Korjataksesi tämän, poista valinta, jossa lukee ”Layer Knocks Out Drop Shadow”:
Ja nyt ääriviivat näkyvät sekä tekstin ulko- että sisäpuolella:
Vaihe 14: Säädä Size-arvoa tarvittaessa uudelleen
Tässä vaiheessa sinun on ehkä palattava takaisin ja säädettävä Size-arvoa uudelleen muuttaaksesi ääriviivan paksuutta. Älä kuitenkaan käytä liian suurta arvoa, sillä muuten hehku leviää liian laajalle. Tarvitsemasi tarkka koko riippuu tekstisi koosta.
Tapauksessani käytän Size-arvoa, joka on noin 120 pikseliä, mutta sinä saatat tarvita eri arvoa:
Ja tässä on tulos:
Vaihe 15: Lisää kohinaa
Lisää lopuksi hieman kohinaa ääriviivaan lisäämällä Noise-arvoa. Asetan omani noin 25-30 prosenttiin:
Ja nyt, jos suurennan, näemme pieniä pilkkuja ääriviivassa, mikä saa sen näyttämään pikemminkin ruiskumaalilta.
Käyttämästäsi fontin koosta riippuen saatat huomata joitain heikkoja kovia reunoja alueilla, joissa efekti ja tausta kohtaavat. Tässä kuvakaappauksessa ne näkyvät kirjainten ”P” ja ”A” sisällä. Nämä reunat katoavat, kun sulautamme tekstin taustaan, minkä teemme seuraavaksi:
Suihkumaalatun tekstin sulauttaminen taustaan
Tässä vaiheessa Drop Shadow -tasotehosteemme on valmis. Opetellaan siis, miten efekti sulautetaan taustaan, jotta näyttää siltä, että teksti on todella ruiskumaalattu taustan päälle eikä vain istu sen edessä. Kun olemme valmiit, näytän, miten voit kopioida efektin lisätäksesi lisää tekstiä ja säilyttää samalla tasotehosteet ja häivytysasetukset koskemattomina.
Vaihe 16: Avaa Photoshopin häivytysasetukset
Valitsemalla edelleen tasotyylin valintaikkunassa vasemmalla olevan Häivytysasetukset-kategorian:
Vaihe 17: Vedä mustaa ”Underlying Layer” -liukusäädintä oikealle
Sekoitusasetusten alaosassa on kaksi liukusäädinsarjaa. Yläpuolella olevassa sanotaan ”This Layer” (Tämä kerros) ja sen alapuolella olevassa sanotaan ”Underlying Layer” (Taustakerros). Näiden liukusäätimien avulla voimme häivyttää tekstimme taustakuvan kanssa. Ja tarvitsemamme joukko on alimmainen (Underlying Layer):
Huomaa kaksi liukusäädintä gradienttipalkin alapuolella. Vasemmalla on musta liukusäädin ja oikealla valkoinen liukusäädin. Häivytämme tekstimme taustakuvamme tummimpiin kohtiin. Ja sitä varten tarvitsemme mustaa liukusäädintä.
Klikkaa mustaa liukusäädintä ja ala vetää sitä oikealle:
Vetäessäsi pidä tekstiäsi silmällä, niin näet, että taustakuvan tummimmat alueet alkavat näkyä sen läpi. Ja kun vedät pidemmälle, taustaa tulee esiin yhä enemmän ja enemmän:
Vaihe 18: Jaa musta liukusäädin kahtia
Ongelma on se, että tekstin ja taustan väliset siirtymät ovat hyvin jyrkkiä. Voit luoda pehmeämpiä siirtymiä pitämällä näppäimistön Alt (Win) / Option (Mac) -näppäintä painettuna. Napsauta mustan liukusäätimen oikeaa puolta ja vedä sitä pois vasemmalta puolelta. Tämä jakaa liukusäätimen kahteen puolikkaaseen:
Vaihe 19: Säädä liukusäätimiä pehmeän siirtymän luomiseksi
Vasemmalla puolikkaalla säädät nyt sitä kirkkaustasoa, jossa teksti alkaa näkyä taustan edessä. Ja oikealla puoliskolla säädetään kirkkaustasoa, jossa teksti tulee kokonaan näkyviin eikä tausta enää näy sen läpi. Kahden liukusäätimen välisestä alueesta tulee siirtymäalue, jossa teksti ja tausta sulautuvat yhteen. Mitä kauemmas liukusäätimiä vedät toisistaan, sitä asteittaisemmalta siirtymä näyttää.
Säädä liukusäätimen kumpaakin puoliskoa, kunnes olet tyytyväinen vaikutukseen. Tässä ei ole erityisiä arvoja, koska se riippuu taustakuvastasi.
Omassa tapauksessani asetan vasemman puoliskon kirkkaustasoksi 10 ja oikean puoliskon kirkkaustasoksi 60. Toisin sanoen kaikki taustakuvani alueet, joiden kirkkaustaso on 10 tai tummempi, näkyvät kokonaan tekstin läpi. Alueet, joiden kirkkaustaso on 60 tai vaaleampi, jäävät kokonaan tekstin peittoon. Ja niiden välissä olevilla kirkkaustasoilla (11-59) tapahtuu siirtyminen:
Ja kun teksti on nyt sulautunut kuvaan, saamme paljon realistisemman näköisen ruiskumaalaustehosteen:
Vaihe 20: Sulje Layer Style -valintaikkuna
Olemme saaneet päätehosteen valmiiksi, joten mene eteenpäin ja sulje Layer Style -valintaikkuna napsauttamalla OK:
Tasot-paneelissa näemme nyt Drop Shadow -varjostuksemme, joka on listattu Type-tason alapuolella olevaksi efektiksi. Näemme myös Blending Options -kuvakkeen ”fx”-kuvakkeen vieressä, mikä kertoo, että tasoon on sovellettu myös joitakin edistyneempiä häivytysvaihtoehtoja:
Lataa tämä opetusohjelma tulostusvalmiina PDF-tiedostona!
Suihkumaalatun tekstitehosteen monistaminen
Suihkutetun tekstiefektin lisääminen on tässä vaiheessa helppoa.
Vaihe 21: Tee kopio Type-tasosta
Meidän tarvitsee vain kopioida Type-tasomme. Vedä se yksinkertaisesti Layers-paneelin alareunassa olevan Add New Layer -kuvakkeen päälle:
Type-kerroksen kopio ilmestyy alkuperäisen yläpuolelle Drop Shadow -efektimme ja häivytysvaihtoehtomme kanssa:
Vaihe 22: Valitse Siirrä-työkalu
Voidaksemme sijoittaa tekstin uudelleen, valitse Siirrä-työkalu työkalupalkista:
Vaihe 23: Siirrä teksti paikalleen
Klikkaa sitten tekstiä ja siirrä se paikalleen. Vedän tekstin kopion ylöspäin:
Silloin valitsen Layers-paneelissa alkuperäisen Type-tason napsauttamalla sitä:
Ja vedän alkuperäisen tekstin alaspäin:
Ruiskumaalatun tekstin muokkaaminen
Koska tekstimme on edelleen muokattavaa tyyppiä, voimme helposti muokata tekstiä ja säilyttää ruiskumaalaustehosteen ennallaan.
Vaihe 24: Tyyppi-työkalun valitseminen
En halua, että molemmat sanat ovat samanlaisia, joten muokatakseni yläosan tekstiä valitsen Tyyppi-työkalun työkalupalkista:
Vaihe 25: Tekstin valitseminen ja muokkaaminen
Sitten kaksoisnapsautan sanan sisällä korostaakseni sen:
Ja muutan sanan ”PAINT” sanaksi ”SPRAY”:
Hyväksyäkseni sen napsautan valintamerkkiä Asetukset-palkissa:
Vaihe 26: Muokatun tekstin koon muuttaminen Free Transformilla
Muutan ylimmän tekstin kokoa menemällä Muokkaa-valikkoon ja valitsemalla Free Transform:
Ja sitten vedän ylimmän kulman kahvoja muuttaakseni sanan kokoa niin, että se on yhtä leveä kuin alempi sana. Hyväksyäkseni sen painan näppäimistön Enter (Win) / Return (Mac) -näppäintä:
Suihkumaalin värin muuttaminen
Katsotaan lopuksi, miten efektin väriä voidaan muuttaa.
Vaihe 27: Kaksoisnapsauta Drop Shadow (Pudotusvarjo) -tasotehostetta
Vaihtaaksesi ruiskumaalin väriä kaksoisnapsauta Type (Kirjoitus) -tason alapuolella olevia sanoja ”Drop Shadow”. Jos sinulla on useampi kuin yksi Type-taso, kuten minulla, varmista, että kaksoisnapsautat sitä, jota haluat muokata.
Tapauksessani aloitan sanan ”SPRAY” yläreunasta:
Vaihe 28: Napsauta värivalikoimaa,
Tällöin aukeaa uudestaan Tasotyylilaajennuksen valintaikkuna. Napsauta värivalikoimaa:
Vaihe 29: Valitse uusi väri Color Picker -valintaikkunasta
Valitse sitten Color Picker -valintaikkunasta uusi väri. Valitsen jotain kirkasta, kuten keltaista:
Sulje Color Picker (Värinvalitsin) napsauttamalla OK ja sulje Layer Style (Tasotyyli) -valintaikkuna napsauttamalla OK. Ja nyt ylimmän tekstini väri on keltainen:
Alimmaisen tekstin värin muuttaminen
Tehdään sama alimmalle tekstille. Kaksoisnapsautan sanoja ”Drop Shadow” avatakseni uudelleen Layer Style -valintaikkunan:
Ja sitten napsautan värivalintaa:
Ja valitsen uuden värin Värinvalitsimesta. Alimman tekstin kohdalla käytän taas jotain kirkasta, kuten punertavaa vaaleanpunaista:
Klikkaan vielä kerran OK-painiketta sulkeakseni Color Pickerin ja sitten OK-painiketta sulkeakseni Layer Style -valintaikkunan.
Ja tässä, kun olen lisännyt väriä molempiin sanoihin, on lopputulokseni:
Ja siinä se on! Näin luot ruiskumaalattua tekstiä Photoshopissa! Katso lisää opetusohjelmia osioista Photo Effects ja Text Effects. Äläkä unohda, että kaikki opetusohjelmamme ovat ladattavissa PDF-tiedostoina!