Priehľadný sklenený text je jedným z najobľúbenejších textových štýlových efektov v Photoshop, ktorý dodáva dizajnom elegantný, moderný a profesionálny vzhľad. Či už ide o logá, hlavičkové grafiky alebo kreatívne projekty, tento efekt ohromuje svojou realistickou reprezentáciou skla, ktoré zachytáva svetlo a tiene. V tomto návode ti krok za krokom ukážem, ako vytvoriť transparentný efekt skleneného textu v Photoshope. Využijeme jednoduché nástroje ako vrstvové štýly, gradienty a efekty, aby sme dosiahli presvedčivý výsledok. Poďme na to a dajme tvoj text žiariť!

1. Pozadie

Vytvoríme nový dokument s rozmermi 700 x 400 pixelov. Pre tých, ktorí by si ho chceli neskôr vytlačiť, odporúčam rozlíšenie 300 ppi.

Priehľadný sklenený text

Ako prvé vytvoríme pekný pozadiový gradient. Väčšina gradientov sa zvykne skladať z dvoch farieb, ale v Photoshope máme možnosť vytvárať zložitejšie gradienty s viacerými farbami.

Vytvoríme preto radiálny gradient:

Priehľadný sklenený text

Pre prvý posuvník zvolíme farbu: #790d3c, klikneme na stred farebného pásika a vyberieme farbu: #4a0823. Pre posledný: #2c0414.

Priehľadný sklenený text

Potom ťaháme gradient z pravého dolného k ľavému hornému rohu, aby sme mali svetelný kužeľ vpravo dole.

Priehľadný sklenený text

2. Text

Potom vezmeme nástroj na text. Tu som zvolil písmo "Adobe Caslon Pro", ktoré je súčasťou Creative Suite. Veľkosť písma v tomto príklade je 75,92 bodu. Teraz nám už chýba len vhodná farba. Zadáme ju kliknutím na farbu vpravo hore.

Priehľadný sklenený text

Zadáme nasledujúcu hodnotu: #a9419c.

Priehľadný sklenený text

Pre naše medzivýsledky:

Priehľadný sklenený text

Prekryvnosť vrstvy nastavíme na 28%, aby náš text pôsobil transparentne.

Priehľadný sklenený text

Potom dvakrát klikneme na vrstvu "PSD" alebo klikneme na tlačidlo fx v dolnej časti riadiacej lišty vrstiev, aby sme otvorili vrstvové efekty. Najskôr začiarkneme tienenie. Hodnoty nájdete nižšie:

Priehľadný sklenený text

Dostaneme nasledujúci výsledok:

Priehľadný sklenený text

Ďalej prejdeme na zatienenie do vnútra a zvolíme nasledujúce hodnoty:

Priehľadný sklenený text

A získame nasledujúci výsledok:

Priehľadný sklenený text

Svetlo vonku:

Priehľadný sklenený text

Medzivýsledok:

Priehľadný sklenený text

Svetlo do vnútra:

Priehľadný sklenený text

Skosený okraj a reliéf:

Priehľadný sklenený text

Kontúra:

Priehľadný sklenený text

Medzivýsledok:

Priehľadný sklenený text

Lesk: Pre farbu výplne klikneme jednoducho s pipetou na tmavý pozadie vedľa našeho "P".

Priehľadný sklenený text

Medzivýsledok:

Priehľadný sklenený text

Kontúra:

Priehľadný sklenený text

Medzivýsledok:

Priehľadný sklenený text

3. Vytvorenie odrazov

Teraz vytvoríme malý odraz na dolnej časti "D". Vyberieme celý text, držiac stlačené tlačidlo Ctrl a kliknutím na našu vrstvu.

Priehľadný sklenený text

Ďalej vytvoríme novú vrstvu.

Priehľadný sklenený text

Potom zvoľte nástroj prechodov a zvoľte prechod z biela na transparentnú. Dávajte pozor, aby bola voľba radiálny prechod stále aktivovaná …

Priehľadný sklenený text

… a ťahajte prechod, ako je znázornené na obrázku nižšie.

Priehľadný sklenený text

Výsledok:

Priehľadný sklenený text

Môžeme tiež skryť výber pomocou Ctrl+H. Tak si môžeme lepšie posúdiť výsledok, keď vytiahneme druhý prechod.

Priehľadný sklenený text

Preto ešte raz vytiahneme prechod, ako je znázornené na obrázku. Tak sme ešte trochu zosilnili svetlo.

Priehľadný sklenený text

Následne stlačte Ctrl+D pre zrušenie skrytého výberu. Našu hornú vrstvu potom premenujeme na "Svetlo dolu". Aby sa náš prechod pekne prispôsobil nášmu textu, zvoľte metódu výplne: Mixovanie.

Priehľadný sklenený text

Takto získame nasledujúci medzivýsledok:

Priehľadný sklenený text

Teraz postupujeme rovnako s horným ľavým rohom: Vyberte text, stlačte Ctrl a kliknite na vrstvu.

Priehľadný sklenený text

Vytvorte novú vrstvu a nazvite ju "Svetlo hore" …

