Učinek stekla prinaša eleganco in globino v vaš tipografijo in postavitve. S svojo prosojnostjo in odsevajočimi poudarki daje vašim oblikam sodoben in očarljiv pridih. Ali gre za logotipe, naslove ali ustvarjalne kompozicije - ta učinek zagotovo pritegne vse poglede. V tem vodiču vam bom korak za korakom pokazal, kako ustvariti realističen učinek stekla v Photoshopu, ki se lahko uporablja tako za besedilo kot za elemente postavitve. Začnimo in izboljšajmo vaše oblikovanje!
Prvi učinek stekla bo izhajal iz ozadja in tako ustvarjal enotno sliko z ozadjem.
Za drugi učinek stekla ne bo zlit z ozadjem, temveč bo bolj površen in z videzom matnega do nekoliko mlečnega stekla.
Vir slike v tem vodiču: archaeopteryx_stocks
1. del: Ustvarjanje statičnega besedila z učinkom stekla
Prvo besedilo z učinkom stekla bo malce tekoče, kot čisto steklo, ki izgleda rahlo izrezano iz ozadja.
Korak 1: Ustvarjanje novega dokumenta
Ustvarim novo dokument s Ctrl+N v velikosti 1600x1200 px. Glede na velikost dokumenta se lahko nastavitve v polnilnih možnostih in filtri razlikujejo.
Korak 2: Izberite ozadinsko sliko
Optimalno je izbrati podrobnostno ozadinsko sliko za ta učinek, da bo lomljenje skozi stekleno pisavo tudi vidno. Slaba izbira so na primer slike oblakov. Jaz izberem sliko cveta, kjer so jasne strukture cveta vidne.
Korak 3: Postavite besedilo
Za zaobljen učinek stekla je koristno, če izbrana pisava že vsebuje zaobljenosti. Zapisujem črke PSD s pisavo 640 točk v črni barvi v dokument.
Korak 4: Ustvarjanje matričnega sloja za lom svetlobe z izkrivljanjem
Kliknem s Ctrl v miniaturno podobo sloja besedila, da so črke izbrane.
Pokličem pogovorno okno Izboljšanje roba preko bližnjice Ctrl+Alt+R. Tam nastavim zaobljenost in mehak rob vsake približno 15 pikslov. Zaobljenost je pomembna, ker čeprav so serifke pisave lepo zaokrožene, je ločitev črk kot takih - torej učinek armade pisave pisave - preveč oster. Mehak rob služi temu, da je učinek pri prelivanju s steklenim filtrom bolj nežen v prehodu.
Ustvarim nov sloj s Ctrl+Shift+Alt+N in ga napolnim s belo barvo. Najhitreje napolnim z belo, če nastavim privzete barve v orodni vrstici s bližnjico D in nato ozadinsko barvo za polnjenje s bližnjico Ctrl+Retro+R. Samo izbrani območji se napolnita z belo barvo!
Z Ctrl+D prekličem izbor. Ustvarim nov sloj, ki je pod slojem bele črkovne plasti - s Ctrl in Klik na Simbol za novo plast v pladnju slojev se novo plast takoj namesti pod trenutno plastjo! - in napolnim s črno barvo. Če so privzete barve nastavljene v orodni vrstici, najhitreje napolnim s sprednjo barvo z Alt+Retrostavka.
Obračam vse vidne plasti v eno, tako da jih označim in izberem bližnjico Ctrl+E. Pomembno je, da je preostala plast ozadnja plast, saj filter, ki sledi, potrebuje matriko kot ozadnjo plast. Če matrika ni zmanjšana v ozadnjsko plast, lom preko steklenega filtra ne bo uspel kot željeno.
Prek menija Sloj>Novo>Ozadje iz sloja spremenim prosojno plast v ozadnjo plast.
Zdaj shranim dokument kot PSD-datoteko z imenom Matrika-01-Original.psd.
Korak 5: Uporaba filterja za izkrivljanje stekla s strukturo matrike
Najprej izberem bližnjico Alt+Z tolikokrat, dokler se ne prikaže moja izvirna delovna datoteka. Torej lahko nadaljujem delo na trenutnem delu. Koristno je, če izbrišem odvečne plasti matrične strukture in delovno datoteko shranim kot dokument PSD.
Nato izberem ozadinsko plast. Če ta še ni pametni objekt, jo lahko prek Klik na desni gumb miške v pladnju slojev pretvorim v pametni objekt. Prednost pametnih filtrov je, da jih lahko kadarkoli brez izgube spreminjate. Če je sloj pretvorjen v pametni objekt, se filtre uporablja kot pametni filtri.
Z menija Filter>Distort>Steklo kličem stekleni filter. Izberem distorzijo 20 in zglajenost 15.
Pomembno je, da zdaj kot strukturni vzorec prinesem svojo matriko v igro. To storim tako, da kličem meni za Strukturo>Naloži strukturo. V odprtem brskalniku izberem že prej shranjeno matriko PSD-datoteko. Sedaj se v predogledu pokaže, kako namesto črk nastane zamegljen stekleni učinek.
Doslej izgleda učinek tako:
Korak 6: Ponovno aktiviranje tekstovnega sloja
Aktiviram črni tekstovni sloj, ki sem ga ustvaril na začetku za ustvarjanje matrične PSD-datoteke.
Koristno je pretvoriti tekstovni sloj v Pametni objekt. Tako ostane sam tekst zaščiten v Izvirnem pametnem objektu (PSB-datoteka), medtem ko se nadaljnje spremembe izvajajo nedestruktivno.
Korak 7: Ustvarjanje tekstovnega učinka
V Možnosti polnjenja tekstovnega sloja lahko nastavim rahlo sploščen rob, mehko odtisan z naslednjimi vrednostmi:
- Globina: 400 odstotkov
- Velikost: 8 slikovnih pik
- Mehčanje: 4 slikovne pike
- Kot: 120 stopinj
- Višina: 30 stopinj
- Način globine: Množenje z 40-odstotno prosojnostjo in 70-odstotno sijajnostjo (B)
Način polnjenja plasti nastavim na Množenje.
Ker bo v tem vadnici pogosto govor o sijajnostnih vrednostih, želim pojasniti, kaj s tem mislim. Izbor barv v Photoshop-u je najbližji modelu HSB z tremi vrednostmi: Barvni odtenek (Hue), Nasičenost (Saturation) in Sijajnost (Brightness). Barvni odtenek (Hue) je desna barvna vrstica, nasičenost (Saturation) je mogoče nastaviti z levo-desno premikanjem v barvnem izbirniku, sijajnost (Brightness) pa z up-down premikanjem. Ko govorim o sijajnostni vrednosti v tej vadnici, mislim izključno na vrednost B po modelu HSB, ne da bi se skliceval na barvni odtenek ali nasičenost.
Način globine je bil določen z 70 % sijajnostjo. Slika v barvnem izbirniku torej izgleda takole.
Učinek doslej izgleda tako:
Korak 8: Uporaba umetniškega filtra Plastična folija
Da bi še dodatno okrepil učinek, bom uporabil umetniški filter. Pred tem pretvorim svoj tekstovni sloj v Pametni objekt, tako da so spremembe v Možnostih polnila itd. še vedno možne brez izgube kakovosti.
Izberem v umetniškem filtru Plastična folija najvišje možne nastavitve regulatorjev:
- Sijaj: 20
- Podrobnost: 15
- Glajenje: 15
Učinek je zdaj veliko steklen, podoben steklenim kroglicam.
Korak 9: Ponovno uporaba filtra
Da bi učinek še bolj prišel do izraza, preprosto izberem Ctrl+F za ponovno uporabo zadnjega filtra.
V plošči z nivojskimi dejanji se pod Pametnim objektom prikažejo dva pametna filtra Plastična folija, ki ju lahko po potrebi še posebej prilagodim.
Korak 10: Senc vbodi in senčenje
Zadnjič lahko svoji plasti dodam minimalno senco navznoter pri 85 odstotkih sijajnosti, da so črke rahlo omejene, v bistvu komaj opazno.
Kličem Možnosti polnila za sloj in s pomočjo Barvnega izbirnika nastavim sijajnost sence. Poleg tega naredim naslednje nastavitve:
- Prosojnost: 70 odstotkov
- Razmik: 1 slikovna pika
- Velikost: 1 slikovna pika
- polkrožni Kontur
Ker se sence navznoter izračunavajo iz svetlobnega kota, moram ustvariti tudi senčenje, ki na nasprotni strani ustvari enak učinek.
Nastavitve so enake kot pri sencah navznoter.
Korak 11: Variacije
Učinek je zelo preprosto variabilen. Lahko na primer v Možnostih polnila pri Pametnih filtrov preprosto izberem različne načine delovanja in vidim, kako se učinek spremeni. Enako lahko preprosto podvojim svoj tekstovni sloj in ga premeščam v različne Načine plasti.
Vedno lahko tudi na tekstovni sloj nanesem dodatne filtre. Tako imam skoraj neskončno možnosti za variacije.
V tem primeru si lahko predstavljam bolj tekoč prehod od ozadja do steklenega učinka. Zato še enkrat izberem črke besedila s Ctrl in Klik na miniaturi plasti ter pokličem pogovorno okno izboljšanje roba. Izbor prejme zaobljenost in minimalen mehki rob, da postane prehod od besedila do ozadja bolj tekoč.
Z bližnjico Ctrl+Shift+Alt+N ustvarim novo plast in jo napolnim s črno barvo; ko so vključene Standardne barve v Orodni vrstici, uporabim bližnjico Alt+Izbris.
Selekcijo prekličem z Ctrl+D. Sedaj lahko z Alt preprosto prenesem obstoječe Možnosti polnjenja in Pametne filtre iz prejšnje plasti besedila na novo plast. Možnosti polnjenja in Pametni filtri se podvojijo. Senca in Senca notri ju v tem primeru izključim. Prav tako lahko nato izključim prvotno plast besedila ter novo plast besedila nastavim na način plasti Prekrivanje.
Moj končni učinek bo takrat prehod mehkejši in tekoč. Kot majhno variacijo sem pri tehnikah Ravna ploskev s reliefom določil trdo obdelavo.
Slabost tega učinka stekla je, da ne morem brez težav spreminjati položaja besedila. Če spremenim položaj besedila, moram prav tako spremeniti svojo pripadajočo matriko. Vendar obstaja način, kako lahko naredim svoje besedilo s steklenim učinkom dinamično, da se lom svetlobe kadar koli prilagodi novemu položaju besedila.
2. del: Ustvarjanje dinamičnega besedila s steklenim učinkom
Besedilo s steklenim učinkom bo imelo to posebnost, da bom znake lahko vedno besedilno in po velikosti spreminjal, prav tako pa lahko premikam besedilo kot celoto v dokumentu. Lom svetlobe ostane vedno in se samodejno prilagodi novi ozadnji.
Kot primer besedila moje besedilo v tem primeru ne bo delovalo tako izrezljano kot v prvem primeru, ampak nekoliko bolj zabrisano do mlečno steklasto in položeno na ozadje. Tako vidite v tem vodiču dva možna načina, kako oblikovati različne vrste besedil s steklenim učinkom.
Korak 1: Ustvarjanje novega dokumenta
Naredim nov dokument s pritiskom na Ctrl+N v velikosti 1600x1200 px. Glede na velikost dokumenta se lahko nastavitve v Možnostih polnila in Filtrih razlikujejo.
Korak 2: Izberite ozadje
Za primer izberem sliko cveta, na kateri so jasne strukture cveta.
Korak 3: Postavite besedilo
Da dosežem zaobljen stekleni učinek, je koristno, če izbrana pisava že po naravi vsebuje zaoblitve. Z 640-točkovnim pisalom napišem črke PSD v poljubni barvi v dokument.
Korak 4: Zmanjšajte polnilo na 0 odstotkov
Pomaknem Polnilnik na 0 odstotkov. Razlika med Prosojnostjo in Polnilom je v tem vodiču posebej opazna. Medtem ko se v Prosojnosti lahko vsebine slojev in Slogi slojev variirajo v prosojnosti prek drsnika za Prosojnost, je mogoče prek drsnika Polnila vplivati izključno na vsebino sloja. Izbrani Slogi slojev (prek Možnosti polnjenja) ostanejo vidni.
Ker začetne nastavitve Možnosti polnjenja še niso bile izvedene, je trenutni prikaz besedilne plasti popolnoma skrit.
Korak 5: Nastavitev steklenega učinka
Z več Možnostmi polnjenja dosežem, da moje črke dobijo steklen učinek. Pomembno: Glede na velikost dokumenta in črk moram prilagoditi nastavitve v Možnostih polnjenja.
Senca:
Senka dobi 45-odstotno Svetlost z naslednjimi možnostmi:
- Metoda polnjenja Množenje
- 60 odstotkov Prosojnost
- Razdalja 12 slikovnih pik
- Velikost 10 slikovnih pik
- polkrožna, zglajena Kontura
Učinek senčenja:
Senca notri:
Senca notri dobi 90-odstotno Svetlost z naslednjimi možnostmi:
- Metoda polnjenja Množenje
- 85 odstotkov Prosojnost
- Razdalja 15 slikovnih pik
- Zapolnjenost 30 odstotkov
- Velikost: 57 slikovnih pik
- linijska, zglajena Kontura
Navidezna razsvetljava:
Navidezna razsvetljava dobi 20-odstotno Svetlost z naslednjimi možnostmi:
- Metoda polnjenja Negativno množenje
- Prekrivnost: 60 odstotkov
- Velikost 10 slikovnih točk
- polkrožni, zglajeni Kontura v območju 70%
Sploščeni rob in relief:
Notranji sploščeni rob je trdo klesan. Kot varianta se ponuja tudi zaobljen!
Izbirate lahko med naslednjimi možnostmi:
- Globina: 100 odstotkov
- Velikost: 20 slikovnih točk
- Zameglitev: 8 slikovnih točk
- Kot 120 stopinj
- Višina 70 stopinj
- Globinski način z 60-odstotno Svetlost pri 40 odstotkih Prekrivnosti
Trenutni učinek z narejenimi nastavitvami:
Sijaj:
Sijaj dobi 70-odstotno Svetlost s naslednjimi možnostmi:
- Metoda polnjenja Barvno senčenje
- Prekrivnost: 40 odstotkov
- Kot 100 stopinj - Razdalja 100 slikovnih točk
- Velikost 100 slikovnih točk
- linearni, zglajeni Kontura
Bukva v steklenem slogu je končana. Z različnimi Možnostmi polnjenja lahko učinek steklenega učinka zelo lepo prilagodim po meri.
Zavestno sem delal z odtenki sivine v slojnih slogih, da se stekleni besedilo lahko enostavno uporabi na drugih ozadjih, brez potrebe po usklajevanju barve z novim slikovnim ozadjem v Možnosti polnjenja. Metoda polnjenja Barvno senčenje v zavihku Sijaj že poskrbi za potreben barviti prikaz!
Korak 6: Ustvarite matrični sloj za lom svetlobe s popačenjem
Dupliram besedilni sloj preko bližnjice Ctrl+J. Z Ctrl in klikom na Nov simbol sloja v Plošči slojev ustvarim nov sloj, ki je pod mojim pravkar dupliciranim besedilnim slojem. Ta sloj zapolnim z odtenkom sive z 60-odstotno Svetlostjo.
Vse Možnosti polnjenja razen Notranje sence so onemogočene v besedilnem sloju. Notranjo senco še uredim v Možnosti polnjenja. Tam zmanjšam vrednost Svetlosti moje sive na vrednost okoli 50 %, tako da je Notranja senca nekoliko močnejša.
Označim vse sloje in jih združim enega z drugim preko bližnjice Ctrl+E. Pomembno je, da je po združitvi v en sam sloj ta nastavljen kot ozadje, saj potrebuje naslednji stekleni filter učinek matrice kot ozadje. Če matrica ni zmanjšana v ozadje, se lom preko steklenega filtra ne bo zgodil tako kot želimo. S pomočjo menija Sloj>Novo>Ozadje iz sloja lahko preglašem prozorno plast v ozadju v ozadjsko plast.
Matrika je ustvarjena. Sedaj shranim dokument kot PSD datoteko z imenom matrix-02-original.psd.
Korak 7: Uporaba steklenega filtra s strukturo matrice
Grem korak nazaj z bližnjico Ctrl+Alt+Z, dokler se ne vrnem v mojo prvotno stanje pred postavitvijo matrice.
Najprej dupliram moje začetno ozadje preko Ctrl+J.
Odpri duplikat in izberi popačenjski filter Steklo. Kot Strukturo naložim svoj sloj matrice.
Nastavim lahko moj popačenjski učinek poljubno. Izberem:
- Popačenje: 18
- Zgladitev: 12
Potrdim s V redu. Natanko na mestu, kjer se nahaja moje besedilo, je zdaj moje besedilo polomljeno. Učinek stekla deluje zaradi lomljenja svetlobe skorajda realistično.
Da se učinek resnično pokaže le na območju besedila in ne povzroči lomljenih robov, preprosto izberem besedilo z Ctrl in klikom na Miniatura sloja v Plošči slojev ter dodam izbiro svojemu steklenemu filttru kot Pametni filter maska. Tako bo učinek natanko omejen na to območje, kjer naj deluje.
Učinek je končan. Tistim, ki se jim zdi pot skozi matriko preveč zapletena, lahko uporabijo tudi preprost filter Nihanje. Učinek sicer ni popoln, vendar doseže realističen lom svetlobe do neke mere.
Ko želim premakniti svoj besedilo, opazim, da se lom svetlobe na podvojenem ozadju ne premika z besedilom. To je nadležno, ker bi zdaj moral ponovno prilagoditi novo matriko za končno postavitev besedila.
Korak 8: Ustvarjanje standardne matrike
Bolje je ustvariti standardno matriko za ta učinek že na začetku, v kateri bodo vsi možni položaji besedila dobro delovali.
Ponovno odprem datoteko matrix-02-original.psd, podvojim besedilo večkrat in postavim podvojene besede prekrivno v dokument. To lahko storim najhitreje s Kopiraj žig.
V tem primeru sem preprosto kopiral PSD besedilo. Prav tako je priročno preprosto z temnim čopičem narisati določene strukture v matriko, ki bodo nato uporabljene kasneje. Tako je zagotovljeno, da po stekleni obdelavi besede ne bodo vidne nobenih znakov.
Nato dokument shranim kot matrix-02-standard.psd.
Korak 9: Izvedba steklenega filtro z standardno matriko
Ker je bil popačevalni filter Steklo uporabljen kot Pameten filter, ga znova odprem s dvojnim klikom. V meniju filtra nato posodobim strukturovni načrt z novo matrično datoteko matrix-02-standard.psd.
Korak 10: Ponovna razporeditev plasti
Pametno masko lahko zdaj izbrišem. Ker naj se besedilo premika v dokumentu, je maska preveč statična. Plast z novim učinkom filtra postavim na dno v oknu plasti. Na vrhu te plasti je nato prvotna ozadnja slika.
Nato moram plast z učinkom filtra še pretvoriti iz prozornega ozadja v ozadje. To storim prek menija Plast>Nove>Ustvari ozadje iz plasti.
Korak 11: Uporaba tehnike izreza
Učinek zaradi nove razporeditve plasti ni več viden. V naslednjem koraku bomo učinek loma svetlobe znova vrnili v sliko.
Odprem Možnosti polnila moje besedilne plasti in pod naprednimi možnostmi polnila omogočim močno izrezovanje.
Vse prosojnosti v dokumentu so izrezane, začenši od oblike besedila na besedilni plasti do ozadne plasti. Gre za nekakšen rez v dokumentu, ne glede na to, koliko plasti je vidnih v dokumentu. Prosojne plasti so izbrisane natanko na mestu tega besedila. Ker ozadnja plast ne pozna prosojnosti, je vedno na tem mestu viden uporabljeni filter ozadnje plasti.
S tem lahko premaknem svoje besedilo na katero koli mesto in učinek loma svetlobe ostane v črkah. Podvojeno ozadje skrbi, da so prikazana vsa druga območja brez učinka loma svetlobe.
Korak 12: Alternativa izrezu: maska izreza
Tehnika izreza je žal manj znana in bolj statična za variacije učinka. Obstaja pa še dobra alternativa, ki je bolj znana v okolju programa Photoshop in je bolj prilagodljiva za variacije: običajna maska izreza.
Z bližnjicami Ctrl+Alt+Z se vrnem nazaj, tako da dobim ozadnjo plast ponovno pretvorjeno v Pametni objekt z uporabljenim pametnim filtrom Steklo. Izrezovalnik onemogočim v Možnostih polnila besedilne plasti. Plast loma svetlobe oz. pravkar pridobljeni Pametni objekt postavim nad besedilno plast.
Z klikom med besedilno in plasti loma svetlobe v oknu plasti postavim masko izreza. Enako dosežem tudi s bližnjico Ctrl+Alt+G.
Maska izreza povzroči, da je lom svetlobe prikazan glede na besedilno plast.
Učinek postane viden, če nastavim potisni vnos od 0 odstotkov nazaj na 100 odstotkov. Prednost pri uporabi maske izreza je tudi ta, da tukaj ne potrebujem ozadnje plasti in teoretično lahko plast uporabljam tudi kot Pametni objekt s pametnimi filtri in možnostjo izgubne variacije učinka.
Korak 13: Variacije
Variacije besedilnih črk so zelo enostavne preko drugih pisav in možnosti polnila.
Učinek loma svetlobe lahko variiram v filterju popačenj Steklo; to je mogoče tudi z nastavitvijo Kvader. Prav tako je mogoče uporabiti Pokrčene ali Oceanske valove za učinke loma. Če je učinek loma prešibek, filter preprosto ponovno uporabim na plasti prek Ctrl+F. Ker je bil učinek v Možnostih polnila barvno nevtralen - torej je predvsem delovalo z sivimi vrednostmi za kompenziranje ter metodi Barvno senčenje pod Sijaj -, je zelo preprosto dodati nove ozadja k besedi. Potrebne prilagoditve se omejujejo na dejstvo, da mora matrika v novem ozadju enkrat preiti prek Filtra stekla.
V tem primeru sem postavil novo ozadje, ga podvojil. Duplikat sem tudi uporabil kot masko izreza za besedilno plast. Z Alt sem lahko pametni filter obstoječe plasti loma svetlobe povlekel na svoje novo, podvojeno ozadje. Tako hitro je učinek prilagojen na drugem ozadju.
Drugi možnosti variacij so na primer, da nekoliko narišeš lom svetlobe mehko ali ostro. To je še posebej smiselno pri standardni matriki, da zgladi trde strukture v učinku. Zadostuje že mehek učinek za 2 piksela.
Namesto mehčanja deluje ostrina dobro preko pametnega filtra Višji prehod. V možnostih pametnega filtra nastavim način polnjenja na premikanje preko! Tako pridobim malo več ostrine in kontrasta v lomu, kar naredi učinek lomljenja svetlobe še bolj realističen.
Na koncu še izvorno sliko z višjim prehodnim filtrom:
