Průhledný skleněný text je jedním z nejoblíbenějších textových efektů v Photoshopu, který designům dodává elegantní, moderní a profesionální vzhled. Ať už jde o loga, záhlaví grafiky nebo kreativní projekty - tento efekt vyniká svým realistickým zobrazením skla, které zachycuje světlo a stíny. V tomto tutoriálu vám ukážu krok za krokem, jak vytvořit transparentní skleněný textový efekt v Photoshopu. Přitom využijeme jednoduché nástroje jako jsou efekty vrstev, gradienty a efekty, abychom dosáhli přesvědčivého výsledku. Pojďme na to a dejme vašemu textu zářit!

1. Pozadí

Vytvoříme nový dokument o velikosti 700 x 400 pixelů. A pro ty, kteří si rádi později věci vytisknou: Rozlišení 300 dpi.

Průhledný skleněný text

Nejprve si vytvoříme pěkný pozadí s přechodem. Většina přechodů se obvykle skládá ze dvou barev. Ale v Photoshopu máme možnost vytvořit více barev a tím i složitější přechody.

Vytvoříme tedy radiální přechod:

Průhledný skleněný text

Pro první posuvník zvolíme barvu: #790d3c, klikneme do středu barevného pruhu a zvolíme barvu: #4a0823. Na posledním: #2c0414.

Průhledný skleněný text

Pak přetažením zprava dolů nalev a nahoru vytvoříme přechod, takže dole vpravo máme naši světelnou špičku.

Průhledný skleněný text

2. Text

Následně vezmeme nástroj pro text. Zvolil jsem zde písmo "Adobe Caslon Pro", které je dodáváno s Creative Suite. Velikost písma v tomto příkladu je 75,92Pt. Nyní zbývá pouze vybrat správnou barvu. Tu přidělíme kliknutím na barvu v pravém horním rohu.

Průhledný skleněný text

Zadejte tento hodnotu: #a9419c.

Průhledný skleněný text

Pro naše mezivýsledky:

Průhledný skleněný text

Pro průhlednost vrstvy nastavíme hodnotu na 28%, takže náš text zatím působí průhledně.

Průhledný skleněný text

Pak dvakrát klikneme na vrstvu "PSD" nebo klikneme na tlačítko fx na spodním panelu vrstev, abychom otevřeli vrstevné efekty. Nejprve zaškrtneme políčko u stínu. Hodnoty naleznete níže:

Průhledný skleněný text

Získáme následující výsledek:

Průhledný skleněný text

Dále klikneme na vnitřní stín a převezmeme následující hodnoty:

Průhledný skleněný text

A získáme následující výsledek:

Průhledný skleněný text

Lesk ven:

Průhledný skleněný text

Mezivýsledek:

Průhledný skleněný text

Lesk dovnitř:

Průhledný skleněný text

Plochý bok a reliéf:

Průhledný skleněný text

Kontura:

Průhledný skleněný text

Mezivýsledek:

Průhledný skleněný text

Záře: Pro barvu režimu výplně jednoduše klikneme na tmavém pozadí vedle našeho "A" pomocí pipety.

Průhledný skleněný text

Mezivýsledek:

Průhledný skleněný text

Kontura:

Průhledný skleněný text

Mezivýsledek:

Průhledný skleněný text

3. Vytvoření reflexí

Nyní vytvoříme malou reflexi na dolní části "D". Abysme vybrali celý náš text, podržíme stisknuté tlačítko Ctrl a klikneme na naši náhledovou vrstvu.

Průhledný skleněný text

Následně vytvoříme novou vrstvu.

Průhledný skleněný text

Poté použijeme nástroj pro přechod a vybereme bílo-průhledný přechod. Dbejme na to, aby pole u radiálního přechodu zůstalo aktivní…

Průhledný skleněný text

… a přetáhneme přechod podle následujícího obrázku.

Průhledný skleněný text

Výsledek:

Průhledný skleněný text

Můžeme také stisknout Ctrl+H a schovat výběr. Tak můžeme ihned lépe posoudit výsledek, pokud vytvoříme druhý přechod.

Průhledný skleněný text

Znovu tedy vytvoříme přechod, jak je ukázáno na obrázku. Tak jsme světlo ještě trochu zesílili.

Průhledný skleněný text

Nyní stiskneme Ctrl+D k zrušení skrytého výběru. Naši vrchní vrstvu pak pojmenujeme "Světlo dole". Aby se náš přechod pěkně přizpůsobil našemu textu, zvolíme režim výplně: Průklování.

Průsvitný skleněný text

Tím získáváme následující mezivýsledek:

Průhledný skleněný text

Stejný postup provedeme nyní s horním levým rohem: Vybereme text s podrženým tlačítkem Ctrl na náhledovou vrstvu.

Průhledný skleněný text

