Vytváranie textového efektu mstiaceho s Illustratorom a

V dnešnom tutoriáli sa chystáme znovu vytvoriť textový efekt používaný v komiksu (aj pripravovaný film) - The Avengers, aby sme sa cítili, že sme vlastne aj hrdina, aspoň Illustrator / Photoshop hrdina :)

Text vytvoríme ručne v programe Adobe Illustrator, potom importujeme jeho cestu do programu Adobe Photoshop a aplikujeme niektoré efekty a textúry. Namiesto “Avengers”, budeme používať “Hongkiat” ako text, alebo môžete použiť ľubovoľný text, ktorý chcete.

Začnime.

Začíname

Ak chcete postupovať podľa tohto návodu, budete potrebovať nasledujúci zdroj:

• Betónová textúra od firmy VandelayPremier
• Voľná ​​alternatíva: Voľné betónové textúry z textúry King
• Pomstitelia od Owena Dawsona
• Mocni pomstitelia od Owena Dawsona

Avenger Text Effect

Krok 1: Získanie písma

Začnime tým, že pracujeme na jej znakoch. Našou prvou voľbou je voľný typ písma. Po vyhľadaní v službe google pomocou kľúčového slova "free fonts Avengers" som našiel dve písma s motívom Avengers, The Avengers a The Mighty Avengers. Obaja sú vyrobené Owenom Dawsonom. Žiaľ, obaja nemajú kompletnú abecedu pre náš projekt.

Prvé písmo nemá K a O. Potrebujeme tieto dve znaky v "Hongkiat". Tiež nemôžeme použiť jeho znak A, pretože nie je vhodný, ak sa používa medzi písmenami, napríklad v "Hongkiat".

Druhé písmo sa zdá byť založené na originálnom komici The Avengers. Má okrúhle okraje namiesto ostrých hrán. Tento štýl písma sa líši od jeho filmového plagátu.

Takže našou najlepšou možnosťou je kresliť znaky ručne. Tieto písma nebudeme používať, ale pri vytváraní znakov nám budú užitočné.

Krok 2: Odkaz

Mali by ste začať chodiť po The Avengers. To je to, čo používam ako odkaz. Uložte obrazový súbor, vytvorte nový súbor v aplikácii Adobe Illustrator a potom vložte súbor. Kliknutím na položku Objekt> Uzamknúť> Výber zablokujete obrázok a zabráni jeho náhodnému úprave.

Krok 3: Vytváranie znakov

V aktuálnom texte "AVENGERS" môžeme nájsť N a G, ktoré sa používajú v "HONGKIAT". Vytvorte novú vrstvu a potom použite nástroj na pero na sledovanie znakov N a G.

Krok 4

Pre ostatné znaky (H, O, K, I, A a T) budeme vychádzať z iných dostupných znakov. Pre I používame dostupný znak N a odstránime polovicu.

Pre O upravíme E tak, že ho zatvoríme a otvoríme do stredu.

Pre K môžeme jednoducho modifikovať R rezaním jeho hornej časti.

Používame tiež R ako základný znak pre A.

Pre T používame znak, ktorý sme vytvorili predtým.

Krok 5

Umiestnite všetky tieto postavy do svojej pozície. V súčasnosti máme "ONGKIAT".

Krok 6: Nakreslite prvý znak "H"

Rovnako ako v referenčnom zobrazení je prvý znak veľmi vysoký v porovnaní s ostatnými. Pre H môžeme použiť odkaz z náhľadu písma The Avengers.

Krok 7

Nakreslite dva kruhy rovnakého pôvodu. Vyberte obe kruhy, otvorte panel Pathfinder a vyberte možnosť Odpočítať a vytvorte tak tvar zvonenia.

Krok 8

Vložte tvar krúžku nad znaky H a O. Poznámka: Aby sme nám pomohli vidieť lepšie, odstránime nepoužívané cesty z dohľady.

Krok 9

Vyberte znaky "Ho", kliknite na položku Objekt> Cesta> Vyrovnávacia cesta.

Krok 10

