Účinek zlatého textu

Úvod:

Ahoj milá komunito PSD. Je krásné, že jste zase s námi u jednoho z mých tutoriálů. Dnes se naučíte, jak vytvořit takový krásný zlatý efekt jako na Obrázku 01. Dále vám ukážu, jak si můžete vytvořit vlastní knihovny barev, abyste například měli k dispozici zlaté barvy, které později vytvoříme, kdykoliv budete chtít. Nakonec se podíváme na to, jak můžeme z 2D textu udělat 3D provedení jako malý bonus.

Tak dost řečí. Začněme ...

Adobe Illustrator - Zlatý efekt na textu

Část 1:

Krok 1: Vytvoření zlatých barev

Před tím, než začnete vytvářet zlatý efekt, budete potřebovat samozřejmě různé zlaté barvy. V tomto tutoriálu budeme potřebovat čtyři různé hodnoty CMYK barev. Kde ale můžete tyto hodnoty nejlépe získat? Můj tip v tomto případě je docela jednoduchý. Pokud potřebujeme zlaté barvy, zadejte do vyhledávače vaší volby (v mém případě „Google“) slova "Zlato, zlaté cihly, zlaté barvy" atd. Poté přejděte na „Vyhledávání obrázků“ a podívejte se na různé obrázky, ve kterých se vyskytují zlaté barvy. Jak můžete vidět na Obrázku 02, zde jsem se rozhodl pro obrázek se dvěma zlatými cihlami. Uložte si tento obrázek nebo obrázek vaší volby na váš počítač a pak přejděte do Illustratoru.

Adobe Illustrator – Zlatý efekt na textu

V Illustratoru si vytvořte nejprve nový pracovní plochu ve formátu DIN A3. To uděláte pomocí Soubor>Nový.

Adobe Illustrator - Zlatý efekt na textu

Nyní jdi na Soubor>Umístit a vyberte v následujícím dialogovém okně obrázek, který jste si předtím uložili. Potvrďte toto okno pomocí OK.

Adobe Illustrator - zlatý efekt na text

Tento obrázek nyní použijeme jako referenci pro zlaté barvy. Vezměte si Nástroj obdélník, vytvořte čtyři malé čtverce a umístěte je kdekoli na okraji vaší pracovní plochy. Velikost nehraje roli. V mém případě jsou všechny čtverce velké 28 x 28mm.

Adobe Illustrator - Zlatý efekt na textu

Nyní jsme v bodě, kde musíte vyčíst hodnoty barev vašeho obrázku. Chytře si vyberete nejprve jeden čtverec a pak si vezměte Pipetu z Palety nástrojů. Nyní vyberte různé odstíny zlata z obrázku. Udělejte to pro každý čtverec jednou. Na Obrázku 06 můžete vidět z jakých oblastí jsem si hodnoty barev pipetou vyčetl.

Adobe Illustrator - zlatý efekt na textu

Pro ty, kteří nejsou s vlastními hodnotami barev úplně spokojeni, zde mám ještě jednou CMYK hodnoty svých čtyř barev (viz také Obrázek 07).

• CMYK – 9/43/96/37
• CMYK – 6/24/80/9
• CMYK – 2/13/67/0
• CMYK – 3/6/65/0

Adobe Illustrator - Zlatý efekt na text

Krok 2: Vytvoření přechodu

Po vytvoření čtyř různých barev je čas vytvořit přechod s těmito barvami. Chytněte tedy ještě jednou Nástroj obdélník a vytvořte znovu čtverec. Velikost nehraje v tomto případě také velkou roli.

Před tím, než začnete vytvářet přechod s zlatými barvami, musíte tyto barvy přidat do vašeho Palety barev. I tuto paletu můžete znovu zobrazit pomocí Okno>Barvy, pokud ji ještě nemáte zobrazenou.

Adobe Illustrator - Zlatý efekt na písmo

Pokud nyní kliknete na čtverec s barvou zlata, tato barva se objeví také v dolní části Palety nástrojů na levé straně. Držením stisknuté levého tlačítka myši můžete nyní tuto barvu přetáhnout do Palety barev pomocí Drag&Drop. Udělejte to se všemi čtyřmi barvami.

Adobe Illustrator - zlatý efekt na písmu

Následně budete potřebovat Paletu přechodu. Pokud ji ještě nemáte otevřenou, pak přejděte na Okno>Přechod (nebo také na Macu - Command+F9), abyste ji zobrazili.

Adobe Illustrator - Zlatý efekt na text

V dalším kroku si vyberete čtverec, který jste vytvořili na kroku 2. Jednou klikněte do pole průběhu v průběhové paletě, abyste vytvořili přednastavený černobílý průběh. Tento průběh nyní upravíte pro naše účely.

