„Avengers“ teksto efekto sukūrimas naudojant „Illustrator“ ir „Photoshop“

Šiandienos pamokoje mes iš naujo sukursime tekstinį efektą, naudojamą komiksui (taip pat ir būsimam filmui) - „Avengers“, kad galėtume jaustis, jog mes iš tikrųjų taip pat esame herojus, bent jau Illustrator / Photoshop herojus :)

Mes padarysime tekstą rankiniu būdu „Adobe Illustrator“, tada importuosime kelią į „Adobe Photoshop“ ir pritaikysime tam tikrus efektus bei tekstūrą. Vietoj “Avengers”, mes naudosime “Hongkiat” kaip tekstą, arba galite naudoti bet kokį norimą tekstą.

Pradėkime.

Darbo pradžia

Jei norite sekti šią pamoką, jums reikės šių išteklių:

• Betono tekstūra iš VandelayPremier
• Nemokama alternatyva: nemokamos betono tekstūros iš tekstūros karaliaus
• „Owen Dawson“ avengers
• Galingi Aversai iš Oweno Dawsono

„Avenger“ teksto efektas

1 veiksmas: gauti šriftą

Pradėkime nuo darbo su jo simboliais. Mūsų pirmoji galimybė yra naudoti nemokamą šrifto tipą. Po paieškos „Google“ naudojant raktinį žodį „free fonts Avengers“, aš rasiu du šriftus su „Avengers“ tema, „Avengers“ ir „The Mighty Avengers“. Abu yra pagaminti Owen Dawson. Deja, abu projektai neturi abėcėlės.

Pirmas šriftas neturi K ir O. Mums reikia šių dviejų simbolių „Hongkiat“. Be to, negalime naudoti „A“ ženklo, nes jis netinka, jei naudojamas tarp raidžių, pvz., „Hongkiat“.

Antrasis šriftas atrodo pagrįstas „The Avengers“ originaliu komiksu. Vietoje aštrių kraštų jis turi apvalius kraštus. Šis šrifto stilius skiriasi nuo jo filmo plakato.

Taigi, geriausias mūsų pasirinkimas yra piešti simbolius rankiniu būdu. Mes nenorime naudoti šių šriftų, tačiau jie bus naudingi mūsų nuorodoms kuriant simbolius.

2 veiksmas: nuoroda

Turėtumėte pradėti googling for the Avengers. Štai ką aš naudoju mūsų nuorodai. Išsaugokite vaizdo failą, sukurkite naują failą „Adobe Illustrator“, tada įklijuokite failą. Spustelėkite Objektas> Užraktas> Pasirinkimas, kad užfiksuotumėte vaizdą ir neleistumėte jo netyčia redaguoti.

3 žingsnis

Dabartiniame tekste „AVENGERS“ galime rasti N ir G, kurie naudojami „HONGKIAT“. Padarykite naują sluoksnį, tada naudokite rašiklio įrankį, kad atsektumėte simbolį N ir G.

4 žingsnis

Kitų simbolių (H, O, K, I, A ir T) atveju mes jį sukursime iš kitų galimų simbolių. I, mes naudojame turimą N simbolį ir pašaliname pusę jo.

„O“ modifikuojame E, uždarydami ir pridėdami skylę jos centre.

K, mes galime tiesiog modifikuoti R, pjaustant jo viršutinę dalį.

R taip pat naudojame A pagrindinį simbolį.

T atveju mes naudojame anksčiau sukurtą simbolį.

5 veiksmas

Įdėkite visus šiuos simbolius į savo poziciją. Šiuo metu turime „ONGKIAT“.

6 žingsnis: piešti pirmąjį simbolį „H“

Kaip ir referenciniame vaizde, pirmasis simbolis yra labai aukštas, palyginti su kitais. H, mes galime naudoti nuorodą iš peržiūros šrifto The Avengers.

7 žingsnis

Nubrėžkite du apskritimus iš tos pačios kilmės. Pasirinkite abu apskritimus, atidarykite „Pathfinder“ skydelį ir pasirinkite „Atimti“, kad sukurtumėte žiedo formą.

8 veiksmas

Padėkite žiedo formą ant H ir O simbolių. Pastaba: Norėdami padėti mums geriau matyti, pašalinsiu nepanaudotus kelius iš regėjimo.

9 žingsnis

Pasirinkite „Ho“ simbolius, spustelėkite Object> Path> Offset Path.

10 žingsnis

