Síla palety vzhledu
Úvod:
Ahoj milá komunito PSD. Jsem rád, že jste zase s námi v jednom z mých tutoriálů. Dnes společně vytvoříme takové tlačítko (Obrázek 01). Toto tlačítko však má jedinečnost. Pokud zde změníte text, tlačítko se vždy automaticky přizpůsobí velikosti. Jak to funguje a jak si sami vytvořit takové tlačítko nebo podobné v Adobe Illustrator, se dozvíte v následujícím tutoriálu. Užijte si to...
Krok 1: Vytvoření textu
V Illustratoru přejděte nejprve na Soubor>Nový a vytvořte novou pracovní plochu. Zvolte velikost 300x150 mm a potvrďte kliknutím na OK.
Vyberte nástroj Text z Palety nástrojů a klikněte na pracovní plochu. Nyní můžete použít jakékoliv slovo vaší volby. V mém případě píši slovo VINTAGE velkými písmeny. K vytvoření tohoto textu jsem použil písmo Myriad Pro v tučném stylu. Velikost písma jsem nastavil na 150pt.
Pomocí Palety zarovnání zajistěte, aby váš text byl vycentrovaný na pracovní ploše (Obrázek 04).
Pokud tuto paletu nenajdete, můžete ji najít v Okno>Zarovnat.
Malý tip:
Aby vaše tlačítko vypadalo dobře, doporučuji zvolit poměrně tlusté a pevné písmo, protože později budeme pracovat i s decentním barevným přechodem, který by na velmi jemném písmu nepůsobil tak dobře.
Nyní vyberte svůj text a vypněte plnobarevné vyplnění, aby byl text neviditelný. (Nedeskakujte, musí to být tak ;-) ) (viz Obrázek 05).
Krok 2: Nyní přichází ta zvláštnost tohoto tlačítka
Po vytvoření textu můžeme začít s vytvářením tlačítka kolem něj. A teď přichází to zvláštní: Budeme tlačítko vytvářet a stylizovat kompletně v Paletě vzhledu. (Po straně budete mít pouze jediný objekt ve své Paletě vrstev).
Nejprve musíte zobrazit Paletu vzhledu v Illustratoru. Pokud ji ještě nemáte, najdete ji v Okno>Vzhled.
Nyní vyberte svůj text a klikněte v Paletě vzhledu na malé tlačítko v levém dolním rohu (viz Obrázek 06). Tím se vytvoří nové plnobarevné pole a můžete zase vidět váš text.
Nyní klikněte na černobílý přechod a v Paletě přechodů ho otočte o -90° (Obrázek 07).
Nyní musíte tento momentálně velmi tvrdý přechod trochu zmírnit. Klikněte v Paletě přechodů na černé pole a změňte čisté černé na světle šedou (Obrázek 08).
Poté se vraťte do Palety vzhledu a tentokrát vytvořte Obrys. (To uděláte opět přes malé tlačítko v levém dolním rohu - viz Obrázek 09).
Nyní přejděte do Palety obrysu (pokud není zobrazena, najdete ji v Okno>Obrys nebo také pomocí zkratky Command+F10) a zaškrtněte volbu Tečkovaná čára (Obrázek 10).
Vzhledem k tomu, že tento Obrys má připomínat něco jako šev, musíte jej ještě trochu posunout dovnitř, aby se nacházel na písmu. To provedete přes Effect>Cesta>Posun cesty … zadejte hodnotu -1 mm a potvrďte kliknutím na OK.
Tuto čárkované obrysy poté přiřadíte barvu 70% šedé (Obrázek 12).
Dalším krokem je vytvoření rámečku pro tlačítko. K tomu znovu přejděte do Palety vzhledu a vytvořte novou plnou barvu podobně jako v předchozích krocích. Přiřaďte této ploše červenou barvu a sledujte, aby byla tato plocha umístěna úplně dole v Paletě vzhledu (Obrázek 13). (Pokud tomu tak u vás není, můžete jednoduše přetažením táhnout plnou barvu dolů).
V tuto chvíli má tato plná barva stále podobu textu a není proto vidět. Chcete-li tuto plochu převést na obdélník, přejděte na Effekt>Převést na tvar>Zaoblený obdélník. V následujícím dialogovém okně můžete ponechat výchozí hodnoty nebo je změnit podle svého uvážení. Potvrďte okno tlačítkem OK.
Ten právě vytvořený červený obdélník nyní zduplikujete. Klepněte na plochu v Paletě vzhledu a poté klikněte na malý symbol v pravém dolním rohu (viz Obrázek 15).
Nyní máte ve své Paletě vzhledu dva červené plné barvy. Tu spodní z nich vyplňte světlou šedou (30% černou).
Poté přejděte na Effekt>Cesta>Posun cesty … V následujícím okně můžete klidně znovu převzít výchozí hodnoty (3,5278 mm) a potvrdit tlačítkem OK. Tímto příkazem jste vytvořili kolem vašeho červeného obdélníku tenký šedý rámec.
Celý útvar by nyní měl vypadat nějak takto (Obrázek 17):
V dalším kroku se opět jedná o začlenění stehu nebo čárkované linky do červené plochy. Postupujte stejně jako dříve do Palety vzhledu a nad červenou plochou vytvořte nový obrys (znovu pomocí malého tlačítka v levém dolním rohu Palety vzhledu).
Tento obrys je standardně vytvořen přímo kolem textu a má také podobu jednotlivých písmen. Chcete-li tento obrys převést na obdélník s kulatými rohy, klikněte v horní liště na Effekt>Převést na tvar>Zaoblený obdélník …
V následujícím dialogovém okně aktivujte Náhled a u šířky zvolte hodnotu 4mm. Též nastavte stejnou hodnotu i pro Výšku. Pro lepší harmonii s červenou plochou na pozadí nastavte u Rozměrů rohu hodnotu 2mm a potvrďte tlačítkem OK.
Ten obrys je s výchozí tloušťkou 1bod ještě trochu příliš úzký. Proto ho v Paletě vzhledu zvyšte na 2bod.
Jelikož je tento pruh stále poněkud stlačený a nevypadá příliš hezky, zvětšete jej v Paletě obrysu ze 2bodů na 6bodů. Poté změňte barvu obrysu ze černé na bílou.
Následující by mělo vypadat nějak takto (Obrázek 21):
Krok 3: Jemné doladění
Nyní, když základ pro naše tlačítko stojí, je čas udělat pár jemných úprav, aby to vypadalo ještě lépe.
Následující kroky tohoto návodu jsou voleny podle mého vlastního uvážení a mohou být individuálně upraveny kýmkoli. Doporučuji vám, abyste si určitě trochu pohráli s nastaveními, abyste vytvořili co nejvíce individuální tlačítko.
Jako první krok přiřadíme červené ploše jemný průběh, abychom získali tlačítku větší hloubku. Jděte do palety Vzhled a přiřaďte červené ploše průběh černobílým.
Jelikož tento průběh stejně jako text by neměl směřovat zleva doprava, ale shora dolů, vložte opět do palety Průběhy úhel 90° (Obrázek 22).
Pro červený průběh jsem pro vás připravil dva hodnoty CMYK, které můžete buď převzít nebo samozřejmě opět upravit podle vašeho uvážení.
Pro horní část průběhu jsem zvolil trochu světlejší odstín červené: CMYK - 0/100/100/0
V dolní části používám tmavší odstín: CMYK - 0/100/90/20.
Aby byly tyto barvy přiřazeny k černobílému průběhu, vložte jako obvykle v paletě Průběhy dvojklik na Barevné pole a zadejte příslušnou hodnotu CMYK (Obrázek 23).
Nakonec by to u vás mělo vypadat zhruba takto (Obrázek 24):
Nakonec tlačítku přidejte lehký tvary. Klepněte v paletě Vzhled na nejextremnější šedou plochu a poté v horní nabídce přejděte na Účinek>Stylizované filtry>Stíny … V dalším okně můžete nastavit směr stínu a jak měkké mají být hrany. Můj stín má 2mm pro x-posun a y-posun. Pro rozostření zvolím hodnotu 1,8mm. Pokud jste spokojeni se svými nastaveními, potvrďte okno kliknutím na OK.
Vaše tlačítko je hotovo.
Pro & Proti:
Pro všechny, kteří se po tomto návodu ptají na výhody a nevýhody vytvoření tlačítka vytvořeného v Vzhled, jsem připravil stručný seznam s Pro & Proti.
Pro:
• Pokud zjistíte po vytvoření takového tlačítka, že byste rádi změnili text, můžete to udělat bez dalších potíží, protože velikost tlačítka se automaticky vždy přizpůsobuje výšce a délce textu.
• Všechny obrysy, plnící barvy a barevné průběhy jsou ve Vzhled uspořádány pod sebou a mohou být kdykoli jednoduše změněny a přizpůsobeny.
• Tlačítko v Vrstvy bude zobrazeno pouze jako jediný objekt a zajistí, že vše zůstane přehledné, pokud budete pracovat s dalšími objekty ve stejném souboru.
Proti:
• Na začátku může být trochu složité vše nastavit jen přes Vzhled, ale poté, co vytvoříte jedno nebo dvě taková tlačítka, zjistíte, že se s tím docela rychle naučíte pracovat.
• Pokud chcete změnit text na křivky, je to sice možné, ale jednotlivé plnění, obrysy a barevné průběhy jsou rozděleny do různých objektů ve Vrstvy.
Závěrečná slova:
Jsme již na konci tohoto návodu. Doufám, že jste si ho užili a mohli jste se naučit pár tipů a triků. Pokud máte k tomuto tématu ještě nějaké dotazy, napište mi je prostě do komentářů pod tímto návodem. Budu se snažit na ně co nejdříve odpovědět.
Váš Julian