Stvaranje efekta teksta Osvetnici s ilustratorom i Photoshopom

U današnjem tutorialu ćemo ponovno stvoriti tekstualni efekt koji se koristi u stripu (također nadolazećem filmu) - The Avengers, kako bismo se osjećali kao da smo zapravo i heroj, barem ilustrator / Photoshop heroj :)

Tekst ćemo napraviti ručno u Adobe Illustratoru, a zatim uvesti njegov put u Adobe Photoshop i primijeniti neke efekte i teksturu. Umjesto “Osvetnici”, koristit ćemo “Hongkiat” kao tekst, ili možete koristiti bilo koji tekst koji želite.

Započnimo.

Početak rada

Da biste slijedili ovaj vodič, trebat će vam sljedeći resurs:

• Tekstura betona iz VandelayPremier
• Besplatno alternativa: Besplatno betonske teksture iz teksture kralja
• Osvetnici iz Owena Dawsona
• Moćni osvetnici iz Owena Dawsona

Utjecaj teksta Osvetnik

Korak 1: Dobivanje fonta

Počnimo s radom na njegovim likovima. Naša prva opcija je korištenje slobodnog tipa slova. Nakon pretraživanja u google pomoću ključne riječi "besplatni fontovi Avengers", pronašao sam dva fonta s Avengers temom, The Avengers i The Mighty Avengers. Oboje je napravio Owen Dawson. Nažalost, oba nemaju cjelovitu abecedu za naš projekt.

Prvi font nema K i O. Trebamo ta dva znaka u "Hongkiat". Također, ne možemo koristiti njegov znak A jer nije prikladan ako se koristi između slova, kao što je u "Hongkiat"..

Čini se da se drugi font temelji na originalnom stripu The Avengers. Ima oštre rubove umjesto oštrih rubova. Ovaj stil fonta razlikuje se od postera u filmu.

Dakle, naša najbolja opcija je ručno crtanje znakova. Nećemo koristiti te fontove, ali oni će biti korisni za našu referencu prilikom stvaranja znakova.

Korak 2: Referenca

Trebali biste početi guglati za Osvetnicima. To je ono što koristim za našu referencu. Spremite slikovnu datoteku, stvorite novu datoteku u Adobe Illustratoru, a zatim zalijepite datoteku. Kliknite Object> Lock> Selection da biste zaključali sliku i spriječili slučajno uređivanje.

Korak 3: Izrada znakova

U trenutnom "AVENGERS" tekstu možemo pronaći N i G koji se koristi u "HONGKIAT". Napravite novi sloj, a zatim pomoću olovke alata pratite znakove N i G.

4. korak

Za ostale znakove (H, O, K, I, A i T), temeljit ćemo ih na drugim dostupnim znakovima. Za Ja koristimo raspoloživi N znak i uklanjamo polovicu.

Za O modificiramo E zatvaranjem i dodavanjem rupe na njezino središte.

Za K možemo jednostavno modificirati R rezanjem njegovog gornjeg dijela.

Također koristimo R kao osnovni znak za A.

Za T koristimo znak koji smo stvorili ranije.

Korak 5

Stavite sve te likove u njegov položaj. Trenutno imamo "ONGKIAT".

Korak 6: Nacrtajte prvi znak "H"

Kao iu referentnoj slici, prvi znak je vrlo visok u usporedbi s drugim. Za H, možemo koristiti referencu iz fonta za pregled The Avengers.

Korak 7

Nacrtajte dva kruga istog podrijetla. Odaberite oba kruga, otvorite ploču Pathfinder i odaberite Oduzmi da biste stvorili oblik prstena.

Korak 8

Postavite oblik prstena na vrh znaka H i O. Napomena: Kako bi nam pomogli bolje vidjeti, uklonit ću neiskorištene staze iz vida.

9. korak

Odaberite znakove "Ho", kliknite Object> Path> Offset Path.

