Az Avengers szöveghatás létrehozása az Illustrator & Photoshop alkalmazással
A mai bemutatóban újból létrehozzuk a képregényben használt szöveges hatást (a közelgő filmet is).
A szöveget manuálisan az Adobe Illustrator programban készítjük, majd importáljuk az Adobe Photoshop elérési útját, és néhány effektust és textúrát alkalmazunk. Ahelyett “Avengers”, használni fogjuk “Hongkiat” szövegként, vagy bármilyen tetszőleges szöveget használhat.
Kezdjük el.
Elkezdeni
A bemutató követéséhez a következő erőforrásra lesz szüksége:
- Beton textúra a VandelayPremier-től
- Szabad alternatíva: Szabad beton textúrák a Texture King-ből
- Az Aveners az Owen Dawson-tól
- Owen Dawson hatalmas lelkesítői
Avenger Text Effect
1. lépés: A betűtípus megszerzése
Kezdjük a karaktereivel. Első lehetőségünk egy ingyenes betűtípus használata. A google-ban a "free fonts Avengers" kulcsszóval végzett keresés után két betűt találtam az Avengers témával, a The Avengers és a The Mighty Avengers. Mindkettőt Owen Dawson készítette. Sajnos mindkettőnek nincs teljes ábécéje a projektünkhöz.
Az első betűtípus nincs K és O. Ezeket a két karaktert a "Hongkiat" -ben kell megadnunk. Továbbá nem használhatjuk az A karaktert, mert nem alkalmas, ha betűk között használják, például a "Hongkiat" -nál.
A második betűtípus úgy tűnik, hogy a The Avengers eredeti képregénye. Az éles szélek helyett kerek élekkel rendelkezik. Ez a betűstílus különbözik a film poszterétől.
Tehát a legjobb lehetőségünk, hogy kézzel írjuk le a karaktereket. Nem fogjuk használni ezeket a betűtípusokat, de hasznosak lesznek referenciáink számára a karakterek létrehozásakor.
2. lépés: Referencia
El kell kezdeni a googling-t a The Avengers-nek. Ezt használom referenciánkhoz. Mentse el a képfájlt, hozzon létre új fájlt az Adobe Illustrator programban, majd illessze be a fájlt. A kép zárolásához kattintson az Objektum> Zár> Kijelölés elemre, és megakadályozza azt, hogy véletlenül szerkessze azt.
3. lépés: Karakterek készítése
A jelenlegi "AVENGERS" szövegben megtaláljuk a "HONGKIAT" -ban használt N és G értékeket. Készítsen új réteget, majd használja a toll eszközt az N és G karakterek nyomon követéséhez.
4. lépés
Más karaktereknél (H, O, K, I, A és T) más rendelkezésre álló karakterekből fogjuk alapozni. I esetében az elérhető N karaktert használjuk, és felét eltávolítjuk.
O esetén az E-t úgy módosítjuk, hogy bezárjuk, és hozzáadunk lyukat a középpontjához.
K esetében egyszerűen módosíthatjuk az R-t a felső részének vágásával.
R-t is használunk alap karakterként az A számára.
T esetében a korábban létrehozott karaktert használjuk.
5. lépés
Mindezeket a karaktereket helyezze a helyzetébe. Jelenleg "ONGKIAT" van.
6. lépés: Első karakter "H" rajzolása
A referenciaképhez hasonlóan az első karakter nagyon magas a többihez képest. A H esetében az előzetes betűkészlet The Avengers hivatkozását használhatjuk.
7. lépés
Rajzoljunk két kört azonos eredetből. Jelölje ki mindkét kört, nyissa meg a Pathfinder panelt, és válassza ki a Kivonás lehetőséget a gyűrű alakításához.
8. lépés
Helyezze a gyűrű alakját a H és O karakter tetejére. Megjegyzés: Ahhoz, hogy jobban láthassunk, eltávolítom a nem használt utakat a látványtól.
9. lépés
Válassza ki a "Ho" karaktereket, kattintson az Object> Path> Offset Path elemre.
10. lépés
Kattintson a jobb egérgombbal a H elemre, és válassza ki az Eltávolítás lehetőségét az Offset Path elválasztásához. Ismételje meg ezt a folyamatot O-ra.
11. lépés
Helyezze a nagy H-t a gyűrű alakja tetejére az Objektum> Rendezés> Bring to Front-ra. Válassza ki a nagy H és a gyűrű alakját, majd válassza a Kivonás a Pathfinder panelen.
Ez az eredmény.
12. lépés
Kattintson jobb gombbal a gyűrű alakjára, és válassza az Eltávolítás lehetőséget.
13. lépés
Helyezze a nagy O-t a gyűrű alakja tetejére az Objektum> Rendezés> Bring to Front-ra. Válassza ki a nagy O-t és a gyűrű alakját. A Pathfinder panelen válassza a Kivonás lehetőséget.
Az alábbiakban az eredmény látható.
14. lépés
Törölje a fel nem használt gyűrű többi részét.
15. lépés
Ez a teljes előnézet az aktuális útvonalunkon.
16. lépés
Rajzoljon két téglalapot, majd forgassa el őket 45 ° -ra és -45 ° -ra. Mindkét alakzatot addig helyezzük el, amíg nem lesz nyíl alakú.
17. lépés
Válasszon mindkét alakzatot, és válassza az Unite lehetőséget a Pathfinder panelekből.
18. lépés
Helyezzen nyilat a H karakter tetejére. Az elhelyezéshez lásd az alábbi képet. Válasszon mindkét alakzatot, és válassza a Kivonás lehetőséget.
Most van egy nyíl a H karakterben. Ez a szöveg most használatra kész.
19. lépés: Indítsa el a munkát a Photoshop alkalmazásban
Nyissa meg a Photoshop programot. Készítsen egy új fájlt, amelynek mérete: 2000 px × 900 px. Töltse ki a háttér színét: # 070707.
20. lépés: Karakterút importálása
Visszatérés az Illustrator programhoz. Válassza ki az összes karaktert, majd nyomja meg a Ctrl + C billentyűt a vágólapra való másoláshoz.
21. lépés
A Photoshop programban nyomja meg a Ctrl + V billentyűt.
Az Illustrator szövegét új útvonalként helyezzük el. Megtalálható az Útvonalak panelen.
22. lépés
Válassza ki az O és A. útvonalat. Az opciós sávban állítsa a módot a Kivonás lehetőségre. Ez az üzemmód mindkét utat létrehozza a főútvonalon belül.
23. lépés: Átalakítsa az utat az alakzatra
Kattintson a Fekete-fehér körre a Rétegek panelen. Válassza a Színt, majd állítsa színét a # 070c12 értékre. Most az importált utak alapján új alakzat van.
A Layer Style párbeszédpanel megnyitásához kattintson duplán a rétegre. Add Bevel és Emboss. Válassza ki a Technique-t: Chisel Hard, hogy nehezen éles széleket kapjon.
Ez a jelenlegi eredményünk.
24. lépés
Adjon hozzá konkrét textúrát, és helyezze a szöveg tetejére. Állítsa be a keverési módot a képernyőre, és csökkentse az opacitását 47% -ra.
25. lépés
Fóliamaszk hozzáadása. Rajzolja a lineáris gradienst fehértől feketeig.
26. lépés
A Ctrl + Alt + G gomb megnyomásával a textúra vágási maszkká alakítható. A textúra most a szövegbe kerül.
27. lépés
A textúrát jelenleg a szöveg alsó részén elhalványítják. Találkozzunk meg néhányat ott, ha a területet fehér, Opacity 30% -os ecsettel festjük. Az alábbiakban a rétegek maszkját láthatjuk a festés után.
Ez az eredmény. Láthatjuk, hogy most már a szöveg alsó részén finom textúra van.
28. lépés: Dombornyomott körvonalhatás hozzáadása a szöveghez
Szöveg másolása és az eredeti szöveges réteg mögé illesztése. Rétegstílus hozzáadása: Stroke.
Az alábbiakban láthatjuk, hogy az eredmény csak egy lapos színű körvonal.
29. lépés
Adjunk hozzá Bevelet és Emboss-ot, és állítsuk be a stílusát Stroke Emboss-ra. Ily módon a hatást az éppen hozzáadott Stroke-ra is alkalmazzuk.
Most, a strokenak van Emboss megjelenése.
30. lépés
Add hozzá a külső ragyogást, hogy minden egyes karakter mögött finom árnyékot adjon. Jelenleg nem fogjuk látni annak hatását, mert a háttér még mindig túl sötét.
31. lépés
Hozzon létre új réteget a szöveg felett stroke hatással. Nyomja meg a Ctrl gombot és kattintson a szöveges rétegre. Kattintson a Select> Modify> Expand elemre. Állítsa az expanziót 3 képponttal. Figyeljük meg, hogy a 3 képpontos kijelölést bővítettük, így ez megfelel a löket méretének.
Töltse ki a választékot egy lineáris gradienssel fehértől feketeig fehérig.
Állítsa a keverési módot átfedésre. Az opacitás csökkentése 30% -ra.
32. lépés: Fények hozzáadása a háttérben
Új réteg létrehozása a szöveg alatt. Aktiválja az ecset eszközt és állítsa az opacitását 100% -ra. Rajzoljon fehér vonalat a szöveg mögött.
33. lépés
Csökkentse az ecset Opacity-jét, és húzza meg az első sort lefedő nagyobb vonalat.
34. lépés
Véletlenszerű fények festése a vonal szélén.
35. lépés
Nyomja meg a Ctrl billentyűt, és kattintson a szöveges rétegre, hogy új szövegeket hozzon létre a szöveg alakja alapján. Készítsen új réteget, és helyezze be a fő szöveget.
Aktiválja az ecset eszközt, állítsa az opacitását 10% -ra. A szöveg közepén festjük meg a fehéreket, mintha a fény öntött volna hátulról.
Az alábbiakban láthatjuk az eredményt a fény leadása előtt és után.
36. lépés
Új réteg létrehozása újra. Helyezze el a szöveget. Kattintson a jobb gombbal, és válassza a Stroke lehetőséget.
Válassza a fehér színt, a szélességet: 1 px.
37. lépés
A Ctrl + D gomb megnyomásával távolíthatja el a kiválasztást. Alkalmazza a Gaussian Blur-t a löketvonal lágyításához.
38. lépés
Töröljön néhány löketvonalat. Ezek a vonalak kiemelkednek a szöveg alakjában.
39. lépés
Rajzoljon egy újabb körvonalat új rétegre. Töröljön néhányat, hogy élesebbé váljon.
40. lépés
Készítsen új réteget, és töltse ki lineáris gradienssel, fehértől feketeig. Nyomja meg a Ctrl gombot és kattintson a szöveges rétegre.
41. lépés
Rétegmaszk hozzáadása a Rétegek panelen található Rétegmaszk hozzáadása gombra kattintva. Állítsa a keverési módot átfedésre, és csökkentse annak átlátszóságát 55% -ra.
42. lépés: Szín hozzáadása
Ismét nyomja meg a Ctrl billentyűt, és kattintson a szöveges rétegre.
Beállítási réteg hozzáadása árnyalat / telítettség. Használja az alábbi beállítást, és győződjön meg róla, hogy aktiválja a Colorize opciót.
Íme a szöveg eredménye.
43. lépés: Szöveg kontraszt növelése
Készítsen új réteget. Nyomja meg a Ctrl billentyűt, majd kattintson a szövegrétegre, majd töltse ki a választást radiális gradienssel fekete-fehérre.
Állítsa a keverési módot átfedésre, majd csökkentse az opacitását 40% -ra.
44. lépés: Felirat hozzáadása
Rajzoljon egy vékony téglalapot a szöveg tetejére: # 3b568. Rétegmaszk hozzáadása, majd mindkét végét feketével festjük. Felirat hozzáadása a téglalap felett.
Végeredmény
Végeztünk! Az alábbiakban bemutatónk eredménye. Kattintson a képre, hogy teljes méretben láthassa. Remélem, élvezni fogja ezt a bemutatót és megtanult néhány új technikát. Ha bármilyen kérdése merülne fel, nyugodtan kérdezze meg.
Letöltés végleges .PSD.