Adobe Illustrator - Zlatý efekt na textu

Pomocí palety barev nyní můžete tažením a spouštěním přesunout právě vytvořené zlaté barvy do pole průběhu. Černé a bílé pole v tomto průběhu můžete snadno odstranit tak, že je chytíte myší s podrženým levým tlačítkem a přesunete je z průběhové palety.

Takto přetáhněte do průběhu tolik barevných polí, kolik je uvedeno na obrázku 12.

Adobe Illustrator - Zlatý efekt na textu.

Zleva doprava by měla být následující pořadí u barevných polí (viz obrázek 13).

Adobe Illustrator - Zlatý efekt na textu

Krok 3: Vytvoření textu a příprava pro zlatý průběh

Po vytvoření zlatého průběhu můžete napsat slovo nebo větu pomocí nástroje Text. V mém případě píši slovo "Zlato". Aby zlatý efekt později vynikl, doporučuji zvolit písmo, které je poměrně tlusté. U jemných, křehkých písem nebude zlatý efekt tak výrazný a spíše bude působit nevhodně. V mém případě jsem zvolil písmo Myriad Pro s tučným řezem Bold. Velikost písma jsem nastavil na 300pt.

Adobe Illustrator – Zlatý efekt na text

Pokud jste spokojeni se svým výběrem písma a slov, jděte do horního menu na Písmo>Převést na kontury.

Adobe Illustrator - Zlatý efekt na textu

Nyní můžete pomocí Pipety kliknout na čtverec s vaším předchozím průběhem. Na rozdíl například od Photoshopu rozpoznává Pipeta v Illustratoru rozdíl mezi jedinou barvou a průběhem. Tím se celý průběh aplikuje na váš text. Poté by mělo vaše dílo vypadat přibližně jako na Obrázku 16.

Adobe Illustrator - Zlatý efekt na text

Jelikož se průběh nyní pohybuje zleva doprava a nikoli zeshora dolů, můžete buď jednoduše nastavit úhel 90° v průběhové paletě ...

Adobe Illustrator – Zlatý efekt na textu

... nebo si vezměte nástroj Průběhu z palety nástrojů. S tímto nástrojem můžete klikáním a tažením volně upravit průběh. Tak můžete volit úhel, pozici a délku průběhu.

Adobe Illustrator - zlatý efekt na písmo

Po úpravě průběhu by mělo vaše dílo vypadat zhruba takto (viz obrázek 19).

Adobe Illustrator – Zlatý efekt na písmu.

Krok 4: Nechte zlato zářit

V dalším kroku se ujistěte, že vaše zlato pěkně září.

Abyste toho dosáhli, vytvořte si nyní černý obrys o tloušťce 5pt.

Adobe Illustrator - zlatý efekt na písmo

Jelikož starší verze Illustratoru neumožňují průběhy na obrysech, musíte tento obrys převést na vlastní objekt. Toho dosáhnete přes Objekt>Převést. V následujícím okně odeberte zaškrtávátko u Plnění a zaškrtněte u Obrys. Potvrďte to stisknutím OK.

Adobe Illustrator - Zlatý efekt na text

S klávesovou zkratkou Command+Shift+G (na PC - Ctrl+Shift+G) můžete věci odskupinovat (tuto zkratku stiskněte 2x). To má za následek, že si můžete nyní zvolit obrys samostatně. (Obrázek 22)

Adobe Illustrator - zlatý efekt na textu

Nyní klikněte na čtverec se průběhem a pomocí stisknuté klávesy Alt získejte kopii přímo vedle něj. Nyní se vraťte do palety průběhů a podle Obrázku 23 přebarvěte označenou zlatou hodnotu na bílo. Tato bílá hodnota bude později zodpovědná za světelné efekty na hranách.

Adobe Illustrator - Zlatý efekt na textu

Vyberte nyní konturu vašeho textu a vyplňte ji právě změněným průběhem. To nejjednodušší je udělat pomocí pipety, kdy kliknete na čtverec s odpovídajícím průběhem (Obrázek 24).

Adobe Illustrator - Zlatý efekt na textu

Chcete-li tento průběh ještě trochu upravit, vezměte si opět nástroj průběhu z palety nástrojů a táhněte průběh zleva nahoře doprava dolů. (To musíte udělat pro každé písmeno zvlášť). Poté by to mělo vypadat zhruba jako na Obrázku 25.

Adobe Illustrator - Zlatý efekt na textu

Pokud teď tento text umístíte před temný pozadí, lesklé hrany na hranách se ještě více vynoří. A váš zlatý efekt je hotov.

Adobe Illustrator - Zlatý efekt na textu

Část 2:

Vytvoření barevných knihoven