Korak 10

Desnom tipkom miša kliknite H i odaberite Razgrupiraj da biste odvojili pomak od glavne staze. Ponovite ovaj postupak na O.

11. korak

Postavite veliki H na vrh oblika prstena tako da kliknete Objekt> Rasporedi> Donesi na front. Odaberite veliki H i oblik prstena, a zatim odaberite Oduzmi na ploči Pathfinder.

To je rezultat.

Korak 12

Klikom desnom tipkom kliknite i odaberite Razgrupiraj.

Korak 13

Postavite veliki O na vrh oblika prstena tako da kliknete Object> Arrange> Bring to Front. Odaberite veliki O i oblik prstena ispod njega. Na ploči Pathfinder odaberite Subtract (Oduzmi).

Ispod je rezultat.

Korak 14

Izbrišite preostale dijelove prstena koji se ne koriste.

Korak 15

Ovo je potpuni pregled na našoj trenutnoj stazi.

Korak 16

Nacrtajte dva pravokutnika, zatim ih zakrenite za 45 ° i -45 °. Postavite oba oblika dok ne dobijemo oblik strelice.

Korak 17

Odaberite oba oblika i odaberite Unite iz Pathfinder panela.

Korak 18

Postavite strelicu na vrh H znaka. Pogledajte sliku ispod za njezino postavljanje. Odaberite oba oblika i odaberite Oduzmi.

Sada imamo skrivenu strelicu unutar H znaka. Ovaj je tekst sada spreman za upotrebu.

Korak 19: Počnite raditi u Photoshopu

Otvorite Photoshop. Napravite novu datoteku s veličinom: 2000 px × 900 px. Ispunite pozadinu bojom: # 070707.

Korak 20: Uvoz puta sa znakovima

Povratak na Illustrator. Odaberite sve putanje znakova i zatim pritisnite Ctrl + C da biste ih kopirali u međuspremnik.

Korak 21

U Photoshopu pritisnite Ctrl + V. Zalijepi tekst kao putanju.

Tekst iz Illustratora postavljen je kao novi put. Možete ga pronaći na ploči Putovi.

Korak 22

Odaberite stazu unutar O i A. U traci s opcijama postavite njezin način rada na Oduzimanje. Ovim načinom rada obje staze stvaraju rupe unutar glavne staze.

Korak 23: Pretvori put do oblika

Kliknite crno-bijeli krug na ploči Slojevi. Odaberite Solid Color, postavite boju na # 070c12. Sada imamo novi oblik na temelju uvezenih putova.

Dvaput kliknite sloj da biste otvorili dijaloški okvir Layer Style. Dodajte Bevel and Emboss. Odaberite Tehnika: Dlijeto je teško dobiti tvrde rubove.

Ovo je naš trenutni rezultat.

Korak 24

Dodajte betonsku teksturu i stavite je na vrh teksta. Postavite način miješanja na zaslon i smanjite njegovu neprozirnost na 47%.

Korak 25

Dodajte masku sloja. Nacrtajte linearni gradijent od bijele do crne.

Korak 26

Pritisnite Ctrl + Alt + G za pretvaranje teksture u Clipping Mask. Tekstura sada ulazi u tekst.

Korak 27

Tekstura je trenutno izblijedjela u donjem dijelu teksta. Otkrijmo neke od njih tako što ćemo tu površinu obojati bijelom četkom s Opacity 30%. U nastavku možete vidjeti masku sloja nakon slikanja tih područja.

To je rezultat. Možete vidjeti da sada postoji suptilna tekstura na donjem dijelu teksta.

Korak 28: Dodajte reljefni efekt moždanog udara na tekst

Udvostručite tekst i zalijepite ga iza izvornog sloja teksta. Dodaj stil sloja: Moždani udar.

U nastavku možete vidjeti da je rezultat samo ravna crta boje.

Korak 29

