Někdy stačí jen pár kliknutí, abys oživil typografii. Klasické efekty s textem jsou nadčasové a všestranné - skvělé pro loga, plakáty, pozvánky nebo příspěvky na sociálních sítích. V tomto tutoriálu vám představím pět jednoduchých a rychlých efektů, s nimiž můžete kreativně upravovat texty v programu Photoshop. Ať už jde o stíny, přechody, 3D efekt nebo lesklé akcenty - tyto techniky vám ušetří čas a přesto poskytnou ohromující výsledky. Pojďme na to a dostaneme vaši typografii na další úroveň!
1. Zalomení do tvaru: Umístění textů do tvarů
Krok 1: Základní princip zalomení do tvarů v programu Photoshop
Zalomení do tvarů v programu Photoshop je velmi jednoduché. K tomu potřebujete pracovní cestu, na kterou bude text vložen.
Takže si jednoduše nakreslíte tvar pomocí nástroje Obdélník, a pak do tohoto obdélníku kliknu s nástrojem Text a mohu psát nebo vkládat text.
Krok 2: Vlastní tvary pro zalomení do tvarů
Tolik k základnímu principu. Teď mohu pomocí nástrojů Tvary libovolně upravit své cesty, abych určil tvar pro text. Ještě snazší je, pokud jsou tvary již předem definovány. S nástrojem Uživatelské tvary vyberu tvar bubliny a nakreslím ho. V dalším kroku kliknu na bublinu myší a napíši svůj text. Text se bude skvěle přizpůsobovat tvaru bubliny.
Pomocí oken Odstavec a Písmo mohu provést jemné úpravy tím, že nastavím zarovnání do bloku, upravím mezery mezi znaky, vyberu mezery řádků podle velikosti tvaru atd. Výsledkem může být text ve tvaru srdce vypadající například takto:
2. Následování kontur: Text okolo objektů
Krok 1: Základní princip následování kontur
Zatímco v Adobe InDesign existuje speciální panel pouze pro následování kontur s opravdu fantastickými možnostmi, jako je například hledání hran, v programu Adobe Photoshop musí být nalezen alternativní způsob, jak nechat text proudit kolem objektů. Řešením je pracovní cesta, která odpovídá konturám objektu, kam je umístěn text. Základní princip je podobný jako u zalomení do tvarů.
Pro tento tutoriál jsem si vybral obrázek z Fotolia.de (Zdroj obrázku: © Robert Kneschke - Fotolia.com).
Nyní chci, aby můj text elegantně obklopoval osobu. Obrázek má černé pozadí, které není vyříznuto. Protože je pozadí černé, použiji jednoduše svůj Kouzelný proutek k výběru pozadí.
Krok 2: Zúžení výběru a vytvoření pracovní cesty
Jelikož výběr sahá těsně k osobě, zúžím výběr o dalších 10 pixelů pomocí nabídky Výběr>Výběr změnit>Zúžit. Poznámka: Vždy je užitečné omezit výběr na velikost požadovaného rámu textu. S klávesou Alt a nástrojem Výběr mohu výběry zúžit a s klávesou Shift a nástrojem Výběr zvětšit. Proto bych měl ještě před vytvořením pracovní cesty optimalizovat výběr na velikost rámce pro text.
Nyní otevřu okno pracovních cest a z výběru vytvořím pracovní cestu kliknutím na příslušný symbol.
Krok 3: Vložení textu
V posledním kroku jednoduše kliknu na pracovní cestu pomocí Nástroje textu a vložím svůj text nebo napíši požadovaný text. Pracovní cesta nyní slouží jako rámec pro text.
Pomocí mého Nástroje textu mohu stále upravovat rámec pro text. Výsledek: Text elegantně obklopuje osobu zleva.
3. Text na cestě
Umístit text podél cesty je poměrně snadné.
Krok 1: Nakreslení cesty
S nástrojem Obrázek jednoduše nakreslím požadovanou cestu, na které bude umístěn text.
Krok 2: Umístění textu
S nástrojem Nástroj textu přejdu k cestě, aby se zobrazilo mírně tečkované čáry. Nyní mohu začít psát.
Krok 3: Formace textu
Textové útvary mohu stále vytvářet v panelu nástrojů pro kresbu.
S použitím nástroje pro přímý výběr mohu také ovládat svou textovou čáru a posunout počáteční bod toku textu a určit, zda má být text zobrazen nad nebo pod cestou.
Krok 4: Vytvoření cesty pomocí nástrojů tvaru
Stejně tak mohu vytvářet cesty pomocí nástrojů tvaru. V panelu cest vytvořím novou cestu a pomocí nástroje tvaru, v tomto případě pomocí vlastního nástroje tvaru, nakreslím rukavici.
Nyní mohu umístit text i do této cesty.
Krok 5: Vytvoření cesty z výběrů
Také mohu vytvářet výběry z obrázků a převést je na cestu k využití při typografických textových tocích.
S pomocí nástroje rychlého výběru vyberu pozadí tohoto obrázku (zdroj obrázku: iofoto - Fotolia.com). Obrácím výběr pomocí Shift+Ctrl+I a vytvořím z výběru pracovní cestu. Tuto cestu opět využiji pro svůj text.
Krok 6: Akcentování obrysů pomocí typografie
To samé lze provést i u obrázků, které mají trochu složitější barvy, jako je tento obrázek stromu (zdroj obrázku: archaeopteryx_stocks).
S pomocí nástroje rychlého výběru vyberu strom a z výběru znovu vytvořím pracovní cestu: Kliknu na symbol vytvořit cestu z výběru v panelu cest. Nyní mohu také tuto cestu využít pro svůj text.
Klasikou mezi typografickými efekty je vyplnění textu vzorem, texturou nebo obrázkem. Obrázek, který má být zobrazen v mé textové vrstvě, umístím do svého dokumentu přímo nad textovou vrstvou v panelu vrstev.
Pomocí zkratky Ctrl+Alt+G nebo s Alt a kliknutím mezi textovou a obrázkovou vrstvou vytvořím masku výřezu. Nyní se obrázek zobrazuje pouze tam, kde je text. Ve zobrazení je oříznutý na obsah vrstvy dole.
Tento textový efekt je často vidět bez možností výplně na černém nebo bílém pozadí, v katalogech produktů, na letácích a podobně s pozadím životního stylu - nedávno jsem tento jednoduchý efekt viděl na katalogu produktů televizního výrobce. Také "Nákupní a držební bible" od Gerda Kommera má tento jednoduchý efekt na obálce knihy.
Často se efekt masky výřezu používá s materiálovými texturami. Možnosti výplně (zjemnělý okraj/vyvýšení s tence a podobně) potom zajistí mramorový text, kovový text nebo podobné, s čím jsou v nejbližším obchodě propagovány nejnovější kolekce kamenů od poskytovatele xy.
Velmi jednoduchou, ale účinnou technikou je vyplnění textových obrysů nastaveními štětce.
Krok 1: Vyberte si písmo, napište text a vytvořte pracovní cestu
Nejprve si vyberu písmo, které je co nejširší. Napsal jsem do svého dokumentu písmena PSD s fontem Franklin Gothic Heavy ve velikosti 120 bodů.
Kliknutím pravým tlačítkem myši na textovou vrstvu v panelu vrstev>vytvořit pracovní cestu mohu z mého textu vytvořit pracovní cestu. Tato cesta je zobrazena v panelu cest.
Krok 2: Nastavení štětce
Textovou vrstvu mohu skrýt. V panelu štětců vyberu štětec, který má být použit k vyplnění obrysu mého textu. Vyberu štětec listu.
K stiskem klávesy F5 otevřu panel štětců. Zde mohu nastavit tvar svého štětce.
Nastavím:
• ve záložce tvar štětce mezery na 60 procent při velikosti 40 Px. Toto nastavení je optimální pro velikost mého textu, aby mezi jednotlivými štětci byl plynulý přechod.
• v vlastnostech tvaru kolísání úhlu na 25 procent. To zajistí otočení mého štětce.
• v nastavení barvy 12 procent u kolísání odstínu a 12 procent u kolísání jasu. Tím získám v červeném odstínu přitažlivou jemnou nepravidelnost, což v textu vytvoří pěkný podzimní efekt.
Krok 3: Aktivujte pracovní cestu a vytvořte novou vrstvu
Nyní vytvořím novou vrstvu a aktivuji pracovní cestu v panelu Cesty. Kliknutím na druhou ikonu v patičce panelu Cesty vyplním konturu cesty nastaveným štětcem. Důležité je, že nástroj štětec je také aktivován.
Pokud ještě trochu zvětším štětec, vznikne příjemná variace velikosti efektu. Tak lze prostřednictvím nastavení štětce efektně přizpůsobit vyplnění kontury konkrétním potřebám. V tomto příkladu s poněkud podzimním nátěrem.
Krok 4: Variace v předvolbě štětce
Pokud nyní použiji štětec s květinovým motivem jako předvolbu a ještě trochu zvýším procentuální změnu odstínu, dostanu jemný, ale pěkný letní efekt.
Krok 5: Další úpravy
Tak lze jednoduše pomocí vyplnění kontur realizovat rychle typografické efekty. Obvykle však tento efekt vyžaduje ještě nějakou další úpravu, aby vypadal atraktivně jako celek.
Jednou možností další úpravy pro podzimní vzhled by mohlo být, že prostě vyplním vnitřek textu svým listovým štětcem v nové vrstvě a předem vytvořenou štětcovou konturu vyberu stisknutím Ctrl a Kliknutím na náhled vrstvy této vrstvy a použiji jako masku vrstvy pro mou novou vrstvu.
Tak využiji předchozí konturu jako masku vrstvy a také tak získám konturový efekt pro svůj text.