Avengers tekstiefekti loomine Illustrator & Photoshopiga
Tänases juhendis loome me uuesti koomiksis kasutatava tekstiefekti (ka eelseisva filmi) - The Avengers, et end ennast tunda nagu me oleme ka kangelane, vähemalt Illustrator / Photoshop kangelane :)
Teeme teksti Adobe Illustratoris käsitsi, seejärel impordime selle tee Adobe Photoshopisse ning rakendame mõningaid efekte ja tekstuuri. Selle asemel “Avengers”, me kasutame “Hongkiat” tekstina või võite kasutada mis tahes teksti, mida soovid.
Alustame.
Alustamine
Selle juhendi jälgimiseks on vaja järgmisi ressursse:
- Betooni tekstuur VandelayPremierilt
- Vaba alternatiiv: tasuta betoonkonstruktsioonid tekstuurikunstist
- Avenevad Owen Dawsonilt
- Owen Dawsoni vägevad ohvrid
Avenger Text Effect
1. samm: fondi hankimine
Alustame selle tegelaste töötamisega. Meie esimene valik on vaba fondi tüüp. Pärast Google'is otsimist märksõnaga "tasuta fonte Avengers" leidsin kaks Avirti teemat, Avengers ja The Mighty Avengers. Mõlemad on teinud Owen Dawson. Kahjuks ei ole mõlemal projektil täielik tähestik.
Esimesel kirjas ei ole K ja O. Meil on vaja neid kahte märki "Hongkiat". Samuti ei saa me kasutada selle A-tähemärki, sest see ei sobi tähtede vahel, näiteks "Hongkiat".
Teine font näib põhinevat The Avengers'i originaalsel koomiksil. Sellel on teravate servade asemel ümmargused servad. See fondi stiil erineb filmi plakatist.
Niisiis, meie parimaks võimaluseks on joonistada tähemärki käsitsi. Me ei kavatse neid fonte kasutada, kuid need on meie viite loomiseks kasulikud.
2. etapp: viide
Te peaksite alustama googlingit „Avengers”. Seda ma kasutan meie viite jaoks. Salvestage pildifail, looge Adobe Illustratoris uus fail, seejärel kleepige fail. Pildi lukustamiseks ja kogemata muutmise vältimiseks klõpsake objekti> Lukusta> Valik.
3. samm: märkide tegemine
Praeguses tekstis "AVENGERS" leiame N ja G, mida kasutatakse "HONGKIATis". Tehke uus kiht, seejärel kasutage pliiatsi tööriista iseloomu N ja G jälgimiseks.
4. etapp
Muude tähemärkide (H, O, K, I, A ja T) puhul lähtume sellest teistest võimalikest tähemärkidest. I puhul kasutame olemasolevat N märki ja eemaldame selle pool.
O jaoks muudame E-d selle sulgemisega ja lisame selle keskele ava.
K jaoks saame lihtsalt R-i muuta, lõigates selle ülemise osa.
Kasutame ka R-i kui A-põhimärki.
T puhul kasutame me varem loodud märki.
5. etapp
Asetage kõik need märgid oma positsioonile. Praegu on meil "ONGKIAT".
6. samm: joonista esimene märk "H"
Nii nagu võrdluspildil, on esimene märk teistega võrreldes väga pikk. H jaoks saame kasutada viiteid eelvaate fondist The Avengers.
7. samm
Joonista kaks ringi samast päritolust. Valige mõlemad ringid, avage Pathfinder-paneel ja valige rõngakujunduse loomiseks lahutamine.
8. samm
Asetage rõnga kuju H ja O märgi peale. Märkus: Paremini nägemiseks eemaldan ma kasutamata teed vaatepilt.
9. samm
Valige "Ho" tähemärgid, klõpsake Object> Path> Offset Path.
10. etapp
Paremklõpsake H ja valige Offset Path oma peamisest teest eraldiseisvaks grupiks. Korrake seda protsessi O-ga.
11. samm
Asetage suur H rõnga kuju peale, klõpsates Objekt> Korralda> Too esile. Valige suur H ja rõnga kuju, seejärel valige lahutamine Pathfinder paneelil.
See on tulemus.
12. samm
Paremklõpsake rõnga kuju ja valige Unroup.
13. etapp
Asetage suur O rõnga kuju peale, klõpsates Objekt> Korralda> Too esiplaanile. Valige suur O ja selle all olev rõnga kuju. Valige Pathfinder-paneelist lahutamine.
Allpool on toodud tulemus.
14. samm
Kustutage kasutamata ringi ülejäänud osad.
15. samm
See on meie praeguse tee täielik eelvaade.
16. etapp
Joonistage kaks ristkülikut, seejärel pöörake neid 45 ° ja -45 °. Aseta mõlemad kujundid, kuni jõuame noole kuju.
17. samm
Valige mõlemad kujundid ja valige Peitekuvari paneelidest Unite.
18. samm
Asetage nool H-märgi peale. Vaadake allolevat pilti selle paigutuse kohta. Valige mõlemad kujundid ja valige Lahutamine.
Nüüd on meil H-märgi sees peidetud nool. See tekst on nüüd kasutamiseks valmis.
19. samm: alustage tööd Photoshopis
Avage Photoshop. Tehke uus suurus, mille suurus on: 2000 px × 900 px. Täida taust värviga: # 070707.
20. samm: märkide tee importimine
Tagasi Illustratorisse. Valige kõik märgiteed ja seejärel klõpsake Ctrl + C, et kopeerida see lõikepuhvrisse.
Samm 21
Photoshopis vajuta Ctrl + V. Kleebi tekst teekonnaks.
Illustratorist pärit tekst pannakse uue teena. Leiad selle paneelil Paths.
22. etapp
Valige tee O ja A sees. Suvandiribal seadke selle režiim lahutamiseks. See režiim muudab mõlemad teed oma põhirajale avadeks.
23. samm: teisendage tee kuju
Klõpsake paneelide Layers (Kihid) musta ja valge ringi. Valige Solid Color (Värviline), seadke selle värviks # 070c12. Nüüd on meil imporditud teedel uus kuju.
Kihi stiili dialoogiboksi avamiseks topeltklõpsake kihti. Lisa Bevel ja Emboss. Valige Tehnika: Keerake kõvade servade saamiseks kõverat.
See on meie praegune tulemus.
24. samm
Lisage betoonist tekstuur ja asetage see teksti peale. Seadistage segu segamisrežiimiks ekraan ja vähendage selle läbipaistmatust 47% -ni.
25. etapp
Lisa kihi mask. Joonistage lineaarne gradient valgelt mustaks.
26. etapp
Klõpsake Ctrl + Alt + G, et teisendada tekstuur lõikamismaski. Tekstuur on nüüd teksti sees.
27. samm
Teksti alumine osa on hetkel tuhmunud. Avastame mõned neist seal maalides seda ala valge, kasutades läbipaistmatuse 30% harja. Allpool näete kihtmaski pärast nende piirkondade värvimist.
See on tulemus. Näete, et teksti alumisele osale on nüüd peen tekstuur.
28. samm: lisage tekstile reljeefne löögiefekt
Teksti kopeerimine ja kleepige see originaalteksti taha. Lisa kihi stiil: käik.
Allpool on näha, et tulemus on vaid lame värvi löögijoon.
29. etapp
Lisame Bevel ja Emboss ning seadistame selle stiili käiguvahetuseks. Sel moel rakendatakse efekti ka just lisatud insultile.
Nüüd on löögil Emboss välimus.
30. etapp
Lisage Outer Glow, et lisada iga märgi taga peen vari. Praegu ei saa me selle mõju näha, sest taust on veel liiga tume.
31. etapp
Looge tekste kasutades uus kiht löögiefektiga. Vajuta Ctrl ja klõpsa tekstikihtile. Klõpsake nuppu Vali> Muuda> Laienda. Määra Laienda 3 pikslit. Pange tähele, et me laiendasime 3 pikseli valikut, et see vastaks insultide suurusele.
Täitke valik lineaarse gradiendiga valgelt mustast valge.
Seadistage segu segamisrežiimiks ülekate. Vähendage läbipaistmatust kuni 30%.
Samm 32: lisage taustvalgustid
Looge teksti alla uus kiht. Aktiveeri harja tööriist ja seadke selle läbipaistmatus 100% -le. Joonistage teksti taha valge joon.
Samm 33
Vähendage harja läbipaistmatust ja joonistage suurem joon, mis katab esimese rea.
34. etapp
Värvige juhuslikku valgust, mis on valatud rea servadele.
Samm 35
Teksti kuju alusel uue valiku loomiseks vajutage klahvi Ctrl ja klikkige tekstikihile. Tee uus kiht ja asetage see põhiteksti peale.
Aktiveeri harja tööriist, seadke selle läbipaistmatus 10% -le. Värvige mõned valged teksti keskele, nagu valgus on tagant.
Allpool näete tulemust enne ja pärast valguskiire lisamist.
Samm 36
Tee uus kiht uuesti. Asetage see teksti peale. Paremklõpsake ja valige Stroke.
Valige valge värv, laius: 1 px.
Samm 37
Valiku eemaldamiseks vajuta Ctrl + D. Rakendage Gaussian Blur'i, et pehmendada löögijooni.
Samm 38
Kustutage mõned löögijooned. Need read muutuvad tekstikujuliseks.
Samm 39
Joonistage uus kiht veel kord. Tühjendage mõned sellest, et toimida teravamalt.
Etapp 40
Tee uus kiht ja täitke see lineaarse gradiendiga, valge kuni must. Vajuta Ctrl ja klõpsa tekstikihtile.
Samm 41
Lisa kihtmask, klõpsates kihtide paneelil ikooni Lisa kihi mask. Seadke segamisrežiim ülekatte jaoks ja vähendage selle läbipaistmatust kuni 55%.
Samm 42: Värvi lisamine
Jällegi vajutage klahvi Ctrl ja klõpsa tekstikihile.
Lisa reguleerimiskiht toon / küllastumine. Kasutage allolevat sätet ja veenduge, et aktiveerite Colorize (Värvimine) suvandi.
Siin on teksti tekst.
Samm 43: teksti kontrasti suurendamine
Tee uus kiht. Vajutage klahvi Ctrl ja klõpsa tekstikihile, seejärel täitke valik radiaalse gradiendiga mustast valgeks.
Määra segu režiimiks ülekatte ja vähendage selle läbipaistmatust 40% -ni.
Samm 44: Subtiitrite lisamine
Joonista õhuke ristkülik teksti peale värvi: # 3b568. Lisage kihtmask, seejärel värvige mõlemad otsad mustaga. Lisage ristküliku kohal tekst.
Lõplik tulemus
Me oleme valmis! Allpool on meie juhendaja tulemus. Klõpsake pildil, et näha seda täissuuruses. Loodan, et naudite seda juhendit ja õppisite uusi meetodeid. Kui teil on küsimusi, küsi vabalt.
Lae lõplik .PSD.