Vytvoříme novou vrstvu a pojmenujeme ji "Světlo nahoře" …

Průhledný skleněný text

… a pomocí radiálního přechodu bílo-průhledný vytvoříme znovu přechod podle níže uvedeného…

Průhledný skleněný text

Mezivýsledek:

Průhledný skleněný text

Pak zrušíme výběr pomocí Ctrl+D

Průhledný skleněný text

… a změníme průhlednost na 30%.

Průhledný skleněný text

Mezivýsledek:

Průhledný skleněný text

Pro silnější reflexi si nejprve vytvoříme oválný výběr nad horní polovinou našeho textu … (aby se při vytahování oválu zároveň posunul, podržte stisknutou klávesu Mezerník).

Průhledný skleněný text

Tento výběr pak invertujeme stisknutím kombinace kláves Ctrl+Shift+I

Průhledný skleněný text

… a stisknutím klávesy Delete odstraníme zbytek přechodu, abychom získali ostrý okraj reflexe.

Průhledný skleněný text

4. Vytvoření zvýraznění (2 varianty)

Abychom vytvořili ještě více lesku, vytvoříme malé zvýrazňovače. K tomu existují různé varianty. Vysvělím vám 2 z nich. Jednak pomocí polygonových hvězdiček a jednak pomocí světelných skvrn.

Variant 1: Polygonové hvězdičky

Začneme s polygonovými hvězdičkami. Vytvoříme novou vrstvu a pojmenujeme ji "Hvězdičky".

Průhledný skleněný text

Pak vybereme nástroj polygonu

Průhledný skleněný text

… klikněte na řídicí panel na malou šipku dolů a …

Průhledný skleněný text

… klikněte na možnost Hvězda.

Zmenšení stránek nastavíme na 98 %, abychom dostali opravdu velmi ostré špičky. Pak zadáme u Stran hodnotu 5, abychom dostali 5 špiček na hvězdu.

Průhledný skleněný text

Nyní je důležité, že jsme nastavili přední barvu na bílou. Hvězdy umístíme na nejjasnější místa osvětlení …

Průhledný skleněný text

Takovéhle to může vypadat krásně.:)

Průhledný skleněný text



Nyní se věnujeme druhé variantě. Ale než se do toho pustíme, uklidíme si náš panel vrstev tím, že skupíme naše polygonové vrstvy do skupiny (výběrem příslušných vrstev a stisknutím kláves Ctrl+G). Poté je můžeme skrýt jedním kliknutím. Skupinu můžeme pojmenovat "Hvězdičky".

Variant 2: Vytvoření flar jako štětec

Rád bych vám ukázal velmi efektivní způsob, jak rychle a snadno umístit flary. Nejprve potřebujeme nový dokument s pracovní plochou 2000 x 2000 pixelů (budeme je potřebovat, protože flary jsou i v malém stavu obrovské;) ).

Průhledný skleněný text

Vyplníme pozadí černou barvou …

Průhledný skleněný text

… a otevřeme naše flary.

Průhledný skleněný text

Nyní se musíme ujistit, že umístíme flare co nejvíce na střed, abychom získali záři kolem bez řezání na naší pracovní plochu.

Průhledný skleněný text

Kdo se teď dívá pozorně nebo sleduje monitor z horního úhlu, může vidět, že náš flare téměř končí těsně na horním okraji.;)

Průhledný skleněný text

Nicméně jsme ho naštěstí stále zcela zasáhli. Proto nyní stiskneme Ctrl+ I, abychom naši vrstvu invertovali.

Průhledný skleněný text

Pak vybereme celou vrstvu pomocí klávesové zkratky Ctrl+A, přejdeme na Úpravy>Nastavit štětec

Průhledný skleněný text

… a uložíme náš flar jako štětec.

Průhledný skleněný text

Zpět k našemu dokumentu nejprve vytvoříme novou vrstvu a pojmenujeme ji "Flary".

Průhledný skleněný text

Nyní můžeme v Přizpůsobení štětce vybrat právě vytvořený štětec.

Průhledný skleněný text

Ujistěte se, že váš štětec není příliš velký a že přední barva je bílá.

Průhledný skleněný text

Je vhodné vytvořit novou vrstvu pro každý flare (abychom je mohli libovolně přesunout) a umístit je na odražené zóny na naší fotografii.

Průhledný skleněný text

5. Vytvoření odrazu

Jak u většiny lesklých objektů bývá, zanechávají obvykle odraz. A právě to nyní uděláme s naším textem.

První věcí je vytvoření kopie vrstvy s naším textem spolu s reflexemi. K tomu označíme vrstvy "PSD", "Osvětlení dole" a "Osvětlení nahoře" a přetáhneme je s podrženým tlačítkem myši na dolní list, abychom vytvořili kopie všech tří vrstev.

Průhledný skleněný text

