Jak vytvořit textový efekt sprejové barvy ve Photoshopu

Zář 24, 2021
admin

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.

Napsal Steve Patterson.

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í:

Efekt nastříkaného textu.

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:

Povrch, na který bude text nastříkán. Kredit: Adobe Stock.

A na panelu Vrstvy vidíme obrázek ve vrstvě Pozadí:

Panel Vrstvy aplikace Photoshop zobrazující vrstvu 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 nástroje 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:

Volba písma v panelu možností.

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í:

Nastavení velikosti, zarovnání a barvy textu.

Přidání textu

Poté klikněte do dokumentu a přidejte text. Napíšu slovo „PAINT“:

Přidání textu.

Přijetí textu

Pro jeho přijetí klikněte na zaškrtnutí na panelu možností:

Kliknutím na zaškrtnutí.

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:

Přejděte do nabídky Úpravy > 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):

Změna velikosti textu přetažením rohového úchytu.

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:

Text se objeví ve vlastní vrstvě Typ.

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í:

Snížením Výplně vrstvy Typ na 0 procent.

Text zcela zmizí. Stále tam je, jen je průhledný:

Snížením hodnoty Výplně se text stal neviditelným.

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:

Kliknutím na ikonu stylu vrstvy.

A poté vyberte Drop Shadow:

Výběr efektu vrstvy 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éž:

Kliknutím na tlačítko Obnovit výchozí nastavení.

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:

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:

Nastavení barvy vrženého stínu na bílou.

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:

Změna režimu prolnutí na Screen.

A hned začneme vidět, jak se za písmeny objevuje bílá:

Okol textu se objeví slabý bílý obrys.

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 %:

Zvýšení krytí 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:

Výsledek po zvýšení krytí.

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í Vzdálenosti i Rozptylu 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:

Výsledek po snížení Vzdálenosti na 0px.

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:

Zvětšení velikosti vrženého stínu.

Čím více ji zvýšíte, tím širší se záře objeví:

Výsledek po snížení Vzdálenosti na 0 px.

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:

Klikněte na šipku, ne na miniaturu.

A pak vyberte obrys Kužel poklepáním na jeho miniaturu. Je to ta v horní řadě, druhá zleva:

Výběr obrysu Kužel.

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:

Efekt po přepnutí na Kuželovou konturu.

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:

Odškrtnutí možnosti „Layer Knocks Out Drop Shadow“.

A nyní se obrys objeví vně i uvnitř textu:

Efekt po přepnutí na obrys Kužel.

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:

Zvýšení hodnoty Velikost.

A zde je výsledek:

Efekt po opětovném nastavení hodnoty Velikost.

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 %:

Přidání šumu do efektu.

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ě:

Efekt po přidání šumu.

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í:

Otevření možností 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):

Posuvník „Podkladová vrstva“ v Možnostech prolnutí.

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řetáhněte černý posuvník 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í:

Přetáhnutím černého posuvníku se skrz text odhalují nejtmavší oblasti 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:

Podržte klávesu Alt (Win) / Option (Mac) a táhněte posuvník od sebe.

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:

Moje úrovně jasu pro levou polovinu (10) a pravou polovinu (60) posuvníku.

A díky tomu, že text nyní splývá s obrázkem, získáme mnohem realističtěji vypadající efekt sprejové barvy:

Efekt s textem splývajícím s pozadím.

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:

Klepnutím na tlačítko OK zavřete dialogové okno.

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í:

Vrstva Typ nyní zobrazuje náš Vržený stín a 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:

Přetáhneme vrstvu Typ na ikonu Přidat novou vrstvu.

Kopie vrstvy Typ se objeví nad originálem, doplněná o náš efekt Vržený stín a naše možnosti prolnutí:

Panel Vrstvy nyní zobrazuje obě vrstvy Typ.

Krok 22: Výběr nástroje Přesun

Chceme-li změnit polohu textu, vybereme na panelu nástrojů nástroj Přesun:

Výběr nástroje 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:

Přetáhnu zkopírovaný text do horní části obrázku na pozadí.

Poté na panelu Vrstvy kliknu na původní vrstvu Písmo, abych ji vybral:

Výběr původní vrstvy Písmo.

A přetáhnu původní text směrem dolů:

Přetáhnu původní text na spodní část obrázku na pozadí.

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:

Výběr nástroje 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:

Zvýraznění horního slova dvojitým kliknutím nástrojem Type Tool.

A slovo změním z „PAINT“ na „SPRAY“:

Úprava textu.

Abych to přijal, kliknu na zaškrtávací políčko na panelu možností:

Kliknutím na zaškrtávací políčko.

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:

Přejdu do nabídky Úpravy > 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):

Změna velikosti kopie textu.

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:

Dvakrát klikněte na slova „Drop Shadow“.

Krok 28: Klikněte na vzorek barvy

Tím se znovu otevře dialogové okno Styl vrstvy. Klikněte na vzorník barev:

Kliknutím na vzorník barev „Kapkový stín“.

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:

Výběr nové barvy pro barvu ve spreji.

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:

Výsledek po obarvení horního textu.

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:

Otevřu efekt vrstvy Kapkový stín pro slovo „PAINT“.

A pak kliknu na vzorník barev:

Kliknu na vzorník barev Kapkového stínu.

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:

Výběr druhé barvy pro sprej.

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:

Dokončený efekt nastříkaného textu.

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!

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.