Sladkorni učinek je časlozen slog, ki besedilom in oblikam daje sijoč, sladkast videz. Ali klasična z realističnimi poudarki ali ilustrativna z ustvarjalnimi detajli – ta izgled naredi vsak dizajn neustavljiv. V tem vadnici vam bom pokazal, kako v programu Photoshop ustvariti dve različici sladkornega učinka: klasičen slog za eleganten sijaj in ilustrativno verzijo za igrive dizajne. Začnimo in popestrite svoje projekte s tem sladkim učinkom!
Klasičen videz
Klasičen videz sladkornega pisma je barvno spreminjajoča sladkorna glazura, ki se idealno prilagaja teksturnosti besedila.
Korak 1: Ustvarjanje ozadja
Velikost dokumenta naj bo 800x600 px. Nastavitve v Možnostih polnila in v Filtrov je treba prilagoditi glede na velikost dokumenta in besedila.
Z orodjem za preliv (G) ustvarim radialni preliv od središča do ene od kotnih točk. Barve preliva so temno modra (09194c) do črne.
Korak 2: Postavitev besedila
Ker naj bo učinek čim bolj avtentičen, je priporočljivo izbrati čim bolj okroglo pisavo. Za to vadnico izberem pisavo Segoe Script v rezinu Regular.
Z belo barvo v velikosti 250 pik napišem črke PSD v dokument.
Korak 3: Ustvarjanje trakov z vzorcem sladkorja
Sladkorna glazura pisave je očitna, ker se ponavlja v pisavi v barvah.
Ustvarim nov dokument (Ctrl+N) velikosti 30 x 30 slikovnih točk. V velikem približku lahko rdečo barvno glazuro natančno določim kot vzorec.
Zapolnim levo polovico mojega dokumenta z rdečo barvo. To je najlažje storiti, če z orodjem za izbiro izberem levo polovico glede na slikovno mrežo in jo napolnim z rdečo barvo. Slikovna mreža se samodejno prikaže v večjem približku.
Nato iz moje rdeče-bele površine ustvarim vzorec prek Meni>Uredi>Nastavi vzorec.
Korak 4: Uporaba vzorca
Izberem možnosti polnila za svojo plasti z besedilom in v Vzorčnem prekrivanju dodelim svoj novoustanovljeni vzorec besedilu.
Korak 5: Odstranjevanje vzorca
Vzorec je trenutno le vertikalen.
Udobneje je, če ga postavimo diagonalno v tekst. Za to kliknem z desno tipko miške na možnost polnila Vzorčno prekrivanje>Ustvari plast.
Zdaj sem svoj vzorec postavil kot možnost polnila v svojo plasto s besedilom, ki je postavljena kot maske za izrezovanje.
Korak 6: Vrtenje vzorca
Izberem plast z vzorcem in jo z orodjem Premikanje (V), obrnem tako, da grem prek vogalnih točk, pri čemer se moj kazalec spremeni v dvojni puščici. Zdaj lahko vzorec zavrtim po svojem okusu. Za natančno nastavitev kota lahko v vrstici z meniji vnesem tudi numerično 45 stopinj.
Korak 7: Razširitev vzorca na celotno velikost dokumenta
Ko odstranim masko za izrezovanje z Ctrl+Alt+G, vidim, da vzorec ne zajema vseh območij mojega dokumenta. Zato lahko plast z vzorcem hitro premaknem med praznine z Alt in orodjem za Premikanje, tako da bo celoten dokument prekrit s vzorcem.
Nato lahko plasti z vzorci označim in jih s Ctrl+E združim v eno samo zmanjšano plast.
Priporočljivo je, da vzorec, ki presega velikost dokumenta, omejim na velikost dokumenta z Orodjem za izrezovanje C. To je pomembno, ker bo kasneje uporabljen odmik-filter, ki bo računal ob upoštevanju velikosti plasti.
Nato lahko svojo plast z vzorcem znova postavim kot masko za izrezovanje za plasto s besedilom s Ctrl+Alt+G.
Korak 8: Možnosti polnjenja besedila
Za dodajanje več plastnosti besedilu nastavim več možnosti polnjenja.
- Senčenje
• Prosojnost: 40 odstotkov
• Razmik: 6 slikovnih točk
• Velikost: 5 slikovnih točk
Prehodni korak z Senčenjem:
- Senca navznoter
• Prosojnost: 50 odstotkov
• Razmik: 5 slikovnih točk
• Velikost: 5 slikovnih točk
Prehodni korak z Senca navznoter:
- Sploščen rob in relief
• Slog: Sploščen rob znotraj
• Tehnika: Zaokroževanje
• Globina: 520 odstotkov
• Velikost: 16 slikovnih točk
• Blurriness: 4 slikovne točke
• Kot sence: 111 stopinj
• Višina sence: 42 stopinj
• brez globalne svetlobe!
• polkrožna gladka sijajna kontura
• Način svetlobe 75 odstotkov prosojnosti bela v načinu Negativno množenje
• Način senc 50 odstotkov prosojnosti črna v načinu Množenje
- Kontura
• Polkrožna Kontura z 50 odstotki Prosojnosti.
Prehodni korak z sploščenim robom in reliefom ter polkrožno Konturo:
Korak 9: Ustvarjanje premične matrike
Trakovi sladkorja gredo natančno po diagonali besedila. Da bi Candyeffekt resnično deloval, morajo trakovi sladkorja slediti tudi plastnosti besedila. To najlažje dosežem z uporabo Filtra za premikanje. Za to moram najprej ustvariti premično matriko, ki bo temeljila na obliki besedila in bo premikala diagonalne črte.
Najprej podvojim sloj besedila v nov dokument prek desni klik na sloj besedila; Duplikat sloja>Dokument: Nov.
Z Ctrl in klikom na nov sloj lahko ustvarim nov sloj pod svojim besedilom v pravkar ustvarjenem dokumentu. Ta sloj zapolnim z črno barvo. Nato spremenim ta sloj v ozadinski sloj prek menija Sloj>Novo>Ozadje iz sloja.
Izberem sloj besedila in pokličem Gaussov mehčalec prek menija Filter>Filter za mehčanje>Gaussov mehčalec.
Sloj besedila lahko rasteriziram. Polmer mehčalca je približno 6,5 slikovnih točk. Nastavitve potrdim z OK. Nato ustvarim še nastavitveni sloj Svetlost/Kontrast in povečam Svetlost na 90. Senca navznoter je onemogočena.
Opozorilo: Premično matriko je mogoče oblikovati različno in se ne sme usmerjati po zgoraj navedenih nastavitvah. Pomembne so le določene razlike v svetlosti, ki se uporabljajo za računanje v Filtru za premikanje. Te razlike v svetlosti se zelo dobro dosežejo prek filtra za mehčanje in osvetljevanja ali zatemnjevanja slikovnih območij.
Moja premična matrika je končana in jo shranim kot .PSD.
Korak 10: Uporaba filtra za premikanje
Sedaj je čas za uporabo Filtra za premikanje. Na žalost Filter za premikanje ni tako intuitiven za uporabo kot drugi Photoshop-filtri. Kljub temu lahko z uporabo premične matrike ustvarim odlične učinke, ki se posebej pri strukturi površin z nihanji in globinami dobro izkažejo.
Z premično matriko se vzorec trakov sladkorja popači, saj se deli slike na sloju besedila premikajo glede na razlike v svetlosti. Zato sem najprej ustvaril premično matriko in jo v skladu z učinkom premika v svetlosti z Gausovim mehčalcem ustrezno prilagodil.
Pred uporabo filtra pretvorim vzorni sloj v pametni objekt, da ga lahko uporabim kot pametni filter.
Uporabim Filter za premikanje s sledečimi nastavitvami:
• Horizontalno premikanje: 3
• Vertikalno premikanje: 3
Polja za potrditev:
• Prilagajanje velikosti izbire
• Ponavljanje robov slikovnih točk
Vnos premika je lahko do 100 odstotkov. 100 ima učinek premika za 128 slikovnih točk.
Potrdim z OK in v odprtem brskalniku datotek dodelim moji premični matriki filter.
Korak 11: Natančno postavljanje vzornega sloja
Ko znova odstranim Masno masko, lahko vidim, kaj se je zgodilo. Trakovi nihajo in se prilagajajo črkam PSD.
Zdaj lahko vzorčno ravnino premaknem na pravilno mesto s orodjem za premikanje, če to mesto še ni bilo zasedeno po uporabi filtra.
Učinek je, da se sladkorne palčke prilagodijo zaobljenosti besedila in tako plastiki besedila.
Končan je moj klasičen učinek sladkarij.
Ilustrativni videz
Tu prikazani klasični učinek sladkarij ni pravzaprav zelo inovativen. Na spletu najdemo nekaj podobnih vadnic, ki bolj ali manj dosežejo zgoraj prikazani klasičen učinek. Pri klasičnem učinku sledijo trakovi vedno predlogi diagonalnega vzorca. Sladkarij učinka v resničnosti ne bi bilo ali bi bilo možno le izrezati.
Zato sem se odločil, da bom v drugem delu vadnice klasični učinek sladkarij naredil nekoliko bolj likovno inovativen in obenem s pristopom k sladkornim trakom poiskal drugačno pot. Medtem ko se trakovi pri klasičnem učinku sladkarij prilagajajo "3D-obliki" besedila prek premikajoče matrike, bodo pri ilustrativnem videzu trakovi bolj sledili gibanju besedila; torej tako, kot bi slaščičar z vrečko poškropil sladkorno besedilo na pladenj.
Korak 1: Postavitev besedila
Z 250-točkovno Brush Script Std napišem besedo "Sladkarije" v svoj dokument. Barva pisave je zelo svetlo siva z 80-odstotno svetlostjo (cccccc). Uporabljam že prej ustvarjen ozadje.
Korak 2: Dodajanje vrstice besedila
Ustvarim dodatno plasti besedila in napišem številko 1 z enako barvo pisave.
Plast besedila pretvorim v obliko prek desni klik na plast besedila v plošči slojev: Pretvori v obliko.
Z orodjem za premikanje (Ctrl+T/Transformiranje) in prek točk poti lahko obliko povečam tako, da jo lahko uporabim kot nadaljnjo vrstico pod besedilom.
Korak 3: Pretvorba v pametni objekt
Obe plasti označim in ju pretvorim v pametni objekt. Tako lahko oba sloja urejam kot enoto z možnostmi polnjenja.
Korak 4: Možnosti polnjenja
Ilustrativni učinek sladkarij naj bi izgledal bolj trd kot klasičen. Zato bodo sence in luči ostrejše. Naslednje nastavitve naredim v možnostih polnjenja:
- Pljuskanje sence - za trdo senco na desno spodaj
• 100 odstotkov pokritost
• Razdalja 6 slikovnih pik
• Velikost 0 slikovnih pik (!)
Vmesni korak s pljuskanjem sence:
- Obris - za rahlo, ilustrativno obrobo besedila
• Črni zunanji obris
• Velikost: 2 slikovni pik
Vmesni korak z 2 slikovnima pikoma močnega obraza:
- Raven rob in olajšava - za svetle poudarke
• Stil: Raven rob znotraj
• Tehnika: Zaokroževanje
• Globina: 1000 odstotkov
• Velikost: 6 slikovnih pik
• Zamegljenost: 0 slikovnih pik
• Kot senčenja: -60 stopinj
• Višina senčenja: 40 stopinj
• nobenega globalnega svetlobnega!
• Sijaj obrobe v Gaussovem normalnem načinu zglajen
• Način svetlobe 0 odstotkov pokritost bela v načinu Negativno množenje
• Način senc 60 odstotkov pokritost bela v načinu Negativno množenje
Priporočilo: Ker teh trdih, bočnih svetlih poudarkov s splošnimi nastavitvami senčenja ni mogoče doseči enostavno, enostavno izkoristim način senc z belo barvo in negativnim kotom senčenja.
- Sijaj - za rahel minimalen prehod sijaja na besedilo - ki bo še posebej deloval v barvnih glaziranih trakovih pozneje v rezultatu:
• Način: Negativno množenje
• Pokritost: 20 odstotkov
• Kot: 160 stopinj
• Razdalja: 9 slikovnih pik
• Velikost 12 slikovnih pik
• Obris: Gaussova normalna porazdelitev
Korak 5: Dodajanje glaziranih trakov
Z orodjem Pravokotno orodje vstavim pravokotnik v novo plast. Barva pravokotnika je nebeško modra. Prek tipk Ctrl+T spremenim pravokotnik v romb.
Romb povežem z mojo plastjo Pametni objekt, tako da ustvarim masko s tipkami Ctrl+Alt+G. Sedaj postavim romb kot prvi trak sladkorne glazure.
Z orodjem za Premikanje in z Alt podvojim romb ter duplikat postavim na dodatne pozicije v besedilu. Občasno moram prilagoditi obliko romba. To je najbolje storiti prek Ctrl+T>Zvijanje.
Smiselno je označiti vse trakove glazure in jih shraniti v Pametni objekt, tako da lahko hitro naredim spremembe barve itd. prek možnosti polnjenja - kot v zgornjem primeru s prekrivanjem rdeče barve.
Tukaj je moj ilustrativni Candyeffekt, ki je že precej kul, kot tisti klasični.
Še en nasvet za konec: Obstajajo pisave sladkarij, ki že vsebujejo poenostavljene različice Candyeffekta. Med njimi so:
- Candy Cane
- Candy Time.
