Spray Paint -tekstitehosteen luominen Photoshopissa

syys 24, 2021
admin

Opi luomaan Photoshopissa spray paint -tekstitehoste, jossa kirjaimet ruiskumaalataan taustalle! Vaiheittainen opetusohjelma Photoshop CC:lle ja aikaisemmille versioille.

Tekijä: Steve Patterson.

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ä:

Ruiskumaalattu tekstitehoste.

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:

Pinta, johon teksti ruiskumaalataan. Luotto: Adobe Stock.

Ja Layers-paneelissa näemme kuvan Background-tasolla:

Photoshopin Layers-paneeli, jossa näkyy Background-taso.

Related: Opi käyttämään kerroksia Photoshopissa

Vaihe 2: Lisää teksti

Tekstin lisäämiseksi valitse Työkaluriviltä Type Tool (Kirjoitustyökalu):

Type Tool (Kirjoitustyökalu) -työkalun valitseminen.

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:

Valitsemalla fontin Options-palkissa.

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 koon, kohdistuksen ja värin asettaminen.

Tekstin lisääminen

Klikkaa sitten asiakirjaa ja lisää tekstisi. Kirjoitan sanan ”PAINT”:

Tekstin lisääminen.

Tekstin hyväksyminen

Hyväksyäksesi tekstin napsauta valintamerkkiä Asetukset-palkissa:

Klikkaa valintamerkkiä.

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:

Mene kohtaan Muokkaa > 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ä:

Tekstin koon muuttaminen kulmakahvaa vetämällä.

Vaihe 4: Alenna Type-tason Fill-arvo 0 %:iin

Kerrokset-paneelissa näemme tekstimme uudella Type-tasolla kuvan yläpuolella:

Teksti ilmestyy omalle Type-tasolleen.

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:

Alennat Type-tason Fill-arvon 0 prosenttiin.

Teksti katoaa kokonaan. Se on edelleen olemassa, se on vain läpinäkyvä:

Täytön arvon laskeminen teki tekstistä näkymättömän.

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):

Klikkaa Layer Style -kuvaketta.

Valitse sitten Drop Shadow (Pudotusvarjo):

Valitse Drop Shadow -tasotehoste.

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:

Klikkaamalla Reset to Default (Palauta oletukset) -painiketta.

Vaihe 7: Vaihda Drop Shadow’n väri valkoiseksi

Vaihda sitten Drop Shadow’n väri napsauttamalla värivalikoimaa:

Klikkaamalla värivalikoimaa.

Ja valitse Color Picker (Värinvalitsin) -valikosta toistaiseksi valkoinen ja napsauta sitten OK. Valitsemme erilaisia värejä efektiin hieman myöhemmin:

Pudotusvarjon värin asettaminen valkoiseksi.

Vaihe 8: Vaihda varjon sulautumistila Ruuduksi

Voidaksesi nähdä valkoisen, vaihda pudotusvarjon sulautumistila Multiplystä (oletussulautumistila) Ruuduksi:

Vaihda sulautumistila Ruuduksi.

Ja heti alamme nähdä valkoisen ilmestyvän kirjainten taakse:

Tekstin ympärille ilmestyy heikko valkoinen ääriviiva.

Vaihe 9: Nosta varjostuksen peittävyys 100 prosenttiin

Tehdäksesi efektistä kirkkaamman, nosta pudotusvarjon peittävyys kokonaan 100 prosenttiin:

Nosta peittävyys 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:

Tulos peittävyyden lisäämisen jälkeen.

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 %:

Asetetaan sekä Distance (Etäisyys) että Spread (Levitys) arvoon 0.

Asettamalla Distance (Etäisyys) arvoon 0px olemme keskittäneet pudotusvarjon tekstin taakse ja luoneet kirjainten ympärille himmeän ääriviivan tai aivohalvauksen:

Lopputulos sen jälkeen, kun Distance (Etäisyys) arvoksi on laskettu 0px.

Vaihe 11: Pudotusvarjon koon kasvattaminen

Voidaksemme levittää varjon (tai tässä tapauksessa hehkun) kauemmas reunoista, lisää Size-arvoa:

Pudotusvarjon koon kasvattaminen.

Mitä enemmän kasvatat sitä, sitä laajemmalta hehku näyttää:

Tulos sen jälkeen, kun olet laskenut Distance-arvon 0 px:iin.

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ä:

Klikkaa nuolta, älä pienoiskuvaa.

Valitse sen jälkeen Cone (Kuutio) -kontuuri kaksoisklikkaamalla sen pienoiskuvan päällä. Se on ylärivin toinen vasemmalta:

Kartiokontuurin valitseminen.

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:

Efekti sen jälkeen, kun olemme vaihtaneet Cone-kontuuriin.

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”:

Poista valinta ”Layer Knocks Out Drop Shadow”.

Ja nyt ääriviivat näkyvät sekä tekstin ulko- että sisäpuolella:

Efekti sen jälkeen, kun olet vaihtanut Cone-kartion ääriviivaan.

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:

Lisää Size-arvoa.

Ja tässä on tulos:

Efekti Size-arvon uudelleen säätämisen jälkeen.

Vaihe 15: Lisää kohinaa

Lisää lopuksi hieman kohinaa ääriviivaan lisäämällä Noise-arvoa. Asetan omani noin 25-30 prosenttiin:

Kohinan lisääminen efektiin.

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:

Efekti kohinan lisäämisen jälkeen.

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:

Häivytysasetusten avaaminen.

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):

Blending Optionsin ”Underlying Layer” -liukusäädin.

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ämällä mustaa liukusäädintä 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:

Mustaa liukusäädintä vetämällä taustakuvan tummimmat alueet tulevat esiin tekstin läpi.

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:

Pidä Alt (Win) / Option (Mac) -näppäintä painettuna ja vedä liukusäädin erilleen.

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:

Kirkkaustasoni liukusäätimen vasemmalla puoliskolla (10) ja oikealla puoliskolla (60).

Ja kun teksti on nyt sulautunut kuvaan, saamme paljon realistisemman näköisen ruiskumaalaustehosteen:

Efekti, jossa teksti on sulautunut taustaan.

Vaihe 20: Sulje Layer Style -valintaikkuna

Olemme saaneet päätehosteen valmiiksi, joten mene eteenpäin ja sulje Layer Style -valintaikkuna napsauttamalla OK:

Sulje 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:

Tyyppi-tasolla näkyvät nyt Drop Shadow -varjostuksemme ja häivytysvaihtoehtomme.

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:

Vetämällä Type-kerroksen Add New Layer -kuvakkeen päälle.

Type-kerroksen kopio ilmestyy alkuperäisen yläpuolelle Drop Shadow -efektimme ja häivytysvaihtoehtomme kanssa:

Layers-paneelissa näkyvät nyt molemmat Type-kerrokset.

Vaihe 22: Valitse Siirrä-työkalu

Voidaksemme sijoittaa tekstin uudelleen, valitse Siirrä-työkalu työkalupalkista:

Valitaan Siirrä-työkalu.

Vaihe 23: Siirrä teksti paikalleen

Klikkaa sitten tekstiä ja siirrä se paikalleen. Vedän tekstin kopion ylöspäin:

Kopioidun tekstin vetäminen taustakuvan yläreunaan.

Silloin valitsen Layers-paneelissa alkuperäisen Type-tason napsauttamalla sitä:

Alkuperäisen Type-tason valitseminen.

Ja vedän alkuperäisen tekstin alaspäin:

Vetämällä alkuperäisen tekstin taustakuvan alareunaan.

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:

Tyyppi-työkalun valitseminen.

Vaihe 25: Tekstin valitseminen ja muokkaaminen

Sitten kaksoisnapsautan sanan sisällä korostaakseni sen:

Ylimmän sanan korostaminen kaksoisnapsauttamalla Type Toolilla.

Ja muutan sanan ”PAINT” sanaksi ”SPRAY”:

Tekstin muokkaaminen.

Hyväksyäkseni sen napsautan valintamerkkiä Asetukset-palkissa:

Klikkaamalla valintamerkkiä.

Vaihe 26: Muokatun tekstin koon muuttaminen Free Transformilla

Muutan ylimmän tekstin kokoa menemällä Muokkaa-valikkoon ja valitsemalla Free Transform:

Menenen kohtaan Muokkaa > 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ä:

Tekstin kopion koon muuttaminen.

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:

Kaksoisnapsauta sanoja ”Drop Shadow”.

Vaihe 28: Napsauta värivalikoimaa,

Tällöin aukeaa uudestaan Tasotyylilaajennuksen valintaikkuna. Napsauta värivalikoimaa:

Pudotusvarjon värivalikoiman napsauttaminen.

Vaihe 29: Valitse uusi väri Color Picker -valintaikkunasta

Valitse sitten Color Picker -valintaikkunasta uusi väri. Valitsen jotain kirkasta, kuten keltaista:

Valitset ruiskumaalille uuden värin.

Sulje Color Picker (Värinvalitsin) napsauttamalla OK ja sulje Layer Style (Tasotyyli) -valintaikkuna napsauttamalla OK. Ja nyt ylimmän tekstini väri on keltainen:

Tulos ylimmän tekstin värittämisen jälkeen.

Alimmaisen tekstin värin muuttaminen

Tehdään sama alimmalle tekstille. Kaksoisnapsautan sanoja ”Drop Shadow” avatakseni uudelleen Layer Style -valintaikkunan:

Avaan uudelleen Drop Shadow -tasotehosteen sanalle ”PAINT”.

Ja sitten napsautan värivalintaa:

Pudotetun varjon värivalinnan napsauttaminen.

Ja valitsen uuden värin Värinvalitsimesta. Alimman tekstin kohdalla käytän taas jotain kirkasta, kuten punertavaa vaaleanpunaista:

Valitaan toinen väri ruiskuvärille.

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:

Valmis ruiskumaalattu tekstiefekti.

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!

Vastaa

Sähköpostiosoitettasi ei julkaista.