Dešiniuoju pelės mygtuku spustelėkite H ir pasirinkite Nukopijuokite, kad atskirtumėte ofsetinį kelią iš pagrindinio kelio. Pakartokite šį procesą O.

11 žingsnis

Padėkite didelį H žiedo formos viršuje spustelėdami Objektas> Išdėstyti> Perkelti į priekį. Pasirinkite didelį H ir žiedo formą, tada pasirinkite „Atimti“ Pathfinder skydelyje.

Tai yra rezultatas.

12 žingsnis

Dešiniuoju pelės mygtuku spustelėkite žiedo formą ir pasirinkite Grupuoti.

13 žingsnis

Padėkite didelį O žiedo formos viršuje spustelėdami Objektas> Išdėstyti> Perkelti į priekį. Pasirinkite didelį O ir žiedo formą po juo. „Pathfinder“ skydelyje pasirinkite „Atimti“.

Žemiau pateikiamas rezultatas.

14 žingsnis

Ištrinkite likusias nepanaudotas žiedo dalis.

15 žingsnis

Tai pilnas mūsų dabartinio kelio peržiūra.

16 veiksmas

Nupieškite du stačiakampius, tada pasukite juos 45 ° ir -45 °. Įdėkite abi figūras tol, kol atsiras rodyklės forma.

17 žingsnis

Pasirinkite abi figūras ir pasirinkite Unite iš Pathfinder panelių.

18 žingsnis

Padėkite rodyklę ant H ženklo. Žiūrėkite žemiau pateiktą paveikslėlį, skirtą jo išdėstymui. Pasirinkite abi formas ir pasirinkite Atimti.

Dabar H ženklo viduje yra rodyklė. Šis tekstas yra paruoštas naudoti.

19 žingsnis: Pradėkite dirbti „Photoshop“

Atidarykite „Photoshop“. Sukurkite naują failą, kurio dydis: 2000 px × 900 px. Užpildykite foną spalva: # 070707.

20 veiksmas: ženklų kelio importavimas

Grįžti į „Illustrator“. Pasirinkite visus simbolių kelius ir paspauskite Ctrl + C, kad nukopijuotumėte į iškarpinę.

21 veiksmas

„Photoshop“ paspauskite „Ctrl + V“. Įklijuokite tekstą kaip kelią.

Tekstas iš Illustrator pateikiamas kaip naujas kelias. Ją galite rasti skydelyje „Kelias“.

22 veiksmas

Pasirinkite kelią viduje O ir A. Pasirinkimo juostoje nustatykite jo režimą „Atimti“. Šis režimas leis abiem keliams sukurti pagrindinius kelius.

23 žingsnis: Konvertuoti kelią į formą

Sluoksnių skydelyje spustelėkite juodos ir baltos spalvos ratą. Pasirinkite Solid Color, nustatykite jo spalvą į # 070c12. Dabar mes turime naują formą, pagrįstą importuotais keliais.

Dukart spustelėkite sluoksnį, kad atidarytumėte dialogo langą Sluoksnio stilius. Pridėti Bevel ir Emboss. Pasirinkite „Technique“: „Chisel“ - sunku gauti kraštus.

Tai mūsų dabartinis rezultatas.

24 veiksmas

Įdėkite betono tekstūrą ir padėkite jį ant teksto. Nustatykite jo mišinio režimą į ekraną ir sumažinkite jo neskaidrumą iki 47%.

25 žingsnis

Pridėti sluoksnio kaukę. Lygiosios linijinis gradientas nuo baltos iki juodos spalvos.

26 žingsnis

Paspauskite Ctrl + Alt + G, jei norite konvertuoti tekstūrą į iškirpimo kaukę. Dabar tekstūra patenka į tekstą.

27 žingsnis

Tekstūros apatinėje dalyje tekstūra išnyksta. Atskleiskime kai kuriuos iš jų, nudažydami tą sritį su baltu šepetėliu su „Opacity“ 30%. Žemiau galite matyti sluoksnių kaukę po tų sričių dažymo.

Tai yra rezultatas. Matote, kad dabar apatinėje teksto dalyje yra subtilios tekstūros.

28 veiksmas: pridėti reljefinį smūgio efektą tekstui

Pasikartokite tekstą ir įklijuokite jį už originalaus teksto sluoksnio. Pridėti sluoksnio stilių: smūgis.

Žemiau galite matyti, kad rezultatas yra tik plokščios spalvos smūgio linija.

29 veiksmas

Pridėkime „Bevel“ ir „Emboss“ ir nustatykite jo stilių „Stroke Emboss“. Tokiu būdu poveikis taip pat taikomas neseniai pridėtam Stroke.