Priehľadný sklenený text

… a ešte raz pomocou nástroja prechodu radialného prechodu z bielej na transparentnú vytiahnite prechod, ako je ukázané nižšie…

Priehľadný sklenený text

Medzivýsledok:

Priehľadný sklenený text

Potom zrušte výber s pomocou Ctrl+D

Priehľadný sklenený text

… a zmeňte pruhľahlosť na 30%.

Priehľadný sklenený text

Medzivýsledok:

Priehľadný sklenený text

Pre silnejšiu reflexiu si najprv vytiahnite eliptický výber cez hornú polovicu našich písmen … (na posunutie elipsy počas vytiahnutia stlačte tlačidlo medzerník).

Priehľadný sklenený text

Tento výber potom invertujte stlačením Ctrl+Shift+I, …

Priehľadný sklenený text

… a stlačte klávesu Delete, aby ste odstránili zvyšok prechodu a získali tvrdú odrazovú hranu.

Priehľadný sklenený text

4. Vytvorenie zvýraznení (2 varianty)

Pre ešte väčšiu leskavosť vytvárame malé zvýraznenie. Existuje niekoľko variantov. Spomínam 2 z nich. Jednou z nich sú polygonové hviezdice. Druhou sú potom blesky.

Variant 1: Polygonové hviezdice

Začneme s polygonovými hviezdami. Vytvorte novú vrstvu a pomenúvajte ju "Hviezdice".

Priehľadný sklenený text

Potom zvoľte nástroj polygonu

Priehľadný sklenený text

… kliknite v ovládacom paneli na malú šípku-dole a …

Priehľadný sklenený text

… kliknite na možnosť Hviezda.

Strany sa zmenia nastavíme na 98%, aby sme získali veľmi ostré vrcholy. Potom zadamet v Stranách 5, aby sme dostali 5 vrcholov na hviezdu.

Priehľadný sklenený text

Dôležité teraz je, že sme nastavili farbu predného plánu na Bielu. Hviezdy umiestnime na miesta s najjasnejším osvetlením …

Priehľadný sklenený text

Takto môže celé vyzerať.:)

Priehľadný sklenený text



Teraz sa zameriame na druhú možnosť. Ale najprv upraceme náš paletu vrstiev, zoskupením našich polygonálnych vrstiev do skupiny (výberom príslušných vrstiev a stlačením Ctrl+G). Potom môžeme kliknutím skryť. Skupinu môžeme pomenovať "Hviezdičky".

Možnosť 2: Vytvorenie fliegen als štetcom

Chcem vám hneď predstaviť veľmi efektívny spôsob, ako rýchlo a jednoducho umiestniť fliegen. Najprv potrebujeme nový dokument s pracovnou plochou 2000 x 2000 pixelov (budeme ich potrebovať, pretože aj fliegen v malom stave sú neuveriteľne veľké;) ).

Priehľadný sklenený text

Výplň pozadia čiernou farbou …

Priehľadný sklenený text

… a otvorte fliegen.

Priehľadný sklenený text

Teraz musíme dať pozor, aby sme fliegen umiestnili čo najviac do stredu, aby sme aj lesk okolo neho dostali úplne na našu pracovnú plochu.

Priehľadný sklenený text

Kto teraz dobre pozoruje alebo si pozrie monitor zhora, uvidí, že náš fliege takmer dotýka horného okraja.;)

Priehľadný sklenený text

Našťastie sme ho však napriek tomu dostali celý. Preto teraz stlačte Ctrl+ I, na invertovanie našej vrstvy.

Priehľadný sklenený text

Potom vyberte kombináciou klávesov Ctrl+A celú vrstvu, prejdite na Upraviť>Nastaviť predvolbu štetca

Priehľadný sklenený text

… a uložte naše fliege ako štetc.

Priehľadný sklenený text

Vráťte sa späť k našemu dokumentu a najprv vytvorte novú vrstvu a nazvite ju "Fliegen".

Priehľadný sklenený text

Teraz si môžeme v paletke štetcov vybrať náš práve vytvorený štetc.

Priehľadný sklenený text

Musíme si dať pozor, aby náš štetc nebol príliš veľký. Tiež by predný plán mal byť Biely.

Priehľadný sklenený text

Najlepšie je vytvoriť novú vrstvu na každý fliegen (aby sme ju mohli podľa potreby posunúť) a umiestniť ju na odrazených zónach v našom obraze.

Priehľadný sklenený text

5. Vytváranie odrazu

Ako je zvykom pri lesklých objektoch, zvyšujú väčšinou odraz. A presne to urobíme teraz s našim textom.

Ako prvý krok potrebujeme kópiu vrstvy s naším textom spolu s odrazmi. Na to zvýrazníme vrstvy "PSD", "Dolný lesk" a "Horný lesk" a ťaháme ich s podržaným pravým tlačidlom myši na spodnú vrstvu, aby sme vytvorili kópiu všetkých troch vrstiev.

Priehľadný sklenený text

Potom stlačíme Ctrl+E, pre zoskupenie týchto duplikátov do jednej vrstvy.

Priehľadný sklenený text

Potom stlačíme Ctrl+T pre transformáciu vrstvy. K tomu klikneme pravým tlačidlom myši na transformačnú vrstvu a vyberieme Zrkadliť vertikálne.

Priehľadný sklenený text

Potom posunieme rovinu šípkami nadol, kým sa hrany roviny nedotýkajú. V tomto prípade sa to týka len "S". Ostatné dve budeme musieť ešte prispôsobiť.

Priehľadný sklenený text

Preto zavoláme nástroj obdĺžnika výberu a najskôr označíme "P".

Priehľadný sklenený text

Ak teraz stlačíme klávesu "V", máme pripravený nástroj posunu. S týmto nástrojom môžeme posunúť "P" šípkami hore, kým sa nedotýka dolnej hrany. Ak teraz stlačíme Ctrl+H, dočasne skryjeme výberovú hranicu a tak môžeme lepšie posúdiť polohu. Veľmi pomáha pri posúvaní.

Skutočnosť, že dolná hrana "P" je odrezaná, nič nevadí, pretože neskôr sa aj tak skryje.

Priehľadný sklenený text

To isté urobíme aj s "D".

Priehľadný sklenený text

Potom vytvoríme vrstvovú masku na tejto vrstve …

Priehľadný sklenený text

… prejdeme na nástroj gradientu a nastavíme čierno-biely gradient alebo čierno-do-transparentného gradientu. Pri tom si uvedomíme, že máme aktivovanú možnosť lineárny gradient.

Priehľadný sklenený text

Nástroj začneme na dolnej hrane a ťaháme ho hore, ako je zobrazené na obrázku. Pri ťahaní môžeme ešte stlačovať kláves Shift, aby bol náš gradient naozaj veľmi priamy.

Priehľadný sklenený text

A dosiahneme nasledujúci medzivýsledok:

Priehľadný sklenený text

Ako pri mnohých odrazoch, je odraz zvyčajne veľmi slabý. Preto upravíme prekrytie tejto vrstvy ešte viac dolu (44%), aby sme dostali pomerne realistický odraz.

Priehľadný sklenený text



Tým dostane náš text trochu viac priestoru, pretože z odrazu sa stane viditeľný podklad. A aby sme tento priestor zdôraznili, vytvoríme podklad.

Predtým ešte upravíme naše vrstvy. Práve vytvorenú vrstvu premenujeme na "Odraz". Pretože odraz je pod textom, posunieme túto vrstvu "Odraz" pod vrstvu "PSD". Potom zlúčime text spolu s odrazom a odrazmi do skupiny a nazveme túto skupinu "PSD". A tri vrstvy svetelných škvŕn umiestnime do skupiny svetelné škvrny. Naša štruktúra vrstiev bude obsahovať pozadie, skupinu "PSD", skupinu "Hviezdičky" a skupinu "Svetelné škvrny".

Pod skupinou "PSD" teraz vytvoríme priečinok s názvom "Podklad", kde vytvoríme našu poslednú grafiku.

6. Vytvorenie podlahy

V skupine vrstiev "Podklad" vytvoríme novú vrstvu, ktorá sa bude volať tiež "Podlaha". Potom prejdeme na náš nástroj gradientu.

Priehľadný sklenený text

Nastavíme nasledujúce farebné hodnoty:

Priehľadný sklenený text

Potom ťaháme so stlačenou klávesou Shift pekný gradient zhora nadol.

Priehľadný sklenený text

Medzivýsledok:

Priehľadný sklenený text

Hoci to už teraz veľmi pekne vyzerá, má byť naša podlaha. Teraz stlačíme Ctrl+T a ťaháme horným stredom nahor vrstvu až do miery, kedy prekryje odraz. Takže text nebude na zadnej hrane "izby", ale skôr uprostred.

Priehľadný sklenený text

Medzivýsledok:

Priehľadný sklenený text

Takto sme dosiahli našu virtuálnu podlahu. Aj keď ešte nie je úplne presvedčivá, pretože nerozkladá žiadnu tiene. Preto vytvoríme novú vrstvu pre tieň a posunieme ju pod našu vrstvu "Podlaha".

Hneď ju pomenováme "Tieň". Potom si vyberieme mäkký okrúhly čierny štetcový nástroj

Priehľadný sklenený text

… a ťaháme mierne mimo dokumentu s podržanou klávesou Shift raz pozdĺž hrany podlahy.

Priehľadný sklenený text

Medzivýsledok:

Priehľadný sklenený text

Teraz je naša tiene ešte trochu príliš výrazná. To však nevadí, pretože ju môžeme trochu posunúť nástrojom Presunúť a šípkami dole. Alebo môžeme znovu stlačiť Ctrl+T a posunúť spodný stredný úchytku trochu nahor, aby sa naša tiene stala ešte tvrdšou.

Priehľadný sklenený text

Potom môžeme ešte trochu regulovať priehľadnosť tiene (na 60%).

Priehľadný sklenený text

A nakoniec sme konečne dosiahli cieľ.:)

Dúfam, že sa vám tento návod páčil, a teším sa na každý komentár.:)

Priehľadný sklenený text