Zvláště u efektů jako je zlatý text by bylo velmi praktické, kdybychom si tyto barvy a průběhy nějak zvlášť mohli uložit. Samozřejmě můžete správné barvy zapsat do poznámkového bloku a kdykoli se na ně podívat, když jsou potřeba. Nicméně Illustrator tu má mnohem lepší, rychlejší a především jednodušší možnost.

Máte zde možnost vytvořit vlastní barevné knihovny, které budou přímo uloženy v Adobe Illustratoru.

Nyní se vraťte do palety barev. Tam jste předtím přetáhli všechny zlaté odstíny. Stejně tak můžete udělat s oběma průběhy, které jste vytvořili.

Adobe Illustrator - Zlatý efekt na textu.

Nyní klikněte na malý symbol složky v pravém dolním rohu palety barev. V následujícím okně můžete nové barevné skupině dát název. Nazvěte tuto skupinu jednoduše "Zlaté barvy" a potvrďte okno s OK. Tím vytvoříte novou skupinu.

Adobe Illustrator - efekt zlaceného písma

Přetáhněte nyní své zlaté barvy do této skupiny pomocí přetahování. Průběhy bohužel do této složky nedáte, protože se Illustrator proti tomu brání.

Váš záměr je uložit pouze zlaté barvy v bibliotéce zlatých barev, musíte smazat standardní barvy. Uděláte to nejlépe tak, že barvy, které chcete smazat, vyberete pomocí stisknuté klávesy Shift a poté kliknete na malý koš v pravém dolním rohu.

Černou a bílou barvu obvykle nesmažu, protože se často hodí. Pokud to uděláte vše správně, mělo by to vypadat takto (Obrázek 29).

Adobe Illustrator - zlatý efekt na textu

Nyní klikněte na malý šipku v pravém horním rohu, abyste otevřeli rozbalovací-seznam. Téměř nízko klikněte na Uložit barevnou knihovnu jako ASE. V následujícím okně zadejte název (v tomto případě znovu "Zlaté barvy").

Adobe Illustrator – Zlatý efekt na textu

Vaše první vlastní barevná knihovna je hotová.

Vytvořte nyní nový dokument přes Soubor>Nový.

Když budete mít dokument vytvořen, zjistíte, že zlaté barvy zmizely a standardní barvy jsou opět viditelné.

Aby se zlaté barvy znovu zobrazily, znovu klikněte na malou šipku v horní levé části palety barev pro zobrazení rozbalovacího-seznamu. Tentokrát jděte na Otevřít barevnou knihovnu a poté na Vlastní. Zde se nyní zobrazí vaše uložené barevné knihovny. Po kliknutí na Zlaté barvy se otevře nová paleta barev se zlatými barvami a průběhy, které jste si předtím uložili.

Adobe Illustrator - Zlatý efekt na text

Dodatený obsah

Zlatý text jako 3D provedení

Jak už bylo na začátku tutoriálu řečeno, připravil jsem pro vás malý dodatečný obsah. Rád bych vám ukázal, jak rychle můžete z vašeho 2D textu udělat 3D text. Pojďme tedy rovnou na věc...

Zvolte svůj zlatý text a poté na horní liště klepněte na Effekte>3D>Vytlačení a zkosení hranu.

Adobe Illustrator - efekt zlata na textu

Poté se objeví trochu větší dialogové okno, kde můžete nastavit všechny parametry pro vaše 3D písmo. Kliknutím dole vlevo na Náhled ihned uvidíte, co se změní, když změníte hodnotu.

Zde jsou důležité dvě nastavení pro naše 3D písmo.

• V horní části můžete 3D písmo volně otáčet a umístit tak, jak si přejete (1).
• U Vytlačení můžete nastavit, jak daleko by mělo být vaše písmo prodlouženo dozadu (2).

Zatím to nevypadá zrovna dobře (Obrázek 33), protože část písma vytlačená dozadu je šedá a ještě není zlatá.

Adobe Illustrator - Zlatý efekt na písmu

Tento problém však můžete snadno vyřešit kliknutím na Více možností a přepnutím u Stínová barva na Vlastní. Jako hodnotu barvy zde můžete zadat #D2B023. Všechna nastavení, která jsem provedl, uvidíte na Obrázku 34.

Adobe Illustrator - Zlatý efekt na textu

Vaše zlaté 3D písmo je hotovo.

Adobe Illustrator – Zlatý efekt na textu

Závěrečná slova

Doufám, že jste si tento tutoriál užili a nyní víte, jak vytvořit zlatý text s relativně jednoduchými prostředky. Pokud byste měli nějaké dotazy, neváhejte mi je napsat do komentářů pod tímto tutoriálem. Budu se snažit na ně co nejdříve odpovědět.

Váš

Julian