Kliknite pravým tlačidlom myši na položku H a vyberte Oddeliť oddeľte Cesta posunu od svojej hlavnej cesty. Opakujte tento proces na O.

Krok 11

Umiestnite veľký H do tvaru krúžku kliknutím na položku Objekt> Usporiadať> Bring to Front. Vyberte veľký H a tvar zvonenia a potom vyberte možnosť Odpočítať na paneli Pathfinder.

Toto je výsledok.

Krok 12

Kliknite pravým tlačidlom myši na krúžok a vyberte položku Ungroup.

Krok 13

Umiestnite veľký O na tvar kruhového krúžku kliknutím na položku Objekt> Usporiadať> Bring to Front. Vyberte veľké O a tvar krúžku pod ním. Na paneli Pathfinder vyberte možnosť Odpočítať.

Nižšie je výsledok.

Krok 14

Vymažte zvyšné časti kruhu, ktoré sa nepoužívajú.

Krok 15

Tento kompletný náhľad na našej aktuálnej ceste.

Krok 16

Nakreslite dva obdĺžniky a potom ich otočte o 45 ° a -45 °. Umiestnite oba tvary, až kým nedosiahne tvar šípky.

Krok 17

Vyberte oba tvary a vyberte možnosť Spojiť z panelov Pathfinder.

Krok 18

Umiestnite šípku na vrch H znak. Pozrite si obrázok nižšie pre umiestnenie. Vyberte oba tvary a vyberte možnosť Odpočítať.

Teraz máme vo vnútri znaku H šípku. Tento text je teraz pripravený na použitie.

Krok 19: Začnite pracovať vo Photoshope

Otvorte aplikáciu Photoshop. Vytvorte nový súbor s veľkosťou: 2000 px × 900 px. Vyplňte pozadie farbou: # 070707.

Krok 20: Importovanie cesty znakov

Návrat do aplikácie Illustrator. Vyberte všetky znakové cesty a potom stlačte Ctrl + C, aby ste ich skopírovali do schránky.

Krok 21

Vo Photoshope stlačte Ctrl + V. Vložte text ako cestu.

Text z aplikácie Illustrator je umiestnený ako nová cesta. Nájdete ho na paneli Cesty.

Krok 22

Vyberte cestu vnútri O a A. V lište možností nastavte jej režim na hodnotu Odpočítať. Tento režim spôsobí, že obe cesty vytvoria dierky vo svojej hlavnej ceste.

Krok 23: Konverzia cesty k tvaru

Kliknite na čierny a biely kruh v paneli Vrstvy. Vyberte položku Solid Color (Solid Farba), nastavte jej farbu na hodnotu # 070c12. Teraz máme nový tvar založený na importovaných cestách.

Dvakrát kliknite na vrstvu a otvorte dialógové okno Štýl vrstvy. Pridať úkos a reliéf. Vyberte techniku: Dierujte ťažko a získajte tvrdé hrane.

Toto je náš súčasný výsledok.

Krok 24

Pridajte konkrétnu textúru a umiestnite ju na vrchol textu. Nastavte režim miešania na obrazovku a znížte jej opacitu na 47%.

Krok 25

Pridajte masku vrstvy. Nakreslite lineárny gradient z bielej do čiernej.

Krok 26

Stlačte klávesy Ctrl + Alt + G na premenu textúry na orezovú masku. Textúra sa teraz nachádza v texte.

Krok 27

Textúra je v súčasnosti vyblednutá v spodnej časti textu. Ukážme niektoré z nich tam, že maľovaním tejto oblasti s bielou pomocou kefy s Opacity 30%. Nižšie vidíte masku vrstvy po maľovaní týchto oblastí.

Toto je výsledok. Môžete vidieť, že teraz je v dolnej časti textu jemná textúra.

Krok 28: Pridajte efekt reliéfnej zdvihy na text

Duplikovať text a vložiť ho za pôvodnú textovú vrstvu. Pridať štýl vrstvy: Zdvih.

Nižšie vidíte, že výsledok je len plochý farebný tah.

Krok 29

Pridajme Bevel a reliéf a nastavíme štýl na reliéf. Týmto spôsobom sa účinok uplatňuje aj na zdvih, ktorý sme práve pridali.