Dabar insultas turi „Emboss“ išvaizdą.

30 žingsnis

Pridėkite išorinį švytėjimą, kad pridėtumėte subtilų šešėlį už kiekvieno simbolio. Šiuo metu negalėsime matyti jo poveikio, nes fonas vis dar per tamsus.

31 veiksmas

Sukurkite naują sluoksnį virš teksto su smūgio efektu. Paspauskite Ctrl ir spustelėkite teksto sluoksnį. Spustelėkite Pasirinkti> Keisti> Išskleisti. Nustatykite Išskleisti 3 pikseliais. Atkreipkite dėmesį, kad išplėtėme 3 pikselių pasirinkimą, kad jis atitiktų smūgio dydį.

Užpildykite pasirinkimą linijiniu gradientu nuo baltos iki juodos iki baltos spalvos.

Nustatykite jo mišinio režimą į perdangą. Sumažinti neskaidrumą iki 30%.

32 veiksmas: pridėkite fono šviesas

Sukurkite naują sluoksnį po tekstu. Aktyvuokite šepetėlį ir nustatykite jo nepermatomumą iki 100%. Užrašykite baltą liniją už teksto.

33 veiksmas

Sumažinkite šepečio skaidrumą ir pieškite didesnę liniją, apimančią pirmąją liniją.

34 veiksmas

Dažų atsitiktinės šviesos dažymas ant linijos kraštų.

35 žingsnis

Paspauskite Ctrl ir spustelėkite teksto sluoksnį, kad sukurtumėte naują pasirinkimą pagal teksto formą. Padarykite naują sluoksnį ir padėkite jį ant pagrindinio teksto.

Aktyvuokite šepetėlį, nustatykite jo nepermatomumą iki 10%. Dažus baltus teksto viduryje, kaip šviesa, kuri yra iš užpakalinės.

Žemiau galite matyti rezultatą prieš ir po pridėto šviesos.

36 veiksmas

Dar kartą sukurkite naują sluoksnį. Padėkite jį ant teksto. Dešiniuoju pelės mygtuku spustelėkite ir pasirinkite Stroke.

Pasirinkite baltą spalvą, plotį: 1 px.

37 veiksmas

Paspauskite Ctrl + D, kad pašalintumėte pasirinkimą. Naudokite „Gaussian Blur“, kad sušvelnintumėte insulto liniją.

38 veiksmas

Ištrinkite kai kurias eigos linijas. Šios eilutės išryškėja teksto formoje.

39 žingsnis

Dar kartą pieškite kitą eilutę. Ištrinkite kai kuriuos iš jų, kad taptumėte ryškesni.

40 žingsnis

Padarykite naują sluoksnį ir užpildykite jį linijiniu gradientu, baltu arba juodu. Paspauskite Ctrl ir spustelėkite teksto sluoksnį.

41 žingsnis

Pridėti sluoksnio kaukę spustelėdami Pridėti sluoksnio kaukės piktogramą sluoksnių skydelyje. Nustatykite mišinio režimą perdangai ir sumažinkite jo neskaidrumą iki 55%.

42 veiksmas: spalvos pridėjimas

Dar kartą paspauskite Ctrl ir spustelėkite teksto sluoksnį.

Pridėti koregavimo sluoksnį Hue / Saturation. Naudokite žemiau esantį nustatymą ir įsitikinkite, kad norite įjungti spalvinimo parinktį.

Štai tekstas.

43 žingsnis: padidinti teksto kontrastą

Padarykite naują sluoksnį. Paspauskite Ctrl ir spustelėkite teksto sluoksnį, tada užpildykite pasirinkimą radialiniu gradientu nuo juodos iki baltos spalvos.

Nustatykite mišinio režimą į perdangą, o tada sumažinkite jo nepermatomumą iki 40%.

44 veiksmas: subtitrų pridėjimas

Teksto viršuje pieškite ploną stačiakampį spalva: # 3b568. Pridėti sluoksnio kaukę, tada dažykite abu galus juodu. Pridėkite antraštę virš stačiakampio.

Galutinis rezultatas

Mes darome! Žemiau yra mūsų pamokos rezultatas. Paspauskite ant nuotraukos, kad pamatytumėte jį visu dydžiu. Tikiuosi, kad jums patiks ši pamoka ir sužinojote keletą naujų metodų. Jei turite klausimų, prašome nedvejodami.

Parsisiųsti galutinį .PSD.