Üks klaasiefekt lisab elegantsi ja sügavust sinu typograafiasse ja paigutustesse. Selle läbipaistvuse ja peegeldavate esiletõstmistega annab see sinu disainidele kaasaegse ja võluva puudutuse. Olgu see siis logode, pealkirjade või loovate kompositsioonide jaoks – see efekt tõmbab kindlasti kõik pilgud endale. Selles õpetuses näitan sulle samm-sammult, kuidas luua Photoshopis realistlik klaasiefekt, mida saab kasutada nii teksti kui ka paigutuselementide jaoks. Alustame ja täiustame sinu disaine!
Esimene klaasiefekt sulandub taustapilgust välja ja moodustab sellega terviku.
Teine klaasiefekt ei sulandu taustaga, vaid paikneb sellel pigem pealiskaudselt ja visuaalselt tuhmilt kuni kergelt piimjase ilmega.
Pildiallikad selles õpetuses: archaeopteryx_stocks
1. Osa: Staatilise klaasiefekti teksti loomine
Esimene klaasiefekti tekst näeb välja veidi vedel nagu puhas klaas, mis tundub olevat kergelt välja lõigatud taustast.
Samm 1: Uue dokumendi loomine
Loon uue dokumendi suurusega 1600x1200 px, kasutades klahvikombinatsiooni Ctrl+N. Sõltuvalt dokumendi suurusest võivad täidise ja filtrite seaded erineda.
Samm 2: Taustapildi valimine
Selle efekti jaoks on ideaalne valida taustapildiks detailidega pilt, et klaaskirja murdumine oleks selgelt nähtav. Näiteks ei ole hea valik pilved. Valin lillepildi, kus on näha õie selged struktuurid.
Samm 3: Teksti paigutamine
Ümardatud klaasiefekti saamiseks on kasulik valida kirjatüüp, mis sisaldab juba loomulikult ümaramaid osi. Kirjutan 640-punktilise mõõtmetega kirjas PSD dokumendile mustade tähtedega sõna PSD.
Samm 4: Valgusmurdmise moonutamise maatrikskihi loomine
Klikin Alt nuppu vajutades tekstielemendi kihi pisipildil, et valida tähed.
Kutsun dialoogiaken Edge Enhance välja kiirklahviga Ctrl+Alt+R. Seadistan umbkaudu 15 pikslise ümarduse ja pehme serva. Ümardus on oluline, kuna kirjatüübi serife on kenasti ümaramad, kuid tähtede jagunemine - ehk kirjastiili Army efekt - on liiga nurgeline. Pehme serva kasutades muudan efekti pehmemaks, kui seda kasutatakse koos klaasfiltriga.
Loon uue kihi klaviatuurikombinatsiooniga Ctrl+Shift+Alt+N ning täidan selle valge värviga. Kiireim viis valgega täitmiseks on kui valin tööriistaribal vaikimisi värvid kiirklahviga D ja valin siis värvi täitmiseks etteantud värviga kiirklahviga Ctrl+Backspace. Valge täidab ainult valitud ala!
Vajutades Ctrl+D, tühistan valiku. Loon uue kihi, mis asub valge tähekihi all - klahvide Ctrl ja Click abil uue kihi ikoonile kihi paneelis vormindab uue kihi otse praeguse kihiga ühel alal! - ja täidan selle mustaga. Kui tööriistaribal on vaikimisi värvid ja kasutan eesmise värvi täitmist, siis käib see kiireimini läbi kiirklahvi Alt+Backspace.
Kõik nähtavad kihid vähendan ühele, valides need ja valides kiirklahviga Ctrl+E. On oluline, et allesjäänud kiht oleks taustakiht, kuna järgnev filter vajab maatriksit taustakihina. Kui maatriksikiht pole vähendatud taustakihiks, siis ei toimi klaasfiltri kaudu murdumine õigesti.
Menüü kaudu Layer>New>Background from Layer muudan läbipaistvuskihi taustakihiks.
Nüüd salvestan dokumendi PSD-failina nimega Matrix-01-Original.psd.
Samm 5: Moonutusfiltriga klaas koos maatriksstruktuuriga rakendamine
Valin klahvikombinatsiooniga Alt+Z oma originaalse tööfaili seni mitu korda, kuni see ilmub uuesti. Seega saan jätkata praeguses tööfailis. Kasulik on kustutada maatriksstruktuuri üleliigsed kihid ja salvestada tööd PSD-dokumendina.
Smart Object, saan selle muuta Smart Object-iks, klõpsates hiire parema nupuga kihi paneelis Konverteeri Smart Object'iks. Smart Filteritel on eelis, et neid saab igal ajal kahjustamata muuta. Kui kiht on konverteeritud Smart Object-iks, saab filtreid rakendada Smart Filteritena.
Menüpunkt Filtrid>Moonutusfiltrid>Klaas kutsun klaasfiltri esile. Valin moonutuseks 20 ja silumiseks 15.
Oluline on tuua struktuurimallina sisse minu maatriks. Teen seda valides menüü Struktuur>Struktuuri laadimine. Avanevas brauseris valin eelnevalt salvestatud maatriksi PSD-faili. Nüüd kuvatakse eelvaates, kuidas tähtede asemel tekib udune klaasiefekt.
Senine efekt näeb välja järgmine:
Samm 6: Aktiveeri tekstikiht uuesti
Aktiveerin musta tekstikihi, mille olin alguses loonud maatriksi PSD-faili loomiseks.
Kasuks tuleb tekstikiht konverteerida nutikihiks. Nii jääb tekst iseenesest kaitstud nutikihi algversioonis (PSB-failina), samal ajal kui edasised muudatused on mittehävitavad.
Samm 7: Tekstiefekti loomine
Tekstikihi täitevalikute alt saan seadistada kerge pehmelt meisterdatud serva järgmiste väärtustega:
- Sügavus: 400 protsenti
- Suurus: 8 pikslit
- Pehmendamine: 4 pikslit
- Nurk: 120 kraadi
- Kõrgus: 30 kraadi
- Sügavusrežiim: Korrutamine 40%-lise läbipaistvusega ja 70%-lise heledusega (B)
Kihi täiteviisiks panen Kihiparandus.
Kuna selles õpetuses räägitakse sageli heledusväärtustest, selgitan lühidalt, mida selle all mõtlen. Photoshopi värvivalija vastab kõige enam HSB mudelile kolme väärtusega: Värvitoon (Hue), Küllastus (Saturation) ja Heledus (Brightness). Värvitoon (Hue) on parempoolne värviriba, Küllustus (Saturation) saab vasakult paremale liikumisega värvivalijas seada ja Heledust (Brightness) üles-alla liikumisega. Kui viitan selles õpetuses heledusväärtusele, pean silmas ainult B-väärtust HSB mudelis, ilma viitamata Värvitoonile ega Küllastusele.
Sügavusrežiim seadistati 70% heledusega. Seega näeb pilt välja selline värvivalijas.
Senine efekt näeb välja järgmine:
Samm 8: Kunstfilteri plastikmembraan kasutamine
Efekti veel veidi tugevdamiseks kasutan kunstfilterit. Eelnevalt konverteerin oma tekstikihi nutikihiks, et jääks võimalikuks endiselt teha täitvaliku muutusi jms kadudeta.
Valin kunstfiltrist Plastikmembraani kõrgeimad reguleerimisväärtused:
- Läige: 20
- Detail: 15
- Silumine: 15
Efekt mõjub nüüd palju klaasjama, sarnane klaaskuulidega.
Samm 9: Filtri uuesti rakendamine
Et efekt paremini esile tõuseks, valin lihtsalt Ctrl+F viimase filtri uuesti rakendamiseks.
Kihi pildilahendusalal kuvatakse nutikihina kahekordselt Plastikmembraani nutikfiltrid, mida saan vajadusel eraldi muuta.
Samm 10: Sisemine vari ja servavari
Viimase sammuna saan tekstikihile lisada minimaalse Sisemise vari 85% heledusega, et tähti pisut, peaaegu märkamatult, raamida.
Selleks kutsun kihifiltri sätted esile ja seadistan Heleduse varju värvivalikust. Teen järgmised täiendavad sätted:
- Läbipaistvus: 70 protsenti
- Kaugus: 1 piksel
- Suurus: 1 piksel
- poolringikujuline Kontuur
Kuna sisemine vari arvutatakse valgusnurgast, pean looma ka Servavari, mis tekitab vastassuunas sama efekti.
Sätted on samad mis Sisemisel varil.
Samm 11: Variatsioonid
Efekt on väga lihtsalt muudetav. Näiteks saan lihtsalt tekstikihis olevate täitvalikute all valida erinevaid režiime ja vaadata, kuidas efekt muutub. Samuti saan kopeerida oma tekstikihi ja kombineerida erinevatesse kihiliikidesse.
Mul on alati võimalik rakendada tekstikihile täiendavaid filtreid. Seega on mul peaaegu lõputult erinevaid variatsioonivõimalusi.
Selles näites võiksin ette kujutada sujuvamat üleminekut taustalt klaasiefektile. Seega valin teksti tähtedele Ctrl ja Klõps kihi pisipildil ning kutsun esile dialoogi Ääre parandamine. Valik saab ümarduse ja minimaalse pehme serva, et teksti ja tausta vaheline üleminek oleks sujuvam.
Mul on kiirklahv Ctrl+Shift+Alt+N uue kihi loomiseks ja täidan selle musta värviga; kasutades Standardsed värvid tööriistaribal, kasutan kiirklahvi Alt+Tagasiklahv.
Valiku tõstan üles kiirklahviga Ctrl+D. Nüüd saan lihtsalt lohistades ja toetudes kihi koputades üle kanda olemasolevad Täitusuvandid ja Nutikad filtrid endiselt tekstikihil minu uuele kihile. Täitusuvandid ja Nutikad filtrid duplitseeritakse. Varju ja sisemine vari deaktiveerin selles teostuses. Samuti saan seejärel algse tekstikihi deaktiveerida ja uue tekstikihi redigeerimisrežiimi seada Tõmbe.
Minu lõpptulemus näeb siis pehmem ja sulavam välja üleminekul. Siin lisasin veel ühe variatsiooni tehnikast Täpsustatud serv ja reljeef valikule Kõvad meissel.
Antud klaasiefekti puuduseks on see, et ma ei saa enam oma teksti asendit lihtsalt muuta. Kui muudan positsiooni, pean muutma ka oma vastavat maatriksit. On aga viis, kuidas saan oma klaasiefekti teksti dünaamiliselt kujundada, nii et valguse murdumine kohaneb igal ajal uue teksti positsiooniga.
2. Osa: Dünaamilise klaasiefekti teksti loomine
Dünaamilisel klaasiefekti tekstil on see eripära, et saan tähti igal ajal teksti ja suurust muuta, kuid ka teksti tervikuna dokumentis liigutada. Valguse murdumine jääb alati alles ja kohaneb automaatselt uue taustaga.
Nagu näiteks ei tundu minu tekst selles õpetuses päris nii läbipaistev kui esimeses näites, vaid pigem tuhm kuni piimjalt klaasine ja tausta peale asetatud. Seega näete selles õpetuses kahte võimalikku viisi erinevate klaasiefektide tekstide kujundamiseks.
Samm 1: Uue dokumendi loomine
Lood uue dokumendi, klõpsates kiirklahvi Ctrl+N, suurusega 1600x1200px. Sõltuvalt dokumendi suurusest võivad Täitusuvandid ja Filtrid olla seadistustes erinevad.
Samm 2: Taustapildi valimine
Valin ka selles näites õiepildi, kus on näha õie selged struktuurid.
Samm 3: Teksti paigutamine
Ümarate klaasiefekti saavutamiseks on kasulik, kui valitud fondil on juba endas ka juba ümardused. Kirjutan suvalises värvitoonis 640-punktise kursiivsusega tähtedega PSD dokumendile.
Samm 4: Alanda täidetud ala 0 protsendini
Vähendan Täidetud alasid 0 protsendini. Erinevus Kattuvuse ja Täidetud ala vahel on selles õpetuses eriti märgatav. Kuigi Kattuvusregulaatoriga saab kohandada kihi sisu ja Kihi stiilid läbipaistvust, on Täidetud-alaga võimalik rääkida ainult kihi sisu. Valitud Kihi stiilid (läbi Täitusuvandite) jäävad nähtavaks.
Kuna esialgu ei ole veel mingeid Täitusuvandeid tehtud, on praegune vaade tekstikihist täielikult peidetud.
Samm 5: Klaasiefekti seadistamine
Mitu Täitusuvandit aitavad mul saada tähtedele klaasistunud efekti. Oluline: Sõltuvalt dokumendi ja tähemärkide suurusest pean Täitusuvandeid seadetes kohandama.
Varju:
Schlagschatten saavutab 45% Heleduse järgmiste valikutega:
- Täitmismeetod Korruta
- 60 protsenti Kattuvus
- Vahemik 12 pikslit
- Suurus 10 pikslit
- poolümar, silutud Kontuur
Vooruvari efekt:
Sisemine vari:
Sisemine vari saavutab 90% Heleduse järgmiste valikutega:
- Täitmismeetod Korruta
- 85 protsenti Kattuvus
- Vahemik 15 pikslit
- Alumine täitmine 30 protsenti
- Suurus: 57 pikslit
- lineaarne, silutud Kontuur
Välimine kiir:
Välimine kiir saavutab 20% Heleduse järgmiste valikutega:
- Täiteviis Negatiivne korrutamine
- Katvus: 60 protsenti
- Suurus 10 pikslit
- poolümarad, siledad Kontuur 70%-lises Alas,
Kandiline serv ja reljeef:
Kandilise serva sees on kõva meisleja. Variatsioonina võib kasutada ka ümardatud!
Järgmised valikud tuleb teha:
- Sügavus: 100 protsenti
- Suurus: 20 pikslit
- Udu: 8 pikslit
- Nurk 120 kraadi
- Kõrgus 70 kraadi
-Sügavrežiim 60%-lise Heledusega 40 protsenti Katvus
Senine efekt antud seadetega:
Sära:
Sära saab 70%-lise Heledusega järgmiste valikutega:
- Täiteviis Värviline hajutamine
- Katvus: 40 protsenti
-Nurk 100 kraadi - Vahemaa 100 pikslit
- Suurus 100 pikslit
- lineaarne, sile Kontuur
Valmis on klaasilaadne täht. Erinevates Täitevalikutes saan klaasiefekti individuaalselt kohandada.
Olen teadlikult kasutanud tasapinna stiilides halltoone, et klaasine tekst saaks hõlpsalt kanda muudes taustades, ilma et peaksin uues pilditaustas värvi vastavusse viima.Värvilist hajutamist täitmisviisina Glamuur menüüs annab vajaliku värvilise annuse!
Samm 6: Maatrikskihi loomine valguse murdumise ja moonutuste jaoks
Mitmekordistan tekstikihile klaviatuurilühendi Ctrl+J abil. Klikin Ctrl ja Klõpsan uue kihi ikoonil Kihi -paneelis, et luua uus kiht, mis asub minu äsja kopeeritud tekstikihi all. Täidan selle kihi halltooniga, mille heledus on 60%.
Kõik Täitevalikud (v.a Varjud sissepoole) deaktiveeritakse tekstikihil. Varjud sissepoole muudan ka täitevalikutes. Seal vähendan oma halli heledusväärtust umbes 50%, et Varjud sissepoole oleks veidi tugevam.
Märkin kõik kihid ja vähendan neid ühele kihi abil klaviatuurilühendi Ctrl+E.Tähtis on see, et pärast ühele kihile vähendamist see oleks taustakiht, kuna järgmine klaasifilter vajab maatriksit taustakihina. Kui maatriksikiht ei ole taustakihiks vähendatud kiht, ei õnnestu klaasifilter murdu täpselt nii, nagu soovitud. Menüüs Kiht>Uus>Taustkiht kihist saan läbipaistva kihi muuta taustakihiks.
Maatriks on loodud. Nüüd salvestan dokumendi PSD-failina nimega maatriks-02-originaal.psd.
Samm 7: Klaasfilter koos maatriksstruktuuriga rakendada
Käin käsitletud sammud uuesti läbi klaviatuurilühendi Ctrl+Alt+Z, et jõuda tagasi algse redigeerimisasendisse enne maatriksi loomist.
Kõigepealt kopeerin Ctrl+J mu algse taustapildi.
Avan koopia ja valin moonutusfiltrina Klaas. Struktuurina laadin oma maatriksikihi.
Regulaatorite abil saan oma moonutusefekti vabalt reguleerida. Valin:
- Moonutus: 18
- Silumine: 12
Kinnitan valikuga OK. Täpselt seal, kus mu tekst asub, on nüüd mu tekst murdunud. Klaasiefekt tundub valguse murdumise tõttu peaaegu reaalne.
Selleks et efekt kuvataks tõesti ainult teksti alas ja ei tekiks murdunud ääri, valin lihtsalt teksti, vajutades Ctrl ja Klõps lensi ikoonil kihipaneelis ja lisades valiku oma klaasifiltrile Nutikas filtrimask. Siis lõigatakse efekt täpselt sellele alale, kus see tuleks.
Effekt on lõpetatud. Kui maatriksi kaudu minek tundub liiga keeruline, saab kasutada ka lihtsalt filtrit Võnked. Kuigi efekt pole just ideaalne, on see siiski väga lähedal autentsele valguse murdumisele.
Kui soovin nüüd teksti liigutada, märkan, et dubleeritud taustakihis ei liigu valguse murdumine kaasa. See on tüütu, sest peaksin nüüd uue maatriksi kohandama oma teksti lõplikuks paigutamiseks.
Samm 8: Standardmaatriksi loomine
Parem on luua algusest peale standardmaatriks selle efekti jaoks, kus kõik võimalikud teksti paigutused hästi toimivad.
Kutsun uuesti üles oma matrix-02-original.psd, kopeerin teksti mitu korda ja paigutan duplikaadid dokumendis üksteise külge. Seda saan teha, kuna PSD-fail koosneb ainult taustakihist, kõige kiiremini koos Kopierstempel.
Selles näites kopeeriti lihtsalt PSD-tekst. Samuti on mõistlik lihtsalt tumeda Pinseliga maalida teatud struktuure maatriksisse, mis seejärel hiljem arvesse võetakse. Nii saab tagada, et klaasimise järel pole tähti näha.
Samm 9: Klaasfiltri käivitamine standardmaatriksiga
Kuna moonutusfilter Klaas on rakendatud kui Smartfilter, kutsun selle uuesti Topeltklõpsuga üles. Värskendan filtrimenüüs Struktuurvorgabe uue maatriksifailiga matrix-02-standard.psd.
Samm 10: Kihi struktuuri uuesti korraldama
Ma saan nüüd Smartfiltrimaske kustutada. Kuna tekst peaks dokumendis liikuma, on mask liiga staatiline. Kiht uue filtri efektiga asetan kõige alumisele kohale Kihtide paneelis. Selle peal on siis algne taustapilt.
Efektikihilt pean siis muutma läbipaistvuskihiks. Teen seda menüü kaudu Kiht>Uus>Taust kihist.
Samm 11: Väljalõike tehnikat kasutamine
Uus kihi ülesehituse tõttu pole efekt enam nähtav. Järgmises sammus toome valguse murdumise efekti tagasi pildile.
Kutsun oma tekstikihis Täitmisvalikud üles ja lülitan sisse laia väljalõike laiendatud täitmisvalikutest.
Seejärel jäetakse kogu dokumendi läbipaistvus tekstivormist dokumendi tekstuuriruumi. See on nagu dokumendis väljalõige, olenemata sellest, kui palju kihte dokumendis nähtav on. Läbipaistvuskihid peidatakse täpselt selle tekstikoha juures. Kuna taustakiht ei tea läbipaistvust, on filtri efekt alati selles kohas nähtav, kus taustakihil rakendati.
Nii saan teksti liigutada ükskõik millisesse kohta ja valguse murdumise efekt jääb tähtedesse alles. Eelnevalt dubleeritud taustakiht tagab, et kõik muud alad ilmuvad ilma valguse murdumise efektita.
Samm 12: Alternatiiv väljalõikel: maski lõikamine
Väljalõike tehnika pole kahjuks eriti tuntud ja efekti variatsioonide jaoks ka veidi staatiline. On siiski hea alternatiiv, mis kuulub rohkem Photoshopi tuntud valdkondadesse ja on variatsioonide jaoks paindlikum: tavaline lõike mask.
Liigun otseteede Strg+Alt+Z abil tagasi, nii et taustakiht muundub tagasi Slim-objektiks Smartfiltri Klaasga. Väljalõige keelan tekstikihis täitmisvalikutes. Valguse murdumise kiht ehk äsja taastatud Slim-objekt asetan tekstikihi peale.
Klikkides teksti- ja valguse murdumiskihi vahel Kihtide paneelis, teen lõike maski. Selle saavutan ka otsetee Strg+Alt+G abil.
Lõike mask tekitab efekti, et valguse murdumine ilmub lõigatuna tekstikihile.
Efekt saab nähtavaks, kui tõstan Pinna lüliti 0 protsendilt tagasi 100 protsendile. Eelis tee kaudu Lõike mask on ka see, et siin ei ole vaja taustakihti ja teoreetiliselt saab kihti kasutada ka Slim-objektina koos Smartfiltritega ja võimalusega efekti paindlikuks varieerimiseks ilma kvaliteedi kaotamiseta.
Samm 13: Variatsioonid
Varieerimine tekstitähtedega on väga lihtne läbi erinevate kirjastiilide ja Täitmisvalikute.
Valguse murdumise efekti saab varieerida moonutusfiltriga Klaas; seda saab teha näiteks ka väga hästi mustriga Kiud. Samuti võib kasutada Kortsutama või Ookeanilained murdumise efektide jaoks hästi. Kui murdumise efekt on liiga nõrk, saab filtri uuesti kihile kanda lihtsalt üle Strg+F.
Kuna efekt on Täitmisvalikutes väraneutraalne - see tähendab, et põhiliselt töötatakse hallide väärtustega ja Värviliselt segada-täitmismeetodil Sära all -, saab ka väga lihtsalt paigutada uusi taustu teksti ümber. Seejärel vajalikud kohandused piirduvad sellega, et uus maatriks peab uues taustas ühe korra läbima Klaasfiltri.
Selles näites olin paigutanud uue taustapildi, duplikaadi. Duplikaati kasutatakse ka tekstikihile Lõike maskina. Altiga saan olemasoleva valguse murdumise kihi Slimfilteriga kiiresti rakendada uuele, duplikaadist taustale. Nii on efekt teise tausta puhul kiiresti kohandatud.
Veel võimalusi varieerimiseks on näiteks valguse murdumise kergelt pehme või teravamaks muutmine. See on eriti mõttekas standardmaatriksiga, et effektis karedad struktuurid siluda. Juba piisab 2 piksliga pehmendusväärtusest.
Asemel pehmendusest toimib väga hästi teravustamine Smartfilteri kõrgläbilaske kaudu. Smartfilteri täitevalikutes seadistan täiteviisi Kattumine! Nii toon veidi rohkem teravust ja kontrastsust murdumisse, muutes seega valguse murdumise efekti veel realistlikumaks.
Lõpuks veel kord originaalpilt koos kõrgläbilaskefiltriga:
