Homepage » Photoshop » Az Avengers szöveghatás létrehozása az Illustrator & Photoshop alkalmazással

    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.