1. Design & Illustration
  2. Text Effects

Hogyan Alkossál egy Kukac Szöveg Effektust az Adobe Illustrator-ben

Scroll to top
Read Time: 9 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

A következők lépésekben megtanulod, hogyan alkoss egy egyszerű kukac szöveg effektust az Adobe Illustrator-ben.

A kezdők megtanulják, hogyan állítsanak be egy egyszerű rácsot és hogyan alkossanak  formákat az alap eszközöket és effektusokat használva, a Life Corner jellemzőivel együtt. Teljes mértékben kihasználva a Megjelenés panelt és egy egyszerű kalligrafikus ecsetet használva, megtanulod hogyan kell kiszínezni a fő kukacot.  A következőkben megtanulod, hogyan mentsél le és használj néhány művészeti ecsetet, és hogyan adhatunk  finom árnyékolást a kukacoknak. Végül megtanulhatod, hogyan kell  finom textúrát adni egy szép háttérnek és egy egyszerű szöveget.

További ispirációért,arról hogy hogyan módosítsd vagy javítsd a végleges szöveg hatást, rengeteg forrást találhatsz az Envato Market-en.

1. Hozz létre egy Új Dokumentumot & Állíts be egy Rácsot

Üsd meg a Control-N-et, hogy létrehozzál egy új dokumentumot. Az Egységek legördülő menüből válasszd ki a Képpont-ot és írd be 850 a szélességi mezőbe  és 600  a magasság mezőbe, és azután kattints a Speciális gombra. Válasszd ki az RGB -t, Képernyő (72ppi), és győződj meg, hogy az Új Objektumok Képpontrácsra Igazítás  mező nincs bejelőlve, mielőtt megnyomod az OK gombot .

Engedélyezd a Rács (Nézet>Rács Megjelenítése) és a Rácshoz Illesztés (Nézet>Rácshoz Illesztés). Szükséged lesz egy rácsra minden 0,5 px, így egyszerűen lépj be a  Szerkesztés> Beállítások >Segédvonalak>Rács, és add meg a Rácsvonal Minden 0,5 mezejében és 1 az Albontások mezőbe. Próbáld meg nem elveszíteni a kedvedet a sok rács miatt, mível megkönnyíti a munkádat, és ne feledd, hogy könnyen engedélyezheted vagy letilhatód a  "Control-"billentyűzet által.

Többet tudhatsz meg az Illustrator rács-rendszeréről, és milyen módon könyitheti meg a munkádat ezzel a rövíd oktatóanyaggal Andrei Stefan -tól: Illustrator Rács Rendszerének a Megértése.

Megnyithatód az Információ panelt is ( Ablak > Információk) egy élő előzetes megtekintésért a formáid méretéről és helyéről. Ne felejtsd el a mértékegység beállítását a képpontokra Szerkesztés >Beállítások>Egységek> Általános. Ezekkel a beállításokkal a munkád sebessége jelentősen emelkedni fog.

setup gridsetup gridsetup grid

2. A Fő Alakzatok Létrehozása

1 Lépés

Válasszd ki az Ellipszis Eszközt (L), és összpontosíts az eszköztárra. Távolítsd el a színt az ecsetvonástól, majd jelöld be a kitöltést és állítsd be a színt R = 236 G = 28 B = 36. Költöz a rajztáblára  és hozzál létre egy 7 x 6 px alakzatót  – a Rács és  a Rácsra Ugrás funkció ezt könnyebbé teheti.

Koncentrálj a piros körre  és válts a Szerkesztőpont Eszköz-re (Shift-C). Egyszerűen kattintson a felső és alsó szerkesztőpontra. Végül az alakzatnak úgy kell kinéznie, mint a második képnek.

red circlered circlered circle

2 Lépés

Cseréld ki a meglévőt kitöltő színt egy egyszerű sárgával és válaszd ki a Téglalap Eszközt. Készíts egy 2,5 X7 px-el formát és helyezd el pontosan úgy ahogy az első képen láthatód.   

Ugyanazt az eszközt használva, add hozzá a hat sorú téglalapot, úgy ahogy a második képen láthatód. Vessél egy közelebbi pillantást a rácsra, és győződj meg arról, hogy az új téglalapokat pontosan úgy helyezed el, ahogy a képen látható.

rectanglesrectanglesrectangles

3 Lépés