Teraz má mŕtvica reliéfny vzhľad.

Krok 30

Pridajte vonkajšiu žiaru, aby ste za každú postavu pridali jemný tieň. Momentálne nebudeme môcť vidieť jeho účinok, pretože pozadie je stále príliš tmavé.

Krok 31

Vytvorte novú vrstvu nad text s efektom zdvihu. Stlačte klávesovú skratku Ctrl a kliknite na textovú vrstvu. Kliknite na položku Vybrať> Upraviť> Rozbaliť. Nastavte rozbaľovanie o 3 pixely. Všimnite si, že sme rozšírili výber o 3 pixely, aby zodpovedali veľkosti tahu.

Vyplňte výber s lineárnym gradientom od bielej po čiernu až bielu.

Nastavte režim zmiešania na prekrytie. Znížte nepriehľadnosť na 30%.

Krok 32: Pridať svetlá na pozadí

Vytvorte novú vrstvu pod textom. Aktivujte nástroj Štetec a nastavte jeho opacitu na 100%. Nakreslite bielu čiaru za text.

Krok 33

Znížte opacitu štetcom a nakreslite väčšiu čiaru pokrývajúcu prvú čiaru.

Krok 34

Namaľte náhodné svetlo na hrany línie.

Krok 35

Stlačte klávesovú skratku Ctrl a kliknite na textovú vrstvu a vytvorte nový výber podľa tvaru textu. Vytvorte novú vrstvu a umiestnite ju nad hlavný text.

Aktivovať nástroj Štetec nastavte jeho Opacity na 10%. Farba niektorých bielych v strede textu, rovnako ako svetlo obsadenie je zozadu.

Nižšie vidíte výsledok pred a po pridaní odtieňa svetla.

Krok 36

Znova vytvorte novú vrstvu. Umiestnite ho nad text. Kliknite pravým tlačidlom myši a vyberte položku Zdvih.

Vyberte bielej farby, Šírka: 1 px.

Krok 37

Stlačením klávesov Ctrl + D odstráňte výber. Použite Gaussian Blur na zmäkčenie línie zdvihu.

Krok 38

Vymažte niektoré čiarky zdvihu. Tieto čiary sa zvýrazňujú na tvar textu.

Krok 39

Na novú vrstvu znovu nakreslite ďalší tah. Vymažte niektoré z nich, aby ste pôsobili ako ostrejšie.

Krok 40

Vytvorte novú vrstvu a naplňte ju lineárnym gradientom, bielym až čiernym. Stlačte klávesovú skratku Ctrl a kliknite na textovú vrstvu.

Krok 41

Pridajte masku vrstvy kliknutím na ikonu Pridať vrstvu masky na paneli Vrstvy. Nastavte režim zmiešania na prekrytie a znížte jeho nepriehľadnosť na 55%.

Krok 42: Pridanie farby

Opäť stlačte klávesovú skratku Ctrl a kliknite na textovú vrstvu.

Pridať úpravu Hue / Saturation. Použite nastavenie nižšie a nezabudnite aktivovať možnosť Colorize.

Tu je výsledok textu.

Krok 43: Zvýšenie kontrastu textu

Vytvorte novú vrstvu. Stlačte klávesovú skratku Ctrl a kliknite na textovú vrstvu a potom vyplňte výber s radiálnym gradientom od čiernej po bielu.

Nastavte režim zmiešania na prekrytie a potom znížte jeho nepriehľadnosť na 40%.

Krok 44: Pridanie titulkov

Nakreslite tenký obdĺžnik v hornej časti textu s farbou: # 3b568. Pridajte masku vrstvy a potom oba konce s čiernou farbou. Pridajte titulky nad obdĺžnik.

Konečný výsledok

Skončili sme! Nižšie je výsledok nášho výučby. Kliknutím na obrázok ho zobrazíte v plnej veľkosti. Dúfam, že sa vám tento tutoriál teší a dozviete sa niektoré nové techniky. Ak máte nejaké otázky, neváhajte sa opýtať.

Stiahnite si finálny .PSD.