Jak vytvořit textový efekt sprejové barvy ve Photoshopu
Naučte se, jak vytvořit textový efekt sprejové barvy ve Photoshopu s písmeny nastříkanými na pozadí! Výukový kurz krok za krokem pro Photoshop CC a starší verze.
V tomto kurzu vám ukážu, jak vytvořit jednoduchý efekt textu namalovaného sprejem, kdy písmena vypadají, jako by byla nastříkána na zeď nebo povrch. Ukážu vám také, jak prolnout sprejovou barvu s povrchem pro dosažení realističtěji vypadajícího efektu. A protože sprejovou barvu vytvoříme pouze pomocí efektu vrstvy a možností prolínání ve Photoshopu, váš text zůstane upravitelný i po skončení práce.
Použiji nejnovější verzi aplikace Photoshop CC, ale bude fungovat jakákoli nejnovější verze.
Tady je příklad toho, jak bude vypadat efekt textu namalovaného sprejem. Samozřejmě můžete použít libovolný text, pozadí a barvy, které se vám líbí:
Pustíme se do toho!
Stáhněte si tento návod ve formátu PDF připraveném k tisku!
Jak vytvořit sprejovaný text ve Photoshopu
Začneme tím, že se naučíme vytvořit hlavní efekt sprejované barvy, a pak vám ukážu, jak písmena prolnout s pozadím. Ukážu vám také, jak efekt zduplikovat, abyste mohli do návrhu přidat další text, a jak změnit barvu barvy.
Tento tutoriál můžete sledovat také ve videu. Nebo si tento návod stáhněte ve formátu PDF připraveném k tisku!
Krok 1: Otevřete obrázek na pozadí
Jelikož budeme chtít text nastříkat na nějaké pozadí, začněte otevřením obrázku na pozadí. Použiji tento obrázek, který jsem stáhl ze služby Adobe Stock:
A na panelu Vrstvy vidíme obrázek ve vrstvě Pozadí:
Související: Naučte se používat vrstvy ve Photoshopu
Krok 2: Přidejte text
Chcete-li přidat text, vyberte na panelu nástrojů nástroj Písmo:
Výběr písma
A pak na panelu možností vyberte písmo. Použiji písmo „HWT Gothic Round“, které jsem stáhl ze služby Adobe Typekit. Pokud k tomuto písmu nemáte přístup, nevadí. Fungovat bude jakékoliv písmo:
Další možnosti písma
Stále v panelu možností nastavím velikost písma na 72 pt, abych měl prozatím největší přednastavenou velikost. A zarovnání textu nastavím na střed.
Pro barvu zvolím bílou tak, že kliknu na vzorník barev a vyberu bílou barvu z nástroje Photoshop Color Picker. Tuto barvu nebudeme používat pro barvu ve spreji. Zatím potřebujeme jen něco, co nám umožní vidět text při jeho přidávání:
Přidání textu
Poté klikněte do dokumentu a přidejte text. Napíšu slovo „PAINT“:
Přijetí textu
Pro jeho přijetí klikněte na zaškrtnutí na panelu možností:
Krok 3: Změna velikosti a umístění textu pomocí volné transformace
Chcete-li změnit velikost textu a přesunout jej na místo, přejděte nahoru do nabídky Úpravy na panelu nabídek a vyberte volbu Volná transformace:
A pak pro změnu velikosti textu klikněte a přetáhněte některý z rohových úchytů. Od verze Photoshop CC 2019 se při přetahování úchytů automaticky uzamkne poměr stran textu. V dřívějších verzích aplikace Photoshop musíte při tažení podržet klávesu Shift, aby se poměr stran uzamkl.
Chcete-li změnit velikost textu od jeho středu, stiskněte a podržte při tažení klávesu Alt (Win) / Option (Mac). A pokud potřebujete změnit polohu textu, klikněte uvnitř pole Volná transformace a přetáhněte text na místo.
Pro přijetí a opuštění volné transformace stiskněte na klávesnici Enter (Win) / Return (Mac):
Krok 4: Snižte hodnotu Výplně vrstvy Typ na 0 %
Na panelu Vrstvy vidíme náš text v nové vrstvě Typ nad obrázkem:
Pro vytvoření efektu stříkající barvy musíme nejprve náš text zprůhlednit. To provedeme tak, že snížíme hodnotu Výplně v pravém horním rohu panelu Vrstvy až na 0 %. Ujistěte se, že snižujete hodnotu Výplně, nikoli hodnotu Krytí:
Text zcela zmizí. Stále tam je, jen je průhledný:
Jaký je rozdíl mezi hodnotami Krytí a Výplň?
Na panelu Vrstvy ovlivňují průhlednost vrstvy jak hodnoty Krytí, tak Výplň. Rozdíl mezi nimi spočívá v tom, že Krytí řídí průhlednost jak obsahu vrstvy, tak všech efektů vrstvy, které jsme použili. Naproti tomu Výplň ovlivňuje pouze obsah vrstvy. Na efekty vrstvy nemá žádný vliv.
To znamená, že snížením hodnoty Vyplnění můžeme na náš text aplikovat efekty vrstvy a zachovat jejich viditelnost, i když je samotný text skrytý. A právě to nám umožní vytvořit náš efekt sprejové barvy.
Krok 5: Přidání efektu vrstvy Kapkový stín do vrstvy Typ
Celý efekt sprejové barvy lze vytvořit pomocí jediného efektu vrstvy, a tím, který potřebujeme, je Kapkový stín. S vybranou vrstvou Type klikněte na ikonu stylu vrstvy (ikona „fx“) ve spodní části panelu Vrstvy:
A poté vyberte Drop Shadow:
Krok 6: Obnovení výchozího nastavení kapkovitého stínu
V dialogovém okně Styl vrstvy klikněte na tlačítko Obnovit výchozí nastavení kapkovitého stínu, abychom oba viděli totéž:
Krok 7: Změňte barvu vrženého stínu na bílou
Poté změňte barvu vrženého stínu kliknutím na vzorník barev:
A v okně Výběr barvy zvolte prozatím bílou a klikněte na tlačítko OK. Různé barvy pro efekt zvolíme o něco později:
Krok 8: Změna režimu prolnutí stínu na Screen
Chcete-li vidět bílou, změňte režim prolnutí vrženého stínu z Multiply (výchozí režim prolnutí) na Screen:
A hned začneme vidět, jak se za písmeny objevuje bílá:
Krok 9: Zvýšení krytí stínu na 100 %
Aby byl efekt jasnější, zvýšíme krytí vrženého stínu až na 100 %:
A nyní je efekt lépe vidět. Změnou barvy vrženého stínu z černé na bílou a změnou jeho režimu prolnutí z násobení na obrazovku jsme v podstatě změnili náš stín na záři:
Krok 10. Vložení stínu do kapky: Nastavte Vzdálenost a Rozptyl na 0 %
Volby Úhel a Použít globální světlo ignorujte, protože zde na nich nezáleží. Snižte však Vzdálenost na 0px a ujistěte se, že Rozptyl je na 0 %:
Nastavením Vzdálenosti na 0px jsme vycentrovali vržený stín za text a vytvořili kolem písmen slabý obrys nebo tah:
Krok 11: Zvětšení velikosti vrženého stínu
Chceme-li stín (nebo v tomto případě záři) rozprostřít dále od okrajů, zvýšíme hodnotu Velikost:
Čím více ji zvýšíte, tím širší se záře objeví:
Krok 12: Změna obrysu na Kužel
V tomto okamžiku zatím efekt příliš nepřipomíná sprej. Naše záře musí vypadat spíše jako obrys kolem tvarů písmen.
Chcete-li to napravit, přejděte ještě v dialogovém okně Styl vrstvy do sekce Kvalita, klikněte na malou šipku vedle miniatury náhledu Obrys:
A pak vyberte obrys Kužel poklepáním na jeho miniaturu. Je to ta v horní řadě, druhá zleva:
Obrysy ovlivňují průhlednost vrženého stínu, mění způsob a místo přechodu z neprůhledných do průhledných oblastí. A hned vidíme mnohem silnější obrys kolem okrajů písmen:
Krok 13: Zrušte zaškrtnutí políčka „Vrstva vyřazuje vržený stín“
Všimněte si však, že i když je náš text průhledný, záře se objevuje pouze kolem jeho vnější strany. Potřebujeme vidět záři i uvnitř písmen.
To napravíme tak, že zrušíme zaškrtnutí možnosti, která říká Layer Knocks Out Drop Shadow:
A nyní se obrys objeví vně i uvnitř textu:
Krok 14: V případě potřeby znovu nastavte hodnotu Velikost
V tomto okamžiku se možná budete muset vrátit a znovu nastavit hodnotu Velikost, abyste změnili tloušťku obrysu. Nepoužívejte však příliš vysokou hodnotu, jinak se záře příliš rozšíří. Přesná velikost, kterou budete potřebovat, bude záviset na velikosti vašeho textu.
V mém případě zvolím hodnotu Velikost kolem 120px, ale možná budete potřebovat jinou hodnotu:
A zde je výsledek:
Krok 15: Přidání šumu
Nakonec přidejte do obrysu trochu šumu zvýšením hodnoty Šum. Já svůj nastavím asi na 25-30 %:
A nyní, když si obrys přiblížím, vidíme v něm malé skvrnky, takže vypadá spíše jako barva ve spreji.
V závislosti na velikosti písma, které používáte, si můžete všimnout slabých tvrdých okrajů podél oblastí, kde se efekt a pozadí setkávají. Na tomto snímku je můžete vidět uvnitř písmen „P“ a „A“. Tyto hrany zmizí, jakmile text prolneme s pozadím, což uděláme příště:
Jak prolnout nastříkaný text s pozadím
V tuto chvíli jsme s naším efektem vrstvy Kapkový stín hotovi. Naučíme se tedy, jak efekt prolnout s pozadím, aby to vypadalo, že text je skutečně nastříkaný na pozadí a neleží jen před ním. Až budeme hotovi, ukážu vám, jak efekt zkopírovat a přidat další text, přičemž efekt vrstvy a možnosti prolnutí zůstanou zachovány.
Krok 16: Otevření možností prolnutí Photoshopu
Stále v dialogovém okně Styl vrstvy vyberte vlevo kategorii Možnosti prolnutí:
Krok 17: Přetáhněte černý jezdec „Podkladová vrstva“ doprava
V dolní části Možnosti prolnutí jsou dvě sady jezdců. Ten nahoře říká „Tato vrstva“ a ten pod ním „Podkladová vrstva“. Pomocí těchto posuvníků můžeme prolnout náš text s obrázkem na pozadí. A sada, kterou potřebujeme, je ta spodní (Podkladová vrstva):
Všimněte si dvou posuvníků pod lištou gradientu. Vlevo je černý posuvník a vpravo bílý posuvník. Budeme prolínat náš text s nejtmavšími částmi našeho obrázku na pozadí. A k tomu potřebujeme černý posuvník.
Klikněte na černý posuvník a začněte jej přetahovat směrem doprava:
Při přetahování sledujte svůj text a uvidíte, že se přes něj začnou zobrazovat nejtmavší oblasti obrázku na pozadí. A jak táhnete dál, objevuje se stále více pozadí:
Krok 18: Rozdělte černý posuvník na polovinu
Problém je v tom, že přechody mezi textem a pozadím jsou velmi ostré. Chcete-li vytvořit plynulejší přechody, stiskněte a podržte klávesu Alt (Win) / Option (Mac) na klávesnici. Klikněte na pravou stranu černého posuvníku a přetáhněte jej od levé strany. Tím se posuvník rozdělí na dvě poloviny:
Krok 19: Úprava posuvníků pro vytvoření plynulého přechodu
Levá polovina posuvníku nyní ovládá úroveň jasu, kde se text začíná objevovat před pozadím. A pravá polovina nastavuje úroveň jasu, kdy se text stává plně viditelným a pozadí již přes něj neprosvítá. Oblast mezi oběma posuvníky se stává přechodovou oblastí, kde se text a pozadí prolínají. Čím dále od sebe posuvníky přetáhnete, tím pozvolnější se přechod jeví.
Nastavujte každou polovinu posuvníku, dokud nebudete s efektem spokojeni. Neexistují žádné konkrétní hodnoty, které byste zde měli použít, protože to bude záviset na vašem obrázku na pozadí.
V mém případě nastavím levou polovinu na úroveň jasu 10 a pravou polovinu na úroveň jasu 60.
V mém případě nastavím levou polovinu na úroveň jasu 10 a pravou polovinu na úroveň jasu 60. Jinými slovy, všechny oblasti mého obrázku na pozadí, které mají úroveň jasu 10 nebo tmavší, budou přes text zcela vidět. Oblasti s úrovní jasu 60 nebo světlejší budou textem zcela skryty. A úrovně jasu mezi nimi (11 až 59) jsou místem, kde dochází k přechodu:
A díky tomu, že text nyní splývá s obrázkem, získáme mnohem realističtěji vypadající efekt sprejové barvy:
Krok 20. V tomto kroku se text prolne s pozadím: Zavření dialogového okna Styl vrstvy
S hlavním efektem jsme hotovi, takže pokračujte a zavřete dialogové okno Styl vrstvy klepnutím na tlačítko OK:
A na panelu Vrstvy nyní vidíme náš Vržený stín uvedený jako efekt pod vrstvou Typ. Vedle ikony „fx“ vidíme také ikonu Možnosti prolnutí, která nám říká, že jsme na vrstvu aplikovali také některé pokročilé možnosti prolnutí:
Stáhněte si tento návod ve formátu PDF připraveném k tisku!
Jak duplikovat efekt nastříkaného textu
V tomto okamžiku je přidání dalšího nastříkaného textu snadné.
Krok 21: Vytvořte kopii vrstvy Type
Jediné, co musíme udělat, je duplikovat naši vrstvu Type. Jednoduše ji přetáhneme dolů na ikonu Přidat novou vrstvu v dolní části panelu Vrstvy:
Kopie vrstvy Typ se objeví nad originálem, doplněná o náš efekt Vržený stín a naše možnosti prolnutí:
Krok 22: Výběr nástroje Přesun
Chceme-li změnit polohu textu, vybereme na panelu nástrojů nástroj Přesun:
Krok 23: Přesun textu na místo
A pak klikneme na text a přesuneme jej na místo. Přetáhnu kopii textu nahoru:
Poté na panelu Vrstvy kliknu na původní vrstvu Písmo, abych ji vybral:
A přetáhnu původní text směrem dolů:
Jak upravit nastříkaný text
Protože náš text je stále editovatelný typ, můžeme text snadno upravit a zachovat efekt nastříkané barvy.
Krok 24: Výběr nástroje Písmo
Nechci, aby byla obě slova stejná, takže pro úpravu horního textu vyberu z panelu nástrojů nástroj Písmo:
Krok 25: Výběr nástroje Písmo: Vyberu a upravím text
Poté dvakrát kliknu dovnitř slova, abych ho zvýraznil:
A slovo změním z „PAINT“ na „SPRAY“:
Abych to přijal, kliknu na zaškrtávací políčko na panelu možností:
Krok 26: Změna velikosti upraveného textu pomocí volné transformace
Změním velikost horního textu tak, že přejdu do nabídky Úpravy a zvolím volbu Volná transformace:
A pak přetažením úchytů horního rohu změním velikost slova tak, aby bylo stejně široké jako spodní slovo. Pro přijetí stisknu na klávesnici Enter (Win) / Return (Mac):
Jak změnit barvu sprejové barvy
A nakonec se podíváme, jak změnit barvu efektu.
Krok 27: Poklepejte na efekt vrstvy Kapkový stín
Chcete-li změnit barvu barvy ve spreji, poklepejte na slova „Kapkový stín“ pod vrstvou Typ. Pokud máte stejně jako já více než jednu vrstvu Type, ujistěte se, že dvakrát klikáte na tu, kterou chcete upravit.
V mém případě začnu slovem „SPRAY“ nahoře:
Krok 28: Klikněte na vzorek barvy
Tím se znovu otevře dialogové okno Styl vrstvy. Klikněte na vzorník barev:
Krok 29: Zvolte novou barvu v okně Výběr barev
A pak v okně Výběr barev zvolte novou barvu. Zvolím něco světlého, například žlutou:
Klepnutím na tlačítko OK zavřete okno Výběr barev a poté klepnutím na tlačítko OK zavřete dialogové okno Styl vrstvy. A nyní je můj horní text obarven na žluto:
Změna barvy spodního textu
To samé provedu se spodním textem. Dvakrát kliknu na slova „Kapkový stín“, abych znovu otevřel dialogové okno Styl vrstvy:
A pak kliknu na vzorník barev:
A vyberu novou barvu z okna Výběr barvy. Pro spodní text opět zvolím něco světlého, například červenorůžovou:
Znovu kliknu na tlačítko OK, abych zavřel okno Výběr barev, a poté na tlačítko OK, abych zavřel dialogové okno Styl vrstvy.
A zde, po přidání barvy k oběma slovům, je můj konečný výsledek:
A je to! Takto se vytváří sprejovaný text ve Photoshopu! Další návody najdete v našich sekcích Fotografické efekty a Textové efekty. A nezapomeňte, že všechny naše výukové programy jsou k dispozici ke stažení ve formátu PDF!