Dodamo Bevel i Emboss i namjestimo njegov stil na reljefno crtanje. Na taj način učinak se primjenjuje i na moždani udar koji smo upravo dodali.

Sada, moždani udar ima Emboss izgled.

Korak 30

Dodajte Outer Glow kako biste dodali suptilnu sjenu iza svakog znaka. Trenutno nećemo moći vidjeti njegov učinak jer je pozadina još uvijek pretamna.

Korak 31

Izradite novi sloj iznad teksta s efektom udarca. Pritisnite Ctrl i kliknite sloj teksta. Kliknite Odaberi> Izmijeni> Proširi. Postavite Proširi za 3 piksela. Primijetite da smo proširili izbor na 3 piksela tako da odgovara veličini udarca.

Popunite izbor linearnim gradijentom od bijele do crne do bijele.

Postavite način miješanja na Overlay. Smanjite neprozirnost na 30%.

32. Dodajte svjetla u pozadini

Izradite novi sloj ispod teksta. Aktivirajte Brush tool i postavite njegov Opacity na 100%. Nacrtajte bijelu crtu iza teksta.

Korak 33

Smanjite neprozirnost četkice i nacrtajte veću liniju koja pokriva prvu liniju.

Korak 34

Obojite nasumično svjetlo na rubove crte.

Korak 35

Pritisnite Ctrl i kliknite sloj teksta da biste stvorili novi odabir na temelju oblika teksta. Napravite novi sloj i stavite ga na vrh glavnog teksta.

Aktivirajte alat Četka, postavite njegov Opacity na 10%. Obojite neke bijele rublje na sredini teksta kao što je svjetlost odozgo.

U nastavku možete vidjeti rezultat prije i nakon dodavanja svjetla.

Korak 36

Ponovno napravite novi sloj. Stavite ga na vrh teksta. Desni klik i odaberite Stroke.

Odaberite bijelu boju, Širina: 1 px.

Korak 37

Pritisnite Ctrl + D da biste uklonili odabir. Primijenite Gaussian Blur kako biste omekšali crtu crte.

Korak 38

Izbrišite neke od crta hoda. Te linije postaju istaknute u obliku teksta.

39. korak

Ponovno nacrtajte novu crtu crte na novom sloju. Izbrišite neke od njih kako biste djelovali kao oštriji naglasak.

Korak 40

Napravite novi sloj i ispunite ga linearnim gradijentom, bijelom do crnom. Pritisnite Ctrl i kliknite sloj teksta.

Korak 41

Dodajte masku sloja klikom na ikonu Dodaj sloj maske na ploči Slojevi. Postavite način miješanja na Overlay i smanjite njegovu neprozirnost na 55%.

Korak 42: Dodavanje boje

Ponovno pritisnite Ctrl i kliknite sloj teksta.

Dodavanje sloja prilagodbe Hue / Saturation. Koristite postavku u nastavku i provjerite je li aktivirana opcija Colorize.

Evo rezultata na tekstu.

Korak 43: Povećajte kontrast teksta

Napravite novi sloj. Pritisnite Ctrl i kliknite na tekstualni sloj, a zatim ispunite izbor radijalnim gradijentom od crne do bijele.

Postavite način miješanja na Overlay, a zatim smanjite njegovu neprozirnost na 40%.

Korak 44: Dodavanje podnaslova

Nacrtajte tanki pravokutnik na vrhu teksta s bojom: # 3b568. Dodajte slojevitu masku, a zatim obojicu obojite crnom bojom. Dodajte titl iznad pravokutnika.

Konačni rezultat

Gotovi smo! Ispod je rezultat našeg tutoriala. Kliknite na sliku da biste je vidjeli u punoj veličini. Nadam se da ćete uživati ​​u ovom tutorialu i naučiti neke nove tehnike. Ako imate bilo kakvih pitanja, slobodno pitajte.

Preuzmite završno .PSD.