Összpontosíts a téglalapokra, vedd a Közvetlen Kijelölés Eszközt (A), és jelöld be azokat a rögzítési pontokat, amelyek a bal oldalát alkotják (az első képen kiemelve). Lépj a vezérlő panelbe, és egyszerűen írj be  0,5 px a Sarkok mezőbe.

A Live Corners ( elő sarok) funkció csak a CC felhasználói számára érhető el. Ennek a hatásnak a legjobb helyetesítője a minden sarok kerekítese/Round Any Corner  parancsfájlt, amely megtalálható ebben a cikkben: 20 Ingyenes és Hasznos Adobe Illustrator Parancsfájlok. Mentsd le a merevlemezdre,és térj vissza az Illustrator-hoz, és ragadd meg a Közvetlen Kijelölés Eszköz (A). Válaszd ki ugyanazokat a görbepontokat, és menj  a Fájl> Parancsfájlok>Egyéb Parancsfájl - hoz. Nyisd meg a Kerek Minden Sarokban Parancsfájlt/Round Any Corner Script-et és írj be 0.5 px sugarat, majd kattints az OK gombra.

live cornerslive cornerslive corners

4 Lépés

Ugyanazt a Közvetlen Kijelölés Eszközt (A) használva, jelöld ki a horgony pontokat, amelyek a jobb oldalt egészitik ki (kiemelve az első képben). Lépj be a kezelőpanelbe, és ezúttal írj bele 1 px-t a  Sarok mezőbe.

live cornerslive cornerslive corners

5 Lépés

Válaszd ki a hét lekerekített téglalapot, és menj a Effektus > Hajlítás > Kidomborítás-hoz. Jelöld be a Vízszintes mezőt, húzd el a Hajlítás csúszkát 50%  -ra, és kattints az OK gombra.

warp bulgewarp bulgewarp bulge

6 Lépés

Válaszd ki a három lekerekített téglalapot, amelyek ki vannak emelve a következő képen, és menj a Effektus >Hajlítás > Ívelés Lejjebb-hez. Jelöld be a Függőleges mezőt, húzd el a Hajlítás csúszkát 10% -ra, és kattints az OK gombra.

warp arc lowerwarp arc lowerwarp arc lower

7 Lépés

Válaszd ki a három lekerekített téglalapot, amelyek ki vannak emelve a következő képen, és menni  a Hatás>Hajlítas> Ívelés Lejjebb/Effect > Warp > Arc Lower. Jelöld be a Függőleges mezőt, a Hajlítás/Bend csúszkát húzd le 15 %-ra, és kattints az OK gombra.

warp arc lowerwarp arc lowerwarp arc lower

8 Lépés

Válasszd ki újra a hét lekerekített téglalapot, és menj az Objektum > Megjelenités Kibővítés-hez .

expand appearanceexpand appearanceexpand appearance

9 Lépés

Jelöld ki az eddigi elkészitett formákat és menj az Objektum>Alakítás > Visszaverés parancshoz. Jelöld be a Függőleges mezőt, majd kattints  a Másolás gombra. Húzd el az eredményezet formát balra, amint a harmadik képen láthatód. Mégegyszer, a rács és a Rács Igazítás funkció könnyebbé teszi a munkádat.

reflectreflectreflect

3 . Adj Színt és Megvilágítást

1 Lépés

Jelöld újra az összes formát, amit eddig csináltunk és cseréld ki  a meglévő kitöltő színeket R = 230 G = 130 B = 88 -vel.

fill colorfill colorfill color

2 Lépés

Győződjd meg, hogy a formák kijelölve maradtak, és menj a Megjelenítés panelhez (Ablak > Megjelenítés), és adj hozzá egy egy másik kitöltést az Új Kitöltés  gomb segítségével.

Válasz ki egy az új kitöltést, állítsd be a szín fehérre (R = 255 G = 255 B = 255),csökkensd a Fedettséget 20 %-ra, változtasd meg a Keverési Mód-ot Átfedésre, és aztán menj az Effektus> Torzítás&Átalakítás > Átalakítás. Húzd el a  Függőleges -  Méretezés csúszkát  80 %-ra, és kattints az OK gombra.

add new filladd new filladd new fill

3 Lépés

Győződj meg, hogy a formáid még mindig be vannak jelölve, és összpontosíts a Megjelenés panelre, és adj egy harmadik kitöltőszínt ugyanazzal a funkció segítségével Adj Új KitöltőSzínt/  Add New Fill.

