Lasitehoste tuo eleganssia ja syvyyttä tekstityyliisi ja asetteluihisi. Sen läpinäkyvyyden ja heijastavien korostusten ansiosta se antaa suunnittelullesi modernin ja kiehtovan säväyksen. Olipa kyse sitten logoista, otsikoista tai luovista kokonaisuuksista – tämä tehoste varmasti kiinnittää kaikkien huomion. Tässä oppaassa näytän sinulle vaihe vaiheelta, miten luot realistisen lasitehosteen Photoshopissa, jota voi käyttää niin teksteihin kuin asetelmien elementteihin. Aloita siis ja viimeistele suunnittelusi!
Ensimmäinen lasitehoste saa taustakuvasta virtaavan/leikatun vaikutelman ja sulautuu siten yhteen taustan kanssa.
Toinen lasitehoste taas ei sulaudu taustaan vaan on enemmän päällä sijaitseva ja ulkonäöltään tylsähkö tai hieman maitomainen.
Kuvan lähteet tässä oppaassa: archaeopteryx_stocks
1. Osa: Luoda staattinen lasitehosteteksti
Ensimmäinen lasitehosteteksti tuntuu hieman nesteeltä ja näyttää kuin puhdas lasi, joka on leikattu hieman taustasta ulos näyttäväksi.
Vaihe 1: Luo uusi asiakirja
Luo uusi asiakirja koon ollessa 1600x1200 px käyttämällä komentoa Ctrl+N. Riippuen asiakirjan koosta, täytön ja suodattimien asetukset voivat vaihdella.
Vaihe 2: Valitse taustakuva
Parasta on valita tähän tehosteeseen taustakuvaksi yksityiskohtainen kuva, jotta lasikirjoituksen lieriö tulee selvästi näkyviin. Esimerkiksi pilvikuvat eivät toimi hyvin. Valitsen kuvaksi kukkakuvan, jossa kukan selkeät rakenteet ovat näkyvissä.
Vaihe 3: Aseta teksti
Saavuttaaksesi pyöristetyn lasitehosteen, on hyvä, jos käytetty fontti sisältää luonnostaan pyöristetyt muodot. Kirjoitan 640-pistekokoisella fontilla kirjaimet PSD mustalla värillä asiakirjaan.
Vaihe 4: Luo valaistusheijastusmatrisebene ja vääristä se
Klikkaan Ctrl:llä tekstikerrokseni kuvaketta, jotta kirjaimet valitaan.
Kutsun esiin Reunat-valintaikkunan pikanäppäimellä Ctrl+Alt+R. Asetan siihen noin 15 pikselin pyöristyksen sekä pehmeän reunan. Pyöristys on tärkeä, koska vaikka fontin serifit ovat kauniisti pyöristettyjä, fontin armeijaefekti on silti kulmikas. Pehmeä reuna puolestaan tekee lasisuotimen kanssa yhdistettävän vaikutuksen pehmeämmäksi.
Luo uusi kerros painikkeilla Ctrl+Shift+Alt+N ja täytä se valkoisella värillä. Nopein tapa täyttää valkoisella on valita oletusvärit työkalupalkista pikanäppäimen D avulla ja sitten taustaväri täyttää pikanäppäintä Ctrl+Backspace käyttämällä. Vain valinta-alue täytetään valkoisella!
Poistan valinnan painikkeella Ctrl+D. Luo uusi kerros, joka sijoittuu valkoisen kirjainkerroksen alapuolelle – painamalla Ctrla ja klikkaamalla uutta kerroksen symbolia kerroshallintaikkunassa uusi kerros sijoittuu saman tien nykyisen kerroksen alapuolelle! – ja täytä se mustalla. Mikäli oletusvärit ovat valittuna työkalupalkissa, tämä käy nopeimmin taustavärillä täyttämällä pikanäppäin Alt+Backspace.
Pienennän kaikki näkyvissä olevat kerrokset yhdeksi painamalla niitä ja valitsemalla pikanäppäin Ctrl+E. On tärkeää, että jäljelle jäänyt kerros on taustakerros, koska seuraava suodatin tarvitsee matrisokerroksen taustakerran. Jos matrisokerros ei ole taustakerrokseksi pienennetty kerros, lasisuotimen aiheuttama taivutus ei onnistu toivottavalla tavalla.
Käytän valikkoa Kerros>Uusi>Tausta kerroksesta muuntaakseni läpinäkyvyyssäkerroksen taustakerrokseksi.
Tallennan asiakirjan.psd-tiedostona nimellä Matrix-01-Original.psd.
Vaihe 5: Käytä vääristyssuodatinta lasilla ja matrisorakenteella
Valitsen ensin pikavalinnan Alt+Z niin monta kertaa, kunnes alkuperäinen työskentelytiedosto tulee näkyviin. Voin siis jatkaa nykyisen työskentelytiedoston kanssa. On hyvä idea poistaa matrisorakenteen tarpeettomat kerrokset ja tallentaa työskentelytiedosto.psd-muodossa.
Sen jälkeen valitsen taustakerrokseni. Mikäli se ei ole vielä Smart-Object, voin muuttaa sen sellaiseksi napsauttamalla oikealla hiirenpainikkeella kerrosten hallintaikkunassa. Smart-suodattimien etuna on, että niitä voi muokata milloin tahansa tietojen menettämättä. Kun kerros on muunnettu Smart-Object, suodattimia voi käyttää Smart-suodattimina.
Valikon kautta Suodatin>Vääristymissuodattimet>Lasi kutsun lasisuodattimen esiin. Valitsen Vääristymän arvoksi 20 ja Tasoituksen arvoksi 15.
Tärkeää on ottaa käyttöön matriisia koskeva rakenneohje, mikä tapahtuu kutsumalla Rakenne-valikko>Rakenteen lataus. Avautuvassa selaimessa valitsen aiemmin tallentamani PSD-matriisitiedoston. Nyt esikatselussa näkyy, miten kirjaimien sijaan syntyy epäselvä lasieffekti.
Tähän mennessä efekti näyttää tältä:
Vaihe 6: Aktivoi tekstitaso uudelleen
Aktivoin mustan tekstikerroksen, jonka loin alun perin matriisitiedoston luomiseksi.
On hyödyllistä muuntaa tekstitaso Älykkääksi objektiksi. Näin teksti itsessään on suojattu Älykkäässä alkuperäisosassa (PSB-tiedosto), kun taas muutokset tehdään murtamatta niitä.
Vaihe 7: Luo tekstiefekti
Tekstikerroksen täyttöasetuksista voin asettaa hieman litistynyt reunus pehmeästi veistetyllä seuraavilla arvoilla:
- Syvyys: 400 prosenttia
- Koko: 8 pikseliä
- Sumennus: 4 pikseliä
- Kulma: 120 astetta
- Korkeus: 30 astetta
- Syvyysvaihtoehto: Kerro 40 %:n peittävyydellä ja 70 %:n kirkkaudella (B)
Kerroksen täyttömenetelmäksi asetan Kerrostuminen.
Koska tässä opastuksessa puhutaan usein Kirkkausarvoista, haluan selventää, mitä tarkoitan. Photoshopin Väriä valitessa vastaa parhaiten HSB-mallia kolmella arvolla: Sävy (Hue), Kylläisyys (Saturation) ja Kirkkaus (Brightness). Sävy (Hue) on oikea väriliuku, Kylläisyyden (Saturation) saa määrittää vasemmalle-oikealle liikkeellä väriä valitettaessa ja Kirkkauden (Brightness) ylös-alas liikkeellä. Viitatessani tähän opastuksessa Kirkkausarvoon, tarkoitan yksinomaan B-arvoa HSB-mallin mukaan, ilman viittausta Sävyyn tai Kylläisyyteen.
Syvyysvaihtoehto on määritetty 70 %:n Kirkkauteen. Näin ollen kuva on Väriä valittaessa seuraavanlainen.
Efekti näyttää tällä hetkellä tältä:
Vaihe 8: Sijoita taidefiltteri muovikelmua
Tehdäkseni efektistä vieläkin voimakkaamman käytän taidefiltteriä. Muunnan tekstikerroksen etukäteen Älykkääksi objektiksi, jotta Täyttövaihtoehtomuutokset jne. ovat yhä mahdollisia ilman menetyksiä.
Valitsen taidefiltterissä muovikelmua korkeimmat mahdolliset säätöarvot:
- Kiilto: 20
- Yksityiskohta: 15
- Tasoitus: 15
Efekti näyttää paljon lasimaisemmalta, samankaltaiselta kuin lasikuulissa.
Vaihe 9: Suodattimen soveltaminen uudelleen
Jotta efekti tulisi vielä paremmin esille, valitsen yksinkertaisesti Ctrl+F soveltaakseni edellistä suodatinta uudelleen.
Tasojen hallintaikkunassa Älykkääseen objektiin tulee kaksi Älykästä suodatinta muovikelmu, jotka voin tarvittaessa muuttaa erikseen.
Vaihe 10: Varjo sisäänpäin ja heijastusvarjo
Lopuksi voin lisätä tasolleni pienen Sisäänpäin suuntautuvan varjon 85 prosentin kirkkaudella, jotta kirjaimet ovat myös hyvin kevyesti, käytännössä tuskin havaittavasti, kehystetty.
Huomaan tämän täyttövaihtoehtoja käyttäessäni ja asetan varjon kirkkauden väriä valittaen. Teen myös seuraavia lisäasetuksia:
- Peittävyys: 70 prosenttia
- Väli: 1 pikseli
- Koko: 1 pikseli
- Puoliympyrä Kontuuri
Koska sisäänpäin suuntautuvat varjot lasketaan valonkulmasta, minun täytyy myös luoda Heijastusvarjo, joka aiheuttaa samanlaisen vaikutuksen vastakkaisella puolella.
Asetukset ovat samat kuin Sisäänpäin suuntautuvassa varjossa.
Vaihe 11: Variointia
Efektiä on hyvin helppo muunnella. Esimerkiksi voin yksinkertaisesti tekstikerrosten Täyttöasetuksissa valita erilaisia toimintatiloja Älykkäistä suodattimista ja katsoa, miten efekti muuttuu. Voin myös helposti kopioida tekstitasoja ja sekoittaa niitä eri Tasotiloissa.
Minulla on myös aina mahdollisuus käyttää muita suodattimia tekstitasoon. Näin minulla on lähes rajattomat mahdollisuudet muunnelmien luomiseen.
Tässä esimerkissä voisin kuvitella, että taustasta lasieffektiin olisi sulavampi siirtymä. Siksi valitsen tekstikirjaimet uudelleen Ctrl ja siirto klikkaamalla kerroksen pikkukuvaa ja kutsun Reunan parantaminen -dialogiin. Valinta saa Keinutuksen ja pienen Pehmeän reunan, jotta siirtymä tekstistä taustaan olisi sulavampi.
Luon uuden tason pikakuvakkeella Ctrl+Shift+Alt+N ja täytän sen mustalla värillä; käyttäessäni vakiovärejä työkalupalkissa käytän pikakuvaketta Alt+Backspace.
Poistan valinnan pikakuvakkeella Ctrl+D. Tämän jälkeen voin vetää ja pudottaa vain täyttövaihtoehdot ja älysuodattimet olemassa olevalta tekstikerrokseltani uudelle tasolle painamalla Alt ja vedä ja pudota. Täyttövaihtoehdot ja älysuodattimet kopioidaan. Poistan tässä tapauksessa ulkosivun varjon ja sisäisen varjon. Voin myös poistaa alkuperäisen tekstikerroksen käytöstä ja asettaa uuden tekstikerroksen sisäkkäisyys-tilaan.
Lopullinen efektini näyttää pehmeämmältä ja juoksevammalta siirtymässä. Tässä on vielä yksi pieni variaatio tekniikka Flat Edge and Relief jossa on asetettu Hard Chisel.
Haittapuoli tässä lasitehosteessa on, että tekstiäni ei voi enää helposti muuttaa sijoittelussa. Jos muutan paikkaa, minun täytyy myös muuttaa siihen liittyvää matriksia. On kuitenkin tapa, jolla voin tehdä lasitehosteeni dynaamisiksi, jotta valon taittuminen mukautuu tekstini uuteen sijaintiin milloin tahansa.
2. osa: Luodaan dynaaminen lasitehosteteksti
Dynaamisella lasitehostetekstillä on se erikoisuus, että voin muuttaa kirjaimia milloin tahansa tekstuaalisesti ja kooltaan, mutta myös siirtää koko tekstiä dokumentissa. Valon taittuminen säilyy aina ja mukautuu automaattisesti uuteen taustaan.
Esimerkkitextissäni tekstini ei vaikuta niin lasimaiseen ja työstettyyn kuin ensimmäisessä esimerkissä, vaan se näyttää hieman tylsältä ja maitolasiselta ja sijoittuu taustalle. Näet tämän opetusohjelman kahdet mahdolliset keinot toteuttaa erilaisia lasitehostetekstejä.
Vaihe 1: Uuden asiakirjan luominen
Luon uuden asiakirjan koon ollessa 1600 x 1200 pikseliä painikkeella Ctrl+N. Asiakirjakoon mukaan asetukseni voivat vaihdella täyttövaihtoehdot ja suodattimet.
Vaihe 2: Taustakuvan valitseminen
Valitsen myös tässä esimerkissä kukkakuvan, jossa selkeät kukkien rakenteet näkyvät.
Vaihe 3: Tekstin sijoittaminen
Saavuttaakseni pyöreän lasitehosteen on hyödyllistä, jos valittu fontti sisältää luonnostaan pyöreyksiä. Kirjoitan 640 pisteen Armylla kirjaimet PSD haluamallani värillä asiakirjalle.
Vaihe 4: Alueen nollaus 0 prosenttiin
Nollaan alueensäätimen 0 prosenttiin. Ero peittävyyden ja alueen välillä tulee tässä opastuksessa erityisen selväksi. Kun peittävyysäädintä käytetään, tason sisältö ja tasotyylit voivat muuttua läpinäkyvyydessä, kun taas alueensäätimellä voidaan koskettaa vain tasosisältöä. Valitut tasotyylit (käyttäen täyttövaihtoehtoja) näkyvät.
Koska mitään täyttövaihtoehtoja ei ole vielä tehty, tekstikerroksen nykyinen näkymä on täysin piilossa.
Vaihe 5: Lasitehosteen asettaminen
Käyttämällä useita täyttövaihtoehtoja saan kirjaimilleni lasimaisen efektin. Tärkeää: Dokumentin ja kirjaimen koon perusteella minun on mukautettava asetuksia täyttövaihtoehtoihin. Sisävarjo: Hohto: Tasainen reuna ja Relief: Aiempi efekti tehty näillä asetuksilla: Kiilto: Olen tarkoituksella työskennellyt harmaasävyillä tasojen tyyleissä, jotta lasitekstiä voidaan soveltaa helposti myös muihin taustoihin ilman, että väriä tarvitsee sovittaa uuteen kuvataustaan Täyttövaihtoehtojen kautta. Värillinen levitetty täyttömenetelmä Kiilto-rekisterissä takaa tarvittavan värikkään piristyksen! Kopioin tekstitasoa pikanäppäimellä Ctrl+J. Painan Ctrl ja klikkaan Uuden tason symbolia Tasojen paneelissa luodakseni uuden tason juuri luodun tekstitasoani alemmaksi. Tämän tason täytän harmaasävyllä, jossa on 60 %:n Valoisuus. Kaikki Täyttövaihtoehdot paitsi Sisäinen varjostus poistetaan tekstitasosta. Sisäistä varjostusta muokkaan vielä Täyttövaihtoehdoissa. Siellä vähennän harmaani Valoisuusarvoa, jotta Sisäinen varjostus on hieman voimakkaampi. Valitsen kaikki tasot ja yhdistän ne yhdeksi painamalla pikanäppäintä Ctrl+E. Tärkeää on, että yhdistämisen jälkeen sain tasosta taustatason, koska seuraava lasisuodatin tarvitsee matriisia taustatasoksi. Mikäli matriisi ei ole tausta-tasolle yhdistetty tasomuunnos, lasitutkaus ei toimi halutulla tavalla. Voit muuntaa läpinäkyvyyden tausta-tasoksi valikosta Taso>Uusi>Tausta kerroksesta. Palaan vaiheeseen, jossa olin ennen matriisin luomista, painamalla pikanäppäintä Ctrl+Alt+Z. Ensin kopioin Ctrl+J alkuperäisen taustakuvaani. Avaa kopiota ja valitse vääristys-suodatin Lasitus. Rakenteeksi valitsen matriisitasoni. Jotta efekti näkyy todellakin vain tekstialueella eikä aiheuta vääriä reunoja, valitsen yksinkertaisesti tekstin painamalla Ctrl ja klikkaamalla Tason pikkukuvaa Tasojen paneelissa ja lisään valinnan lasisuodattimeni Visuaalinen suodatinkerros. Näin efekti leikataan tarkasti vain siihen alueeseen, jolle se on tarkoitettu. Effekti on valmis. Jos matriisin läpikäynti on liian monimutkaista, voit soveltaa yksinkertaisesti suodinta Heilurit. Vaikutus ei ole ideaalinen, mutta se pääsee melko lähelle aitoa valon taittumista. Kun liikun nyt tekstissäni, huomaan, että valon taittuminen ei siirry mukana kopioidussa taustatasossa. Tämä on ärsyttävää, koska minun pitäisi hankalasti säätää uusi matriisi lopullista tekstini sijoittelua varten. On parempi luoda alusta alkaen standardimatriisi tälle efektille, jossa kaikki mahdolliset tekstien sijoittelut toimivat hyvin. Koska vääristösuodatinta Lasia on sovellettu Älysuodattimena, kutsun sen uudelleen Kaksoisnapsautuksella. Päivitän suodatusvalinnan uudella matriisitiedostolla matrix-02-standard.psd. Voin nyt poistaa Älysuodattimen maskin. Koska jos teksti pitäisi liikkua asiakirjassa, maski on liian staattinen. Sijoitan tason uudelleen matalimmaksi Tasopaneelissa. Sen päällä on sitten alkuperäinen taustakuva. Efekti ei näy enää uuden tasorakenteen vuoksi. Seuraavassa vaiheessa tuomme valon taittumiseffektin takaisin kuvaan. Nyt kaikki läpinäkyvyydet asiakirjassa leikataan tekstimuodosta taustatasoon. Se on ikään kuin leikkaus asiakirjassa, riippumatta siitä, kuinka monta tasoa asiakirjassa on näkyvissä. Läpinäkyvyystasot peitetään juuri tuon tekstin kohdalla. Koska taustataso ei tunne läpinäkyvyyksiä, suodatin näkyy aina tuossa taustatasossa. Näin tekstini voidaan siirtää mihin tahansa kohtaan ja valon taittumiseffekti säilyy kirjaimissa. Aiemmin kopioidun taustatason ansiosta kaikki muut alueet, joissa ei ole valon taittumiseffektiä, näytetään. Aukotustekniikka ei valitettavasti ole kovin tunnettu ja hieman staattinen efektin muunnelmille. On kuitenkin olemassa hyvä vaihtoehto, joka kuuluu enemmän Photoshopin tuttuihin alueisiin ja on joustavampi efektin muunnelmille: tavallinen Leikkausmaski. Klikkaamalla teksti- ja valon taittumiskerroksen väliin Tasopaneelissa lisään Leikkausmaskin. Saman voi tehdä myös pikakuvakkeella Ctrl+Alt+G. Variointi tekstikirjaimissa on hyvin helppoa eri fonttien ja Täyttöasetusten avulla. Muita vaihtoehtoja muunnelmille ovat esimerkiksi valon taittaminen hieman pehmeästi tai terävästi. Tämä on erityisen järkevää standardimatriisilla, jotta kovat rakenteet voidaan tasoittaa tehokkaammin. Jo 2 pikselin pehmennysarvo riittää. Sen sijaan pehmennysvaikutelma, terävöitys korostuksen avulla toimii erittäin hyvin. Korostussuodattimen täyttöasetuksissa laitan täyttömenetelmän Kopiointi sisälle! Tällä saan hieman enemmän terävyyttä ja kontrastia taittumiseen, jolloin valon taittumistehoste näyttää vielä realistisemmalta. Lopuksi alkuperäiskuva korkean kohinasuodattimen kanssa:
Varjo:
Sisävarjo saa 90%:n valoisuuden seuraavilla asetuksilla:
Ulkosäde saa 20%:n valoisuuden seuraavilla asetuksilla:
Sisäinen tasainen reuna on kova. Vaihtoehtoina on myös pyöristetty!
Valittavat asetukset ovat seuraavat:
-Syvyysmoodi 60%-isellä Valoisuudella 40 prosentin Pehmeys
Kiilto saa 70%-isen Valoisuuden seuraavilla asetuksilla:
-Kulma 100 astetta
Kirjain on valmis lasimainen. Erilaisilla Täyttövaihtoehdoilla voin mukauttaa lasiefektiä erittäin hienosti yksilöllisesti.
Vaihe 6: Matriisi-tekstuuritason luominen valon taittumista ja vääristymistä varten
Matriisi on luotu. Nyt tallennan asiakirjan PSD-tiedostona nimellä matrix-02-original.psd.Vaihe 7: Lasisuodattimen soveltaminen matriisi-rakenteeseen
Säätimillä voin säätää vääristymisvaikutusta mielivaltaisesti. Valitsen:
Vahvistan painikkeella OK. Juuri siinä kohdassa, missä tekstini on, tekstini on nyt vääristynyt. Lasiefekti näyttää valon taittumisen ansiosta lähes realistiselta.
Vaihe 8: Luo standardimatriisi
Avaan uudelleen matrix-02-original.psd-tiedoston, kopioin tekstin monta kertaa ja sijoitan kopiot päällekkäin asiakirjaan. Tämä onnistuu nopeimmin Kopioleimalla.
Tässä esimerkissä PSD-teksti kopioitiin yksinkertaisesti. On myös mahdollista maalata tummalla Siveltimellä tiettyjä rakenteita matriisiin, jotka sitten myöhemmin otetaan huomioon. Näin varmistetaan, että lasinlaskennassa ei myöskään näy kirjaimia.
Tämän jälkeen tallennan asiakirjan nimellä matrix-02-standard.psd.Vaihe 9: Lasisuodattimen suorittaminen standardimatriisin avulla
Vaihe 10: Uudelleenjärjestä tasorakenne
Tason, jolla on suodatinefekti, täytyy muuttaa läpinäkyvästä taustatasoksi. Teen sen valitsemalla valikosta Taso>Uusi>Tausta tasosta.
Vaihe 11: Aukotekniikan käyttäminen
Avatessani tekstikerroksen Täyttöasetukset ja aktivoimalla lisäasetukset vahvan Aukotuksen.
Vaihe 12: Vaihtoehto aukotukselle: leikkausmaski
Palaan pikakuvakkeilla Ctrl+Alt+Z taaksepäin, jotta taustataso palautuu Älyobjektiksi Smart-suodattimella Lasia. Poistan aukotuksen tekstikerroksen Täyttöasetuksista. Valon taittumiskerroksen eli äskeisen palautetun Älyobjektin sijoitan tekstikerroksen päälle.
Leikkausmaski aiheuttaa sen, että valon taittuminen rajataan näkymään tekstikerroksen mukaan.
Efekti näkyy, kun asetan Pintasäädintä 0 prosentista takaisin 100 prosenttiin. Hyöty leikkausmaskista on myös siinä, että en tarvitse taustatasoa ja teoriassa kerrosta voidaan käyttää myös Älyobjektina Älysuodattimien kautta ja mahdollisuudella variaatioihin ilman tietojen menetystä efektissä.
Vaihe 13: Variointi
Valon taittumisefektiä voidaan muunnella vääristysfiltterissä Lasia; tämä onnistuu esimerkiksi hyvin Kuutio-asetuksella. Myös Rypistykset tai Meren aallot ovat hyviä valon taittumiseffekteihin. Jos taittumisefekti on liian heikko, voin soveltaa suodinta uudelleen tasolle yksinkertaisesti Ctrl+F.
Koska efekti on luotu Täyttöasetuksilla värittömäksi - eli siinä työskenneltiin pääasiassa harmailla arvoilla laskemiseen sekä Color Dodge -täyttömenetelmällä Kohteena -, uusia taustoja voidaan sijoittaa kirjaimiin erittäin helposti. Tarvittavat säädöt rajoittuvat siihen, että matriisi täytyy ajaa uudelleen Lasin suodattimen kautta uuteen taustaan.
Tässä esimerkissä olen sijoittanut uuden taustakuvan, kopiointi tästä. Kopiointi sijoitetaan myös Leikkausmaskiksi tekstikerrokseen. Alt -näppäimellä voin vetää olemassa olevan valon taittumisekerroksen Älysuotimen uuteen, kopioidulle taustalle. Näin nopeasti efekti mukautuu erilaiseen taustaan.
