Vytváření Avengers Text Effect S Illustrator & Photoshop
V dnešním tutoriálu se chystáme znovu vytvořit textový efekt použitý v komiksu (také připravovaný film).
Text provedeme ručně v aplikaci Adobe Illustrator, poté importujeme jeho cestu do aplikace Adobe Photoshop a aplikujeme některé efekty a texturu. Namísto “Mstitelé”, budeme používat “Hongkiat” jako text, nebo můžete použít libovolný text, který chcete.
Začněme.
Začínáme
Chcete-li sledovat tento návod, budete potřebovat následující prostředek:
- Betonové textury od VandelayPremier
- Volná alternativa: Volné betonové textury od texturního krále
- Mstitelé z Owena Dawsona
- Mocní mstitelé z Owena Dawsona
Textový efekt Avenger
Krok 1: Získání písma
Začněme pracovat na jeho postavách. Naší první možností je použití bezplatného typu písma. Po hledání v google pomocí klíčového slova "free fonts Avengers", jsem našel dvě fonty s Avengers tématem, Avengers a The Mighty Avengers. Oba jsou vyrobeny Owen Dawsonem. Bohužel, oba nemají kompletní abecedu pro náš projekt.
První písmo nemá K a O. Tyto dva znaky potřebujeme v "Hongkiat". Také nemůžeme použít jeho znak A, protože není vhodný, pokud je používán mezi písmeny, například v "Hongkiat".
Zdá se, že druhé písmo vychází z komiksu The Avengers. Místo ostrých hran má kulaté hrany. Tento styl písma se liší od jeho filmového plakátu.
Takže naší nejlepší možností je nakreslit znaky ručně. Nebudeme používat tato písma, ale budou užitečné pro náš odkaz při vytváření postav.
Krok 2: Odkaz
Měli byste začít smát pro The Avengers. To je to, co používám pro náš odkaz. Uložte obrazový soubor, vytvořte nový soubor v aplikaci Adobe Illustrator a poté soubor vložte. Klepnutím na objekt> Zamknout> Výběr zamknete obrázek a zabráníte jeho náhodnému úpravám.
Krok 3: Vytváření znaků
V současném textu "AVENGERS" můžeme najít N a G, které se používají v "HONGKIAT". Vytvořte novou vrstvu a poté pomocí nástroje pero sledujte znak N a G.
Krok 4
Pro ostatní znaky (H, O, K, I, A a T) jej založíme z jiných dostupných znaků. Pro I používáme dostupný znak N a odstraníme jeho polovinu.
Pro O upravujeme E zavřením a přidáním díry do jeho středu.
Pro K můžeme jednoduše upravit R řezáním jeho horní části.
Také používáme R jako základní znak pro A.
Pro T používáme znak, který jsme vytvořili dříve.
Krok 5
Umístěte všechny tyto postavy do své pozice. V současné době máme "ONGKIAT".
Krok 6: Kreslení prvního znaku "H"
Stejně jako v referenčním obrázku je první znak ve srovnání s ostatními velmi vysoký. Pro H můžeme použít odkaz z náhledu The Avengers.
Krok 7
Nakreslete dva kruhy ze stejného původu. Vyberte oba kruhy, otevřete panel Pathfinder a vyberte Odčítání, abyste vytvořili tvar kruhu.
Krok 8
Umístěte prstencový tvar na znak H a O. Poznámka: Abychom lépe viděli, odstraním nepoužité cesty z dohledu.
Krok 9
Vyberte znaky "Ho", klepněte na příkaz Objekt> Cesta> Odsadit cestu.
Krok 10
Klikněte pravým tlačítkem H a vyberte Ungroup (Oddělit) pro oddělení cesty ofsetu od hlavní cesty. Tento postup opakujte pro O.
Krok 11
Umístěte velký H na horní část prstence kliknutím na Objekt> Uspořádat> Přenést dopředu. Vyberte velký tvar písmene H a kroužku a poté vyberte možnost Odečíst na panelu Pathfinder.
To je výsledek.
Krok 12
Klepněte pravým tlačítkem myši na tvar kroužku a vyberte možnost Oddělit.
Krok 13
Umístěte velké O na horní část tvaru kroužku klepnutím na položku Objekt> Uspořádat> Přenést dopředu. Pod ním vyberte velké O a tvar prstence. Z panelu Pathfinder vyberte Subtract.
Níže je uveden výsledek.
Krok 14
Odstraňte zbývající části prstence, které nejsou použity.
Krok 15
Tento kompletní náhled na naší současné cestě.
Krok 16
Nakreslete dva obdélníky a otočte je o 45 ° a -45 °. Umístěte oba tvary, dokud nedosáhneme tvaru šipky.
Krok 17
Vyberte oba tvary a vyberte Unite from Pathfinder.
Krok 18
Umístěte šipku nahoře na znak H. Umístění naleznete níže. Vyberte oba tvary a vyberte Odečíst.
Ve znaku H máme nyní skrytou šipku. Tento text je nyní připraven k použití.
Krok 19: Začněte pracovat ve Photoshopu
Otevřete Photoshop. Vytvořte nový soubor s velikostí: 2000 px × 900 px. Vyplňte pozadí barvou: # 070707.
Krok 20: Import cesty znaků
Návrat na stránku „Illustrator“. Vyberte všechny cesty znaků a pak stiskněte klávesu Ctrl + C a zkopírujte ji do schránky.
Krok 21
Ve Photoshopu stiskněte Ctrl + V. Vložte text jako cestu.
Text z Illustratoru je umístěn jako nová cesta. Najdete jej na panelu Cesty.
Krok 22
Vyberte cestu uvnitř O a A. V pruhu voleb nastavte jeho režim na Odčítání. Tento režim způsobí, že obě cesty vytvoří díry uvnitř své hlavní cesty.
Krok 23: Převést cestu na tvar
Klikněte na černobílý kruh v panelu Vrstvy. Vyberte Solid Color, nastavte jeho barvu na # 070c12. Nyní máme nový tvar založený na importovaných cestách.
Poklepáním na vrstvu otevřete dialogové okno Styl vrstvy. Přidat zkosení a reliéf. Vyberte možnost Technika: Sekáč Těžký pro získání tvrdých hran.
To je náš současný výsledek.
Krok 24
Přidejte konkrétní texturu a umístěte ji na horní část textu. Nastavte režim prolnutí na obrazovku a snižte její krytí na 47%..
Krok 25
Přidat masku vrstvy. Nakreslete lineární gradient z bílé na černou.
Krok 26
Stisknutím kláves Ctrl + Alt + G převeďte texturu do ořezové masky. Textura nyní přechází do textu.
Krok 27
Textura je nyní vybledlá v dolní části textu. Uveďme některé z nich tam, že tuto oblast s bílou pomocí štětce s Opacity 30%. Níže můžete vidět masku vrstvy po malování těchto oblastí.
To je výsledek. Vidíte, že nyní je v dolní části textu jemná textura.
Krok 28: Přidání efektu reliéfu na text
Duplikujte text a vložte jej za původní textovou vrstvu. Přidat styl vrstvy: Zdvih.
Níže je vidět, že výsledkem je pouze linie barevného tahu.
Krok 29
Pojďme přidat Bevel a Emboss a nastavit jeho styl Stroke Emboss. Tímto způsobem je tento efekt aplikován také na zdvih, který jsme právě přidali.
Tah má nyní vzhled reliéfu.
Krok 30
Přidat vnější záře přidat jemný stín za každý znak. V současné době nebudeme schopni vidět jeho efekt, protože pozadí je stále příliš tmavé.
Krok 31
Vytvořte novou vrstvu nad textem s efektem tahu. Stiskněte klávesu Ctrl a klepněte na textovou vrstvu. Klepněte na příkaz Vybrat> Změnit> Rozbalit. Rozbalit o 3 pixely. Všimněte si, že jsme rozšířili výběr o 3 pixely tak, aby odpovídal velikosti tahu.
Vyplňte výběr lineárním gradientem z bílé na černou na bílou.
Nastavte režim prolnutí na Překrytí. Snížení opacity na 30%.
Krok 32: Přidejte světla na pozadí
Pod textem vytvořte novou vrstvu. Aktivujte nástroj Štětec a nastavte jeho Opacity na 100%. Kreslit bílou čáru za textem.
Krok 33
Snižte krytí kartáče a nakreslete větší čáru pokrývající první řádek.
Krok 34
Barva náhodného světla na okrajích čáry.
Krok 35
Stisknutím klávesy Ctrl a kliknutím na textovou vrstvu vytvoříte nový výběr podle tvaru textu. Vytvořte novou vrstvu a umístěte ji na hlavní text.
Aktivujte nástroj Štětec, nastavte jeho Opacity na 10%. Malování bílé na střed textu, jako by se odlitek zezadu.
Níže můžete vidět výsledek před a po přidávání světla.
Krok 36
Znovu vytvořte novou vrstvu. Umístěte ji na text. Klikněte pravým tlačítkem myši a zvolte Stroke.
Vyberte bílou barvu, Šířka: 1 px.
Krok 37
Stisknutím klávesy Ctrl + D odeberte výběr. Použijte Gaussovské rozostření pro změkčení čáry zdvihu.
Krok 38
Vymažte některé tahové čáry. Tyto řádky se zvýrazní ve tvaru textu.
Krok 39
Na nové vrstvě znovu nakreslete další čáru tahu. Vymažte některé z nich, aby působily jako ostřejší zvýraznění.
Krok 40
Vytvořte novou vrstvu a vyplňte ji lineárním gradientem, bílým až černým. Stiskněte klávesu Ctrl a klepněte na textovou vrstvu.
Krok 41
Přidat masku vrstvy kliknutím na ikonu Přidat masku vrstvy na panelu Vrstvy. Nastavit režim prolnutí na Překrytí a snížit jeho krytí na 55%.
Krok 42: Přidání barvy
Opět stiskněte klávesu Ctrl a klepněte na textovou vrstvu.
Přidat Nastavovací vrstvu Odstín a sytost. Použijte nastavení níže a nezapomeňte aktivovat volbu Colorize.
Zde je výsledek textu.
Krok 43: Zvýšení kontrastu textu
Vytvořte novou vrstvu. Stiskněte klávesu Ctrl a klepněte na textovou vrstvu a poté výplň vyplňte radiálním přechodem z černé na bílou.
Nastavit režim prolnutí na Překrytí pak snížit jeho Opacity na 40%.
Krok 44: Přidání titulků
Nakreslete tenký obdélník v horní části textu s barvou: # 3b568. Přidat masku vrstvy, pak malovat oba konce černou. Nad obdélník přidejte titulky.
Konečný výsledek
Jsme hotovi! Níže je výsledek našeho tutoriálu. Klikněte na obrázek pro zobrazení v plné velikosti. Doufám, že se vám tento tutoriál líbí a naučil se nové techniky. Máte-li jakékoli dotazy, neváhejte se zeptat.
Stáhnout finální .PSD.