Válasz egy az új kitöltést, állítsd be a szín fehérre, csökkentsd az Fedettséget 40 %, változtasd meg a Keverési Módót Átfedésre, és aztán menj  Effektus> Torzítás&Átalakítás > Átalakítás.Függőleges-  Méretezés/ Scale-Vertical csúszkát húzd le 60 %-ra, és kattints az OK gombra.

transform effecttransform effecttransform effect

4 Lépés

Győződj meg arról, hogy a formák még mindig vannak jelölve, összpontosít a Megjelenés panelre, és adj hozzá egy negyedik kitöltést, ugyanazt az Új Színkitöltés gombot használva.

Válaszd ki ezt  az új színkitöltést, állítsd be a szín fehérre, csökkensd az Fedettséget 60 %-ra, változtasd meg a Keverési Módót Átfedésre, és aztán menj a  Effektus> Torzítás&Átalakítás > Átalakítás.Függőleges-  Méretezés csúszkát húzd le 30 %-ra, és kattints az OK gombra.

white fillwhite fillwhite fill

5 Lépés

Nyisd meg az Ecsetek panelt (Ablak> Ecsetek) és kattints az Új Ecset gombra. Jelöld be a  Kalligrafikus Ecset mezőt, és kattints az OK gombra. Írd be az alábbi képen látható összes attribútumót, és kattints az OK gombra. 

Jelöljd ki újra a formáidat, add hozzájuk az új kalligrafikus ecsetet, és ne felejtsd  beállítani a színét R = 150 G = 75 B = 41 - re.

calligraphic brushcalligraphic brushcalligraphic brush

6 Lépés

Jelöld ki  csak a jobb szélső formákat és öszpontósíts a Megjelenés panelre. Először is,  válaszd ki az alsó kitöltést és cseréld  ki az aktuális színt az R = 230 G = 86 B = 84, majd válaszd a ecsetvonást és cseréld ki a színt az R = 150 G = 42 B = 38-el.

adjust appearanceadjust appearanceadjust appearance

4. Mentsd le a  Művészet Ecsetet

1 Lépés

Jelöld ki a formákat, és térj vissza az Ecsetek panelhez. Kattints az Új Ecset gombra, jelöld be a Művészet Ecset mezőt, és kattints az OK gombra. Add meg az alábbi látható összes attribútumót, és kattints az OK gombra. Ez lesz az első kukac ecseted.

art brushart brushart brush

2 Lépés

Próbálj fókuszálni az Ecset  panelre.  Jelöld ki a kukac művészeti ecsetet és húzd az Új Ecset gomb alá, hogy átmásold.  Klikkelj kétszer az új ecsetre, hogy kinyisd a Művészeti Ecset Opciónak az ablakát. Húzd meg a Szélesség csúszkát 50 %-ra, nevezd át "50% Művészeti Ecset" és azután klikkelj az OK gombra.

Ugyaneszt a technikát használva, alkoss egy másik másolatot a művészeti ecsetről.  Nevezd át "25 %-os Művészeti Ecset" és győződj meg, hogy a Szélességi csúszkát lehúztad 25 %-ra.

duplicate art brushduplicate art brushduplicate art brush

5. Add hozzá a Hátteret és a Szöveget

1 Lépés

 A Téglalap Eszközt (M) használva,  alkoss egy 860 x 610 pixel formát, színezd ki R=247 G=205 B=159, és biztosítsd magad, hogy átfogja az egész rajzlapot.

Adj egy új szintöltést a  formának,és állítsd be a színt feketére (R=0 G=0 B=0). Csökkentsd az Opacítást 3 %-ra, váltsd át a Keverési Módot a Sokszorosításra, és aztán menj  a Hatás > Művészet > Film Csemkéhez. Add meg az alábbi attribútumokat, és kattints az OK gombra.

backgroundbackgroundbackground

2 Lépés

Válasszd ki a Szövegírás Eszközt (T), és nyisd meg a Betűcsalád panelt (Ablak> Szövegírás > Betűcsalád). Válaszd ki Pacifico betűtípust, állítsd be a méretét 180 pt, és egyszerűen kattints a rajztábládra. Add hozzá a  "Kukac" szöveget, és állítsd be a színt R = 150 G = 75 B = 41.

type tooltype tooltype tool

3 Lépés

Győződjön meg arról, hogy a  szöveged  ki van jelöve, csökkensd a Fedettséget 25 %-ra, menj az Effektus>Görbekereső>Hozzáadás  és aztán menj a Effektus>Torzítás & Átalakítás >Csavarás. Add  meg az alább látható összes attribútumot, és kattints az OK gombra.

tweaktweaktweak

6. Add hozzá a Kukacokat

1 Lépés

Ezen a ponton letudod tiltani a rács (Control-") és a Rácshoz Illesztést (Shift - Control-").

Vedd az Ecset Eszközt (B), és válaszd ki a 100 %-os -Művészeti Ecsetet az Ecsetek panelről. Összpontosíts a szövegre, és szórj el néhány kukacot, mint ahogy az alábbi képen láthatód.

brush toolbrush toolbrush tool

2 Lépés

Most szükséges, hogy bejelöld  az előző lépésben hozzáadott összes kukacot. Meg tudod csinálni manuálisan, vagy válassz ki egyet az alábbi görbékből, és egyszerűen menj a Kijelölés > Azonos > Megjelenés (Select > Same > Appearance).

Ha egyszer  kiválasztottad az összes kukacot, menj a Effektus >Stílizálás>Vetett Árnyék (Effect > Stylize > Drop Shadow)- hoz. Add meg az attribútumókat , amelyeket a bal oldali ablakban láthatód (az alábbi képen), kattints az OK gombra, és adj hozzá másik két Vetett Árnyék hatást, ahogy lent láthatód. 

drop shadowdrop shadowdrop shadow

3 Lépés

Az Ecset Eszköz (B) és a 50 % Művészet Ecset segítségével, szórj el néhány új kukacot  a meglévők körül, mint ahogy lent láthatód.

brush toolbrush toolbrush tool

4 Lépés

Jelöld be az előző lépésben hozzáadott összes kukacot, és add hozzá két Árnyék Vetést, ahogy lent láthatód.

drop shadowdrop shadowdrop shadow

5 Lépés

Használva az Ecset Eszközt (B) és a Művészet Eecsetet  25 % - osan, szórj el néhány új kukacok a már meglévők körül, mint ahogy itt lent láthatód.

brush toolbrush toolbrush tool

6 Lépés

Jelöld be az előző lépésben hozzáadott összes kukacok, és adj hozzá a két Vetett Árnyék hatást, ahogy itt lent mutatva van.

drop shadowdrop shadowdrop shadow

7. Adj Finom Árnyékolást

1 Lépés

Jelöld be a téglalapot, ami a hátteret teszi ki, készíts egy másolatot előre (Control-C> Control-F), és hozd  előre (Shift-Control-]). Győződjd meg, hogy ez a példány továbbra is ki van jelölve, és összpontosíts a Megjelenés panelre.

Távolítsd el a fekete kitöltés, és válaszd ki a fennmaradó kitöltőszínt. Cseréld ki  a Keverési Módót  Lágy Fényre, és a meglévő kitöltőszínt cseréld ki a sugaras színátmenetre, amelyet alól láthatsz. A Színátmenet eszköz (G) segítségével nyújsd ki a színátmenetet, mint ahogy lent láthatód, és ne felesd el, hogy a sárga színnek a nullája a Színátmenet képről  az Opacitás százalékos értékét jelenti.

radial gradientradial gradientradial gradient

2 Lépés

Győződj meg arról, hogy a téglalap amelyet az előző lépésben hozzáadtál még mindig be van jelölve, és  másold le eléje (Control-C > Control-F). Jelölje ki ezt a másolatot  és összpontosíts a Megjelenés panelre. Csökkensd az Fedettséget 15 %-kal, változtassd meg a Keverési Mód-ot Átfedésre, és helyettisísd a meglévő sugaras színátmenetet a lent láthatóval.

radial gradient blueradial gradient blueradial gradient blue

Gratulálok! Elkészültél!

Így kell kinéznie. Remélem, élvezted  az oktatóanyagót és ezeket a technikákat alkalmazhatód jövőbeli projekteidben.

Bátran módosítsd a végleges tervezést, hogy a sajátodat készitsd el. Találhatsz néhány remek inspiráló  forrást az  Envato Marketen érdekes megoldásokkal, amelyek javíthatnak  a tervezéseden.

final productfinal productfinal product
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads