Chcete vašim textům dodat tu správnou atmosféru, ale máte málo času? Žádný problém! S Photoshopem můžete vytvořit skvělé typografické efekty v několika málo krocích. V tomto tutoriálu vám ukážu pět rychlých a jednoduchých technik, jak kreativně a moderně navrhnout vaši typografii. Od neonového lesku přes kovový vzhled až po zkreslené efekty - tyto rychlíky přinesou rozmanitost a styl do vašich designů. Pojďme na to a dejme vašim textům vznešenost!
1. Retrokontur efekt pro nadpisy
Pro letáky a tapety je možné rychle vytvořit kreativní retrokontury s nástrojem Plnění Světlo ven.
Krok 1: Umístění textu
Jako výchozí obrázek použiji pozadí se zářemi a textem mírně obráceným. Text je napsán písmem Eight Track v 300 bodech.
Krok 2: Plnění 'Světlo ven' jako přechod
Plnění Světlo ven je obvykle používáno jako světlý nebo tmavý odlesk/stín. Photoshop však umožňuje také použití přechodu místo barvy jako odlesku.
Při textech lze díky preciznímu nastavení vytvářet mnoho konturovacích efektů, které lze variabilně měnit různými metodami výplně. Díky dostupnosti a snadné tvorbě odpovídajících přechodů lze vytvořit téměř nekonečnou škálu konturovacích efektů, které mohou jemně lemovat písma nebo obklopovat psychedelicky barvité.
Velikost v dialogu výplní udává, jak velký má být přechod ven. Naplnit pod udává, jak moc má efekt působit přímo u textu. Důležitá je technika: Přesná.
Pod položkou Speciální efekty najdete přerušovaný přechod, který lze použít pro úspěšný retro efekt. Barvy lze také skvěle přizpůsobit. Kdo chce, může nechat vnější kontury prosáknout transparentností.
Retrokontur efekt je hotov:
2. Efekt rozostřených kontur pro nadpisy
Efekt rozostřených kontur může být skvěle využit v grungových letácích nebo pro nadpisy. Samotný efekt je rychle vytvořen.
Krok 1: Umístění textu na bílém pozadí
Pozadí je bílé. Napište písmena PSD pomocí nástroje Text fontem Army o velikosti 600 bodů.
Krok 2: Výběr písmen Písmena textové vrstvy vyberu pomocí Ctrl a kliknutím na náhled vrstvy textové vrstvy.
Krok 3: Úprava výběru Přes zkratku Ctrl+Alt+R otevřu dialogové okno Vylepšit okraj. Nastavím zde poměr Měkký okraj pro svůj výběr. Konkrétní hodnota se může lišit podle velikosti textu.
Krok 4: Vytvoření nové vrstvy a vyplnění barvou Vytvořím novou vrstvu pomocí zkratky Ctrl+Shift+Alt+N a vyplním ji libovolnou barvou. Barvou bude vyplněna pouze vybraná oblast.
Textovou vrstvu mohu deaktivovat a výběr zrušit zkratkou Ctrl+D.
Krok 5: Konverze do Smart objektu Označím vrstvu s písmeny s Měkkým okrajem a bílou vrstvu a konvertuji obě vrstvy do Smart objektu.
Krok 6: Aplikace smart filtru Akvarel Třikrát aplikujte filtr Akvarel na svůj Smart objekt.
- Průchod
| Detaily štětce: | 6 |
| Oblast ztmavení: | 0 |
| Textura: | 2 |
Zde mohou být zadané hodnoty odlišné v závislosti na zvolené barvě, velikosti měkkého okraje a velikosti textu.
- Průchod
| Detaily štětce: | 14 |
| Oblast ztmavení: | 0 |
| Textura: | 2 |
- Průchod
| Podrobnosti o štětci: | 11 |
| Oblast zastiňování: | 0 |
| Struktura: | 2 |
Ukazuje se, že po dvou průchodech se vytvoří nepravidelný, napnutý efekt hrany. S třetím a případně čtvrtým průchodem mohu efekt při potřebě ještě jemně doladit.
A tak lze tento efekt dobře využít jako textový prvek pro hrubé pozadí. Pozadí ukázané zde je k tomuto tutoriálu přiloženo jako pracovní materiál.
V tomto zobrazení v režimu Tmavší barva s 85 procenty průhledností, pozadí je v režimu Normální také s 85 procenty průhledností:
V diferencovaném zobrazení v režimu Rozdíl s 100 procenty průhledností, pozadí je v režimu Normální také s 50 procenty průhledností:
3. Jednoduchý efekt zrcadlení ve 3D vzhledu
Jednoduchý efekt zrcadlení pro písma, který bez velkého přepychu působí velmi jednoduchým způsobem, vzniká následujícími pár kroky.
Prvek obrázku: Akhilesh Sharma - Fotolia.com.
Krok 1: Stanovení zrcadlového obrazu jako vzoru
Prvním krokem pro tento efekt je stanovení obrazu, který se má zrcadlit v rámci textu, jako vzoru. To provádím v otevřeném obraze pomocí menu Úpravy>Nastavit vzor.
Krok 2: Umístění textu Umístím svůj text s Arial o velikosti 300 bodů do mého dokumentu. Dokument má rozměr 800x600 pixelů a má černé pozadí.
Krok 3: Nastavení vyplnění okraje Otevřu Možnosti výplně na mé vrstvě textu a vyberu kartu Okraj. Zde vyberu jako typ výplně Vzor a kliknu na dříve stanovený vzor ve Prohlížeči vzorů.
Další nastavení:
| Velikost: | 3 px |
| Pozice: | Střed |
| Změna měřítka: | podle potřeby, tedy podle toho, jak velký byl stanovený vzor; v tomto případě 35 % |
S myší mohu v obraze vzor ještě přesně umístit, jak si přeji, aby byl zobrazen uvnitř kontury textu. Nastavení potvrdím kliknutím na OK.
Krok 4: Nastavení vyplnění jako vrstva Kliknutím pravým tlačítkem myši mohu z mého Stylu vrstev vytvořit vrstvu. Kontura je nyní v jedné vrstvě v panelu Řízení vrstev. Vrstvu umístím pod svou textovou vrstvu.
Krok 5: Nastavení překrytí vzoru V Možnosti výplně pro textovou vrstvu vyberu kartu Překrytí vzoru a vyhledám v ní dříve stanovený vzor. Pomocí Regulátoru změny měřítka zmenšuji svůj vzor, až se vizuálně hodí. S myší mohu vzor v obraze ještě přesně tak umístit, jak si přeji, aby byl zobrazen v rámci textu.
Krok 6: Jemné doladění pomocí kontury Pro realistický efekt posunu konturové vrstvy kousek dolů a doleva přes klávesy s šípky na klávesnici, aby vznikla lehká 3D optika.
Nyní mohu, pro přidání dalšího lesku do zrcadlení, vytvořit Konturu venku s tloušťkou 1 pixelu s Výplní vzoru na textové vrstvě. Pokud je kontura s jedním pixelem opravdu velmi slabá, může být zobrazena i v horní části textu. Pokud je efekt příliš silný, stačí snížit Průhlednost.
Výsledkem je krásné další světelné odlesknutí. Jednoduchý efekt zrcadlení ve 3D vzhledu je hotov.
4. Efekty průběhu reflexí ve textech a tvarech
Předem budiž řečeno, že jsem byl inspirován k tomuto tutoriálu Scottem Kelbym, který tento efekt vysvětlil ve své knize „Scott Kelby: Photoshop CS4 Down & Dirty Tricks.“
Scott Kelby popsal tvorbu tohoto efektu v 12 krocích pro dva písmena. Postupoval následovně:
- Vytvořit text
- Rastrovat text, vybrat a vytáhnout první průběh
- Duplikovat vrstvu a vytáhnout opačný průběh
- Oříznout průběh pomocí výběru elipsou
- Transformovat výběr
- Obrátit a odebrat vybranou oblast průběhu
- Přidat konturu
- Přidat zploštělý okraj a reliéf
- -12. kroky opakovat pro druhé písmeno
Účinek je malý, příjemný detail. Cesta k němu však umožňuje pouze statický výsledek. Text nelze měnit, protože byl hned na začátku zastřižen. Pro každé další písmeno musím zopakovat většinu kroků.
V mém tutoriálu chci ukázat způsob, který umožňuje další upravitelnost textu. S tímto efektem lze také rychleji přidávat další písmena.
Krok 1: Vytvoření průběhu
Pro rychlejší vytvoření tohoto efektu vytvořím dvojitý průběh jako vzor. Nejprve si otevřu menu Průběh ve svém dokumentu o velikosti 1000x600 pixelů po kliknutí na Nástroj Průběh (G) a poté na Náhled Průběhu v nabídkové liště.
Nyní vytvořím průběh, který má být umístěn jako reflexe s dvojitým průběhem v textu.
Průběh má následující uspořádání:
Šedá - Bílá - Černá - Šedá
Chybějící barevné přerušení přidám kliknutím vedle existujícího barevného přerušení a přesunutím pomocí přetažení na požadované místo. Barvu barevného přerušení můžu změnit výběrem barvy v menu Průběh.
Přechod z bílé do černé je prudký. Barevné kbelíky by neměly být úplně kryjící jeden nad druhým, ale jemně posunuté. Jinak by později přechod mohl mít lehké efekty schodišťových stupňů. Hladkost 30 procent zajistí, že průběh v šedé oblasti bude krásně jemný.
Pokud je potřeba, mohu si nový průběh uložit v náhledu průběhu, pojmenováním ho libovolně jako Nový. Poté potvrdím nastavení průběhu kliknutím na OK.
Krok 2: Zakřivení průběhu
Průběh přetáhnu nástrojem Průběh z dolní střední části dokumentu do horního levého rohu.
Kvůli křivce v průběhu nemůžu všechny úpravy provést pomocí Překryvného průběhu. Řešením je použít průběh zakřivený jako Vzor.
Pomocí Ctrl+T>Zakřivení nastavím lehké zakřivení, aby byl černý přechod zakřivený. K tomu posunu lehce své mřížky zakřivení nahoru a doleva.
Krok 3: Nastavení průběhu jako vzoru Nyní mohu zakřivený dvojitý průběh nastavit jako Vzor. K tomu vyberu v nabídce Upravit>Vzor nastavit. Název je: Dvojitý průběh s reflexí.
Krok 4: Umístění textu Pro dokument zvolím nové tmavě červené pozadí. Nyní mohu do textu s velikostí 530 bodů vložit písmeno P. 
Krok 5: Překrytí vzorem Otevřu Možnosti výplně mé textové vrstvy. V kartě Překryvné vzory vyberu v rozbalovací nabídce můj dříve nastavený vzor.
Nyní mohu myší jednoduše přejít do dokumentu a intuitivně přesunout můj vzor na požadované místo. Pokud je potřeba, mohu vzor ještě změnit, pokud by byl pro písmeno příliš velký nebo malý.
Krok 6: Obrys V záložce Obrys nastavím 5bodový obrys v poloze Vnější. Styl výplně je Průběh.
Kliknu na výchozí nastavení Stříbro z Metala v Náhledu průběhu.
Pouhý obrys ještě nevypadá podle očekávání. Teprve s Zahrnutým okrajem a reliéfem vypadá opravdu kovově.
Krok 7: Zahrnutý okraj a reliéf Pro 3D kovový efekt musím nastavit hodnoty v záložce Zahrnutý okraj a reliéf. Vyberu následující nastavení:
• Styl: Reliéfní obrys
• Technika: Zaoblení
• Hloubka: 100 procent
• Velikost: 5 bodů
• Úhel a výška stínu: 120 a 30 stupňů
• Leskový okraj: Dvojitý kruh
Hotovo je. Efekt je kompletní.
Krok 8: Další písmena Pro další písmena jednoduše duplikuji textovou vrstvu, posunu ji na požadované místo a změním s pomocí Nástroje Text příslušné písmeno na nové.
Pokud je potřeba, musím dvojitý průběh pouze přizpůsobit tvaru nového písmene v záložce Naléhavé vzory.
Pokud bych chtěl mít barevné akcenty ve svém průběhu, mohu přidat ještě překrytí barvou v módu Průhledné promítnutí v možnostech výplně.
Je to vše!
5. Skloněný text s rámečkem
Pěkným vývojem předchozího reflexního efektu může být, když textu přidám ještě rám a tento rámec zobrazím s natočeným textem.
V tomto příkladu nebudou mít jednotlivá písmena vlastní reflexi, ale reflexi budou sdílet; to znamená: Písmena nebudou ve vrstvách samostatně, ale spolu ve vrstvě.
Krok 1: Přidání rámečku
Pomocí Vlastního tvarového nástroje (U) nakreslím obdélník s tenkým okrajem ze Standardních nastavení jako rámec k mému textu.
Krok 2: Kopírování vrstevních stylů Přetažením s klávesou Alt zkopíruji existující vrstevní styly textové vrstvy na vrstvu rámu. Tím jsem zkopíroval vrstevní styly pro rámec. Pokud je třeba, ještě upravím konkrétní pozici Naléhavých vzorů pomocí možností výplně, aby to v zobrazení vypadalo opravdu dobře.
Krok 3: Obě vrstvy konvertovat na chytrý objekt Zvolím textovou a rámovou vrstvu v Panelu vrstev a převedu je na chytrý objekt.
Krok 4: Transformace Vyberu Ctrl+T na svém chytrém objektu, abych ho mohl transformovat. S klávesou Ctrl mohu posunout levý horní roh trochu do středu. Tím se rámec a text nakloní.
Pokud je třeba, mohu také jednotlivě posunout dolní rohy s podrženou klávesou Ctrl, abych zesílil skloněný efekt. Stisknutím Enter potvrdím svoji transformaci.
Krok 5: Tip na umístění Je důležité, aby text měl rám, aby se skutečně dostavil dojem naklonění a klonění. Samotný text by tento efekt jen částečně dosáhl.
Pokud chci dosáhnout zvláštního efektu umístění, umístím text s rámem tak, aby rámec nezabíral celý prostor v dokumentu. Pokud je to potřeba, musím tento dokument pro tento vzhled oříznout. Tím se vytvoří dojem zvláštní velikosti obrázku. Obsah se nevejde do rámu dokumentu, je příliš velký. To v podstatě umožňuje sdělit velikost obsahu. Například časopis DER SPIEGEL umístil název Google tak, že Google se nevešel celý na obálku. Tím se jednoduše a názorně ukázala zvláštní velikost a moc Google.
