Avengers teksta efekta radīšana ar Illustrator & Photoshop
Šodienas apmācībā mēs atkārtoti izveidosim teksta efektu, ko izmanto komiksā (arī gaidāmā filma) - Avengers, lai justos kā mēs esam arī varonis, vismaz Illustrator / Photoshop varonis :)
Mēs padarīsim tekstu manuāli Adobe Illustrator, tad importēsim savu ceļu uz Adobe Photoshop un piemērosim dažus efektus un tekstūru. Tā vietā “Avengers”, mēs izmantosim “Hongkiat” kā tekstu, vai arī varat izmantot jebkuru tekstu, ko jūs vēlaties.
Sāksim.
Darba sākšana
Lai sekotu šai apmācībai, jums būs nepieciešams šāds resurss:
- Betona faktūra no VandelayPremier
- Bezmaksas alternatīva: bezmaksas betona faktūras no tekstūras karaļa
- Avers no Owen Dawson
- Mighty Avengers no Owen Dawson
Avenger Text Effect
1. solis: Fonta saņemšana
Sāksim ar darbu pie tā rakstzīmēm. Mūsu pirmā iespēja ir izmantot bezmaksas fontu veidu. Pēc meklēšanas Google, izmantojot atslēgvārdu "bezmaksas fontus Avengers", es atklāju divus fontus ar Avengers tēmu, The Avengers un The Mighty Avengers. Abus izstrādā Owen Dawson. Diemžēl abiem nav pilnīga alfabēta mūsu projektam.
Pirmajam fontam nav K un O. Mums ir vajadzīgas šīs divas rakstzīmes "Hongkiat". Tāpat mēs nevaram izmantot A rakstzīmi, jo tas nav piemērots, ja to lieto starp burtiem, piemēram, "Hongkiat".
Šķiet, ka otrais fonts balstās uz The Avengers oriģinālo komiksu. Tam ir apaļas malas, nevis asas malas. Šis fonta stils atšķiras no filmas plakāta.
Tātad, mūsu labākais risinājums ir zīmju rakstīšana manuāli. Mēs neplānosim izmantot šos fontus, bet tie būs noderīgi mūsu atsaucei, veidojot rakstzīmes.
2. solis. Atsauce
Jums vajadzētu sākt googling par The Avengers. To es izmantoju mūsu atsaucei. Saglabājiet attēla failu, izveidojiet jaunu failu programmā Adobe Illustrator, pēc tam ielīmējiet failu. Noklikšķiniet uz Object> Lock> Selection, lai bloķētu attēlu un novērstu to nejaušu rediģēšanu.
3. solis: Rakstzīmju veidošana
Pašreizējā "AVENGERS" tekstā var atrast N un G, kas tiek izmantots "HONGKIAT". Izveidojiet jaunu slāni, pēc tam izmantojiet pildspalvu, lai izsekotu rakstzīmi N un G.
4. solis
Citām rakstzīmēm (H, O, K, I, A un T) mēs to pamatosim no citām pieejamajām rakstzīmēm. Attiecībā uz I mēs izmantojam pieejamo N rakstzīmi un noņemsim pusi no tā.
O, mēs modificējam E, aizverot to un pievienojot caurumu tās centrā.
K, mēs varam vienkārši pārveidot R, griežot tās augšējo daļu.
Mēs arī izmantojam R kā A bāzes rakstzīmi.
T izmantojam rakstzīmi, ko esam izveidojuši agrāk.
5. solis
Novietojiet visas šīs rakstzīmes savā pozīcijā. Pašlaik mums ir "ONGKIAT".
6. solis: zīmēt pirmo rakstzīmi "H"
Tāpat kā atsauces attēlā, pirmais raksturs ir ļoti augsts salīdzinājumā ar citiem. H, mēs varam izmantot atsauci no priekšskatījuma fonta The Avengers.
7. solis
Zīmējiet divus lokus no vienas un tās pašas izcelsmes. Atlasiet abus lokus, atveriet Pathfinder paneli un izvēlieties Atņemt, lai izveidotu zvana formu.
8. solis
Novietojiet gredzena formu virs H un O rakstzīmes. Piezīme: Lai palīdzētu mums redzēt labāk, es no redzesloka noņemšu neizmantotos ceļus.
9. solis
Izvēlieties "Ho" rakstzīmes, noklikšķiniet uz Object> Path> Offset Path.
10. solis
Ar peles labo pogu noklikšķiniet uz H un atlasiet Ungroup, lai atdalītu nobīdes ceļu no tā galvenā ceļa. Atkārtojiet šo procesu uz O.
11. solis
Ievietojiet lielo H virs gredzena formas, noklikšķinot uz Object> Arrange> Bring to Front. Atlasiet lielo H un gredzena formu, pēc tam atlasiet Atņemšana Pathfinder panelī.
Tas ir rezultāts.
12. solis
Ar peles labo pogu noklikšķiniet uz zvana formas un atlasiet Grupēt.
13. solis
Ievietojiet lielu O uz gredzena formas, noklikšķinot uz Object> Arrange> Bring to Front. Izvēlies lielo O un gredzena formu zem tā. Pathfinder panelī izvēlieties Atņemt.
Zemāk ir rezultāts.
14. solis
Dzēst atlikušās gredzena daļas, kas nav izmantotas.
15. solis
Tas ir pilnīgs priekšskatījums mūsu pašreizējā ceļā.
16. solis
Zīmējiet divus taisnstūri, tad pagrieziet tos 45 ° un -45 °. Novietojiet abas formas, līdz iegūstam bultas formu.
17. solis
Atlasiet abas formas un atlasiet Unite no Pathfinder paneļiem.
18. solis
Novietojiet bultiņu uz H rakstzīmes. Skatiet attēlu zemāk par izvietojumu. Atlasiet abas formas un izvēlieties Atņemt.
Tagad mums ir bultiņa, kas paslēpta H rakstzīmes iekšpusē. Šis teksts tagad ir gatavs lietošanai.
19. solis: sāciet strādāt Photoshop
Atvērt Photoshop. Izveidojiet jaunu failu ar izmēru: 2000 px × 900 px. Aizpildiet fonu ar krāsu: # 070707.
20. solis. Rakstzīmju ceļa importēšana
Atgriezties uz Illustrator. Atlasiet visus rakstzīmju ceļus un pēc tam nospiediet Ctrl + C, lai to kopētu starpliktuvē.
21. solis
Programmā Photoshop nospiediet Ctrl + V. Ielīmēt tekstu kā ceļu.
Teksts no Illustrator tiek ievietots kā jauns ceļš. To var atrast panelī Paths.
22. solis
Izvēlieties ceļu iekšpusē O un A. Opciju joslā iestatiet tā režīmu Atņemt. Šis režīms padarīs abus ceļus galvenos ceļos caurumus.
23. solis: Pārvērst ceļu uz formu
Slāņu panelī noklikšķiniet uz melnbaltā apļa. Atlasiet Vienkrāsains, iestatiet tā krāsu uz # 070c12. Tagad mums ir jauna forma, pamatojoties uz importētajiem ceļiem.
Lai atvērtu dialoglodziņu Slāņu stils, veiciet dubultklikšķi uz slāņa. Pievienojiet Bevel un Emboss. Izvēlēties tehniku: Chisel Hard, lai iegūtu cietas malas.
Šis ir mūsu pašreizējais rezultāts.
24. solis
Pievienojiet betona tekstūru un ievietojiet to virs teksta. Iestatiet maisījuma režīmu uz ekrānu un samaziniet tā necaurredzamību līdz 47%.
25. solis
Pievienot slāņa masku. Zīmējiet lineāro gradientu no baltas uz melnu.
26. solis
Nospiediet Ctrl + Alt + G, lai pārvērstu tekstūru Clipping Mask. Tekstūra tagad iet tekstā.
27. solis
Teksta apakšējā daļā tekstūra pašlaik izbalē. Atklāsim dažas no tām, gleznojot šo zonu ar baltu, izmantojot suku ar 30% necaurredzamību. Zemāk jūs varat redzēt slāņa masku pēc šo apmetumu krāsošanas.
Tas ir rezultāts. Jūs varat redzēt, ka tagad ir zemāka teksta daļa uz teksta apakšējās daļas.
28. solis: pievienojiet reljefa trieciena efektu uz tekstu
Dublējiet tekstu un ielīmējiet to aiz sākotnējā teksta slāņa. Pievienot slāņa stilu: insults.
Zemāk jūs varat redzēt, ka rezultāts ir tikai plakana krāsa.
29. solis
Pievienosim Bevel un Emboss un iestatīsim stilu uz Stroke Emboss. Šādā veidā efekts tiek piemērots arī tikko izdarītajam Stroke.
Tagad insultam ir izskats.
30. solis
Pievienojiet Outer Glow, lai pievienotu izsmalcinātu ēnu aiz katra rakstzīmes. Pašlaik mēs nevarēsim redzēt tās efektu, jo fons joprojām ir pārāk tumšs.
31. solis
Izveidojiet jaunu slāni virs teksta ar insultu. Nospiediet Ctrl un noklikšķiniet uz teksta slāņa. Noklikšķiniet uz Select> Modify> Expand. Iestatīt Izvērst par 3 pikseļiem. Ievērojiet, ka mēs paplašinājām atlasi 3 pikseļiem, lai tas atbilstu insultu izmēram.
Aizpildiet izvēli ar lineāru gradientu no baltas līdz melnai uz baltu.
Iestatiet maisījuma režīmu uz pārklājumu. Samazināt necaurredzamību līdz 30%.
32. solis: pievienojiet fona apgaismojumu
Izveidojiet jaunu slāni zem teksta. Aktivizējiet suku rīku un iestatiet tā necaurredzamību līdz 100%. Zīmējiet balto līniju aiz teksta.
33. solis
Samaziniet birstes necaurredzamību un velciet lielāku līniju, kas aptver pirmo līniju.
34. solis
Krāsojiet nejaušu gaismu, kas nodota līnijas malās.
35. solis
Nospiediet Ctrl un noklikšķiniet uz teksta slāņa, lai izveidotu jaunu atlasi, pamatojoties uz teksta formu. Izveidojiet jaunu slāni un ievietojiet to galvenajā tekstā.
Aktivizējiet suku rīku, iestatiet tā necaurredzamību līdz 10%. Krāsojiet dažus baltumus teksta vidū, tāpat kā gaisma ir no aizmugures.
Zemāk jūs varat redzēt rezultātu pirms un pēc apgaismojuma pievienošanas.
36. solis
Vēlreiz izveidojiet jaunu slāni. Novietojiet to virs teksta. Ar peles labo pogu noklikšķiniet un izvēlieties Stroke.
Atlasiet balto krāsu, platums: 1 px.
37. solis
Lai noņemtu atlasi, nospiediet taustiņu Ctrl + D. Piespiediet Gaussian Blur, lai mīkstinātu insultu līniju.
38. solis
Izdzēsiet dažas gājiena līnijas. Šīs līnijas kļūst par teksta formu.
39. solis
Vēlreiz uzzīmējiet jaunu slāni uz jauna slāņa. Izdzēsiet daļu no tā, lai darbotos kā asāka izcelt.
40. solis
Izveidojiet jaunu slāni un piepildiet to ar lineāru gradientu, baltu vai melnu. Nospiediet Ctrl un noklikšķiniet uz teksta slāņa.
41. solis
Pievienot slāņa masku, noklikšķinot uz Pievienot slāņu maska ikonu Slāņu panelī. Iestatiet maisījuma režīmu, lai pārklātu un samazinātu tā necaurredzamību līdz 55%.
42. solis: Krāsas pievienošana
Vēlreiz nospiediet Ctrl un noklikšķiniet uz teksta slāņa.
Pievienot pielāgošanas slāni Hue / Saturation. Izmantojiet tālāk norādīto iestatījumu un pārliecinieties, vai ir aktivizēta opcija Colorize.
Šeit ir teksta teksts.
43. solis: palieliniet teksta kontrastu
Izveidojiet jaunu slāni. Nospiediet Ctrl un noklikšķiniet uz teksta slāņa, pēc tam aizpildiet atlasi ar radiālo gradientu no melna uz baltu.
Iestatiet maisījuma režīmu uz pārklājumu, pēc tam samaziniet tā necaurredzamību līdz 40%.
44. solis: Subtitru pievienošana
Uzrakstiet plāno taisnstūri teksta virspusē ar krāsu: # 3b568. Pievienojiet slāņa maska, pēc tam abus galus krāsojiet ar melnu. Pievienojiet apakšvirsraksts virs taisnstūra.
Galīgais rezultāts
Mēs esam darījuši! Zemāk ir mūsu apmācības rezultāts. Noklikšķiniet uz attēla, lai to redzētu pilnā izmērā. Es ceru, ka jums patīk šī apmācība un uzzināsiet dažas jaunas metodes. Ja jums ir kādi jautājumi, lūdzu, jautājiet.
Lejupielādēt galīgo .PSD.
