Ustvarjanje učinka besedila Avengers z Illustratorjem in Photoshopom
V današnji vadnici bomo ponovno ustvarili tekstovni učinek, uporabljen v stripu (tudi prihajajoči film) - The Avengers, da bi se počutili, kot da smo pravzaprav tudi junak, vsaj ilustrator / Photoshop junak :)
Besedilo bomo izdelali ročno v Adobe Illustratorju, nato pa bomo uvozili njegovo pot do Adobe Photoshopa in uporabili nekatere učinke in teksturo. Namesto “Avengers”, uporabili bomo “Hongkiat” kot besedilo ali pa uporabite katero koli besedilo.
Začnimo.
Kako začeti
Če želite slediti tej vadnici, potrebujete naslednji vir:
- Tekstura betona iz VandelayPremier
- Brezplačna alternativa: Brezplačne teksture iz teksture King
- Avengers iz Owena Dawsona
- Mogočni maščevalci iz Owena Dawsona
Učinek besedila Avenger
1. korak: Pridobivanje pisave
Začnimo z delom na njegovih znakih. Naša prva možnost je uporaba proste vrste pisave. Po iskanju v google z uporabo ključnih besed "prosti pisave Avengers", sem našel dve pisavi z Avengers temo, The Avengers in Mighty Avengers. Oba sta napisala Owen Dawson. Na žalost oba nimata popolne abecede za naš projekt.
Prva pisava nima K in O. Ta dva znaka potrebujemo v "Hongkiat". Prav tako ne moremo uporabiti njegovega znaka A, ker ni primeren, če se uporablja med črkami, na primer v "Hongkiat"..
Zdi se, da druga pisava temelji na originalnem stripu Avengers. Namesto ostrih robov ima okrogle robove. Slog pisave je drugačen od njegovega filmskega plakata.
Naša najboljša možnost je, da znake narišete ročno. Te pisave ne bomo uporabljali, vendar bodo uporabne za našo referenco pri ustvarjanju znakov.
2. korak: sklic
Začeti morate z iskanjem Googlinga za The Avengers. To je tisto, kar uporabljam za našo referenco. Shranite slikovno datoteko, ustvarite novo datoteko v programu Adobe Illustrator in jo prilepite. Kliknite Object> Lock> Selection, da zaklenete sliko in preprečite, da bi jo urejali po naključju.
3. korak: Izdelava znakov
V trenutnem besedilu "AVENGERS" lahko najdemo N in G, ki se uporabljata v "HONGKIAT". Naredite novo plast, nato pa uporabite orodje pero za sledenje znakov N in G.
4. korak
Za druge znake (H, O, K, I, A in T) bomo temeljili na drugih razpoložljivih znakih. Za I uporabljamo razpoložljivi znak N in ga odstranimo.
Za O spremenimo E tako, da jo zapremo in dodamo luknjo na njenem središču.
Za K lahko preprosto spreminjamo R z rezanjem njegovega zgornjega dela.
Za osnovni znak uporabimo tudi R.
Za T uporabljamo znak, ki smo ga ustvarili prej.
Korak 5
Postavite vse te znake v njegov položaj. Trenutno imamo "ONGKIAT".
6. korak: Risanje prvega znaka "H"
Tako kot v referenčni sliki je prvi znak zelo visok v primerjavi z drugimi. Za H lahko uporabimo referenco iz predogleda The Avengers.
7. korak
Narišite dva kroga istega izvora. Izberite oba kroga, odprite ploščo Pathfinder in izberite Subtract, da ustvarite obliko zvonjenja.
Korak 8
Postavite obliko obroča na vrh znaka H in O. Opomba: Da bi nam pomagali bolje videti, bom z vidika odstranil neuporabljene poti.
9. korak
Izberite znake "Ho", kliknite Object> Path> Offset Path.
Korak 10
Z desno tipko kliknite H in izberite Razdruži, da ločite odmik od glavne poti. Postopek ponovite na O.
11. korak
Postavite velik H na vrh oblike obroča, tako da kliknete Object> Arrange> Bring to Front. Izberite veliko H in obliko obroča, nato pa izberite Odštej na plošči Pathfinder.
To je rezultat.
Korak 12
Z desno tipko miške kliknite obliko zvonjenja in izberite Razdruži.
Korak 13
Velik O postavite na vrh oblike prstana, tako da kliknete Objekt> Razporedi> Postavi v ospredje. Izberite velik O in obliko obroča pod njo. Na plošči Pathfinder izberite Subtract.
Spodaj je rezultat.
Korak 14
Izbrišite neuporabljene preostale dele zvonjenja.
Korak 15
To je celoten predogled naše trenutne poti.
Korak 16
Narišite dva pravokotnika, nato ju zavrtite za 45 ° in -45 °. Postavite obe obliki, dokler ne dobimo oblike puščice.
Korak 17
Izberite obe obliki in izberite Unite iz plošč Pathfinder.
Korak 18
Postavite puščico na vrh H znaka. Glejte sliko spodaj za njeno umestitev. Izberite obe obliki in izberite Odštej.
Zdaj imamo puščico, skrito znotraj H znaka. To besedilo je zdaj pripravljeno za uporabo.
19. korak: Začnite z delom v Photoshopu
Odprite Photoshop. Naredite novo datoteko z velikostjo: 2000 px × 900 px. Izpolnite ozadje z barvo: # 070707.
20. korak: Uvažanje poti znakov
Vrnite se na Illustrator. Izberite vse poti znakov in nato pritisnite Ctrl + C, da jih kopirate v odložišče.
21. korak
V Photoshopu pritisnite Ctrl + V. Prilepi besedilo kot pot.
Besedilo iz Illustratorja je postavljeno kot nova pot. Najdete ga na plošči Poti.
Korak 22
Izberite pot znotraj O in A. V vrstici z možnostmi nastavite njen način na Odštej. Ta način bo na obeh poteh ustvaril luknje znotraj glavne poti.
Korak 23: Pretvorite pot do oblike
Kliknite črno-beli krog v plošči Plasti. Izberite Solid Color, nastavite barvo na # 070c12. Zdaj imamo novo obliko na podlagi uvoženih poti.
Dvokliknite plast, da odprete pogovorno okno Layer Style. Dodajte Bevel and Emboss. Izberite Tehnika: Dleto Trdo, da bi dobili težke robove.
To je naš trenutni rezultat.
24. korak
Dodajte betonsko teksturo in jo postavite na vrh besedila. Nastavite njegov način mešanja na zaslon in zmanjšajte njegovo neprosojnost na 47%.
Korak 25
Dodajte plastno masko. Narišite linearni gradient od bele do črne.
Korak 26
Pritisnite Ctrl + Alt + G za pretvorbo teksture v Clipping Mask. Besedilo je zdaj znotraj besedila.
27. korak
Tekstura je trenutno zbledela v spodnjem delu besedila. Nekateri od njih bomo razkrili s tem, da jih pobarvamo z belo krtačo z oprostnostjo 30%. Spodaj si lahko ogledate masko plasti po slikanju teh področij.
To je rezultat. Vidite lahko, da je na spodnjem delu besedila zdaj subtilna tekstura.
28. korak: Dodajte reliefni učinek udarca na besedilo
Podvoji besedilo in ga prilepi za prvotno plast besedila. Dodaj sloj sloja: Stroke.
Spodaj lahko vidite, da je rezultat le ravno barvna črta.
29. korak
Dodamo Bevel in Emboss ter nastavimo njegov slog na Stroke Emboss. Na ta način se učinek uporabi tudi za kap, ki smo jo pravkar dodali.
Zdaj je možganska kap iztisnjena.
Korak 30
Dodaj Outer Glow za dodajanje subtilne sence za vsak znak. Trenutno ne bomo mogli videti njegovega učinka, ker je ozadje še vedno pretemno.
Korak 31
Ustvarite nov sloj nad besedilom z učinkom udarca. Pritisnite Ctrl in kliknite plast besedila. Kliknite Izberi> Spremeni> Razširi. Nastavite Razširi za 3 piksle. Opazili smo, da smo razširili izbor na 3 piksle, tako da se ujema z velikostjo poteze.
Izpolnite izbor z linearnim gradientom od bele do črne do bele.
Nastavite njegov način mešanja na Overlay. Zmanjšajte nepreglednost na 30%.
32. korak: Dodajanje luči na ozadje
Ustvarite novo plast pod besedilom. Aktivirajte Brush tool in nastavite Opacity na 100%. Narišite belo črto za besedilom.
Korak 33
Zmanjšajte neprosojnost krtače in narišite večjo črto, ki pokriva prvo vrstico.
Korak 34
Na robovih črte narišite naključno svetlobo.
Korak 35
Pritisnite Ctrl in kliknite besedilno plast, da ustvarite nov izbor na podlagi oblike besedila. Naredite novo plast in jo postavite na vrh glavnega besedila.
Aktivirajte orodje Brush, nastavite Opacity na 10%. Nekaj belcev na sredini besedila pobarvajte tako, kot da je luč od zadaj.
Spodaj lahko vidite rezultat pred in po dodajanju oddaje svetlobe.
36. korak
Ponovno ustvarite nov sloj. Postavite ga na vrh besedila. Z desno tipko miške kliknite in izberite Stroke.
Izberite belo barvo, Širina: 1 px.
37. korak
Če želite odstraniti izbiro, pritisnite Ctrl + D. Uporabi Gaussian Blur, da zmehča črto kapi.
38. korak
Izbrišite nekaj črt. Te črte postanejo poudarjene na obliki besedila.
39. korak
Na novi plasti znova narišite novo črto. Izbrišite nekaj od tega, da deluje kot ostrejši poudarek.
Korak 40
Naredite novo plast in jo napolnite z linearnim gradientom, belo do črno. Pritisnite Ctrl in kliknite plast besedila.
Korak 41
Dodajte plastno masko s klikom na ikono Dodaj sloj maske na plošči Plasti. Nastavite način mešanja na Overlay in zmanjšajte njegovo neprosojnost na 55%.
42. korak: Dodajanje barve
Spet pritisnite Ctrl in kliknite plast besedila.
Dodaj plast prilagoditve Hue / Saturation. Uporabite spodnjo nastavitev in se prepričajte, da ste aktivirali možnost Colorize.
Tukaj je rezultat besedila.
43. korak: Povečajte kontrast besedila
Naredite novo plast. Pritisnite Ctrl in kliknite na plast besedila, nato izpolnite izbor z radialnim gradientom od črne do bele.
Nastavite način mešanja na Overlay, nato pa zmanjšajte njegovo neprosojnost na 40%.
44. korak: Dodajanje podnapisov
Narišite tanek pravokotnik na vrhu besedila z barvo: # 3b568. Dodajte Layer Mask, nato pa obojite oba konca s črno. Dodajte podnaslov nad pravokotnikom.
Končni rezultat
Končali smo! Spodaj je rezultat naše vadnice. Kliknite na sliko, da jo vidite v polni velikosti. Upam, da boste uživali v tej vadnici in se naučili nekaj novih tehnik. Če imate kakršnakoli vprašanja, vas prosimo, da vprašate.
Prenesite končno .PSD.