Poté stiskneme Ctrl+E, abychom tyto duplikáty sloučili dohromady do jedné vrstvy.

Průhledný skleněný text

Pak stiskneme Ctrl+T, abychom transformovali vrstvu. K tomu klikneme pravým tlačítkem na vrstvu transformace a vybereme Vertikální zrcadlení.

Průhledný skleněný text

Poté posuneme rovinu dolů pomocí šipek až se hrany rovin dotknou. V tomto případě to platí pouze pro "S". Ostatní dvě budeme muset ještě upravit.

Průhledný skleněný text

Proto vybereme nástroj obdélníkový výběr a nejprve označíme "P".

Průhledný skleněný text

Pokud nyní stiskneme "V", máme připraven náš nástroj Posunout. S ním můžeme posunout "P" nahoru k dolní hraně pomocí šipek. Pak zatlačením Ctrl+H zrušíme okraje výběru a tak lépe posoudíme pozici. To opravdu pomáhá při posouvání.

Je-li dolní hrana "P" oříznuta, nevadí, protože bude později stejně skryta.

Průhledný skleněný text

Stejný postup provedeme s "D".

Průhledný skleněný text

Potom vytvoříme vrstvovou masku na této vrstvě …

Průhledný skleněný text

… přejdeme na nástroj směrový přechod a nastavíme černobílý přechod nebo černý k průhlednému přechodu. Při tom si všimneme, že máme aktivovánu volbu Lineární přechod.

Průhledný skleněný text

Nástroj začneme na dolní hraně a ještě ho výtáhneme tak vysoko, jak je znázorněno na obrázku. Při tom je možné držet klávesu Shift, aby náš přechod byl opravdu rovný.

Průhledný skleněný text

A dostaneme následující mezivýsledek:

Průhledný skleněný text

Jako u mnoha odrazů, je odraz obvykle velmi slabý. Proto upravíme průhlednost této vrstvy ještě níže (44 %), abychom dostali poměrně realistický odraz.

Průhledný skleněný text



Tím získá náš text více prostoru, protože díky odrazu je patrné, že je zde podlaha. A abychom tento prostor trochu zdůraznili, vytvoříme podlahu.

Předtím ještě trochu upravíme naše vrstvy. Právě vytvořenou vrstvu přejmenujeme na "Odraz". Jelikož se odraz nachází pod textem, posuneme tuto vrstvu "Odraz" pod vrstvu "PSD". Pak sloučíme text spolu s odrazem a odrazy do skupiny a pojmenujeme ji "PSD". Ty tři vrstvy s odlesky také sloučíme do skupiny. Naše vrstvová struktura se tedy skládá z pozadí, skupiny "PSD", skupiny "Hvězdička" a skupiny "Odlesky".

Pod skupinou "PSD" nyní vytvoříme složku nazvanou "Podlaha", kde vytvoříme naši poslední grafiku.

6. Vytváření podlahy

Vytvoříme novou vrstvu ve skupině "Podlaha", kterou také nazveme "Podlaha". Poté přejdeme na náš nástroj směrového přechodu.

Průhledný skleněný text

Nastavíme následující barevné hodnoty:

Průhledný skleněný text

Poté s podrženou klávesou Shift vytvoříme pěkný přechod shora dolů.

Průhledný skleněný text

Mezivýsledek:

Průhledný skleněný text

I když to vypadá již pěkně, má se stát naší podlahou. Nyní stiskneme Ctrl+T a vrstvu posuneme nahoru dolů, tak aby trochu přesahovala nad odrazem. Tak text nebude na zadní hraně "místnosti", ale spíše v její středu.

Průhledný skleněný text

Mezivýsledek:

Průhledný skleněný text

Takto máme vytvořenou virtuální podlahu. Nicméně není tak úplně přesvědčivá, protože nevrhá stín. Proto vytvoříme novou vrstvu pro stín a posuneme ji pod naši vrstvu "Podlaha".

Tuto vrstvu také pojmenujeme "Stín". Potom si vybereme měkký kulatý černý štětec

Průhledný skleněný text

… a mimo dokument táhneme s podrženou klávesou Shift podél hranice podlahy.

Průhledný skleněný text

Mezivýsledek:

Průhledný skleněný text

Nyní je náš stín stále trochu příliš silný. To však nevadí, protože ho můžeme posunout dolů pomocí nástroje Posunout a šipek nebo stisknutím Ctrl+T a posunutím dolního středového obyčejného míru trochu nahoru, aby náš stín zůstal trochu tvrdší.

Průhledný skleněný text

Pak můžeme ještě trochu upravit průhlednost stínu (na 60%).

Průhledný skleněný text

A konečně jsme dosáhli cíle.:)

Doufám, že se vám tento průvodce líbil a těším se na každý komentář.:)

Průhledný skleněný text