7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Appearance Panel

Kako Izraditi Podebljani Tekst Efekt Crtanog Filma u Adobe Illustratoru

Read Time: 9 mins

Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

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

U sljedećim koracima ćete naučiti kako izraditi podebljani tekst efekt u stilu crtanog filma u Adobe Illustratoru.

Za početak ćete naučiti kako za svoj tekst efekt podesiti jednostavnu mrežu i kako izraditi prilično jednostavnu pozadinu. Koristeći Type Tool alat i zgodan, besplatan efekt naučiti ćete kako napraviti početni tekst. Iskoristivši u potpunosti prednost Appearance kartice, naučiti ćete kako zapravo izraditi tekst efekt. Na kraju ćete još naučiti kako dodati neke završne detalje za vaš tekst efekt koristeći nekolicinu jednostavnih krugova.

Za dodatnu inspiraciju kako prilagoditi ili unaprijediti vaš konačni tekst efekt, možete pronaći mnoge resurse na GraphicRiver.

1. Kako Izraditi Novi Dokument i Podesiti Mrežu

Pritisnite Control-N da izradite novi dokument. Odaberite Pixels iz Units padajućeg izbornika, unesite 850 u okvir za širinu (Width) i visinu (Height), zatim kliknite Advanced gumb. Odaberite RGB za Color Mode, podesite Raster Effects u Screen (72 ppi), i zatim kliknite Create Document gumb.

Omogućite Grid (View > Show Grid) i Snap to Grid (View > Snap to Grid). Trebati ćete mrežu svakih 5 px, pa jednostavno idite na Edit > Preferences > Guides > Grid, i unesite 5 u Gridline every okvir i 1 u Subdivisions okvir. Nemojte dozvoliti da vas ta mreža (grid) obeshrabri - olakšati će vam rad i imajte na umu da je uvijek možete lagano omogućiti ili onemogućiti koristeći Control-" prečac na tipkovnici.

Više o sistemu mreže Illustratora možete naučiti u ovom kratkom tutorialu od Andrei Stefana: Poznavanje Sistema Mreže u Adobe Illustratoru.

Također biste trebali otvoriti Info karticu (Window > Info) za pregled uživo sa veličinom i pozicijom vaših oblika. Ne zaboravite mjerene jedinice podesiti na piksele u Edit > Preferences > Units > General. Sve ove postavke će značajno ubrzati vaš proces rada.

setup gridsetup gridsetup grid

2. Kako Izraditi Pozadinu

1. korak

Odaberite Rectangle Tool (M) i usredotočite se na alatnu traku. Uklonite boju s linije (Stroke) i zatim odaberite ispunu (Fill) i podesite joj boju u R=137 G=147 B=150.

Jednostavno izradite 860 px kvadrat i pobrinite se da prekriva cijelu vašu radnu površinu za crtanje (Artboard). Mreža i Snap to Grid značajka bi trebali pomoći.

squaresquaresquare

2. korak

Pripazite da vam je kvadrat još uvijek selektiran, otvorite Appearance karticu (Window > Appearance), i dodajte drugu ispunu koristeći Add New Fill gumb.

Selektirajte novu ispunu, smanjite joj Opacity na 60% i zatim zamijeniti postojeću boju sa ispod prikazanim radijalnim gradijentom. Imajte na umu da žuta nula iz Gradient slike (Window > Gradient) predstavlja Opacity postotke i upotrijebite Gradient Tool (G) da razvučete svoj gradijent otprilike kao što je prikazano na sljedećoj slici.

radial gradientradial gradientradial gradient

3. Kako Izraditi Glavne Dijelove Teksta

1. korak

Odaberite Type Tool (T) i otvorite Character karticu (Window > Type > Character). Odaberite Comical Cartoon font i zatim podesite veličinu na 40 px i razmak na 150 px. Samo kliknite na svoju radnu površinu, dodajte stupac teksta kojeg podesite u bijelu boju.

type tooltype tooltype tool

2. korak

Koristeći isti alat atribute fonta, dodajte opet prvi red od vašeg teksta. Podesite ga u crvenu boju i smjestite ga odmah iznad bijelog. Učinite isto za preostala tri reda teksta, kao što je prikazano na sljedećim slikama. Kada završite, s dokumenta možete ukloniti taj bijeli tekst.

red textred textred text

4. Kako Izraditi Prednju Stranu Tekst Efekta

1. korak

Selektirajte jedan od dijelova teksta, usredotočite se na Appearance karticu i dodajte novu ispunu koristeći onaj isti Add New Fill gumb. Podesite boju ispune na R=247 G=139 B=30 i pripazite da leži iznad dijela teksta na kojem piše "Characters". Smještanje iznad "Characters" teksta će jednostavno prekriti crvenu.

add new filladd new filladd new fill

2. korak

Pripazite da vam je narančasti tekst još uvijek selektiran i ostanite usredotočeni na Appearance karticu. Dodajte drugu ispunu i povucite je ispod postojeće.

Sada pazite da vam je selektirana nova ispuna, zamijenite postojeću boju sa ispod prikazanim linearnim gradijentom i zatim idite na Effect > Path > Offset Path. Unesite 2 px Offset, podesite Joins u Round, i zatim kliknite OK gumb.

linear gradientlinear gradientlinear gradient

3. korak

Pripazite da vam je narančasti tekst još uvijek selektiran i ostanite usredotočeni na Appearance karticu. Re-selektirajte donju ispunu i idite na Effect > Distort & Transform > Transform. Unesite atribute prikazane na donjoj slici i zatim kliknite OK.

transformtransformtransform

4. korak

Pripazite da vam je narančasti tekst još uvijek selektiran i ostanite usredotočeni na Appearance karticu. Re-selektirajte donju ispnu i idite na Effect > Stylize > Inner Glow. Unesite atribute prikazane na donjoj slici i kliknite OK.

inner glowinner glowinner glow

5. korak

I dalje pazite da vam je još uvijek selektiran narančasti tekst i ostanite usredotočeni na Appearance karticu. Selektirajte gornju ispunu i idite na Effect > Path > Offset Path. Unesite 2 px Offset, podesite Joins u Round i kliknite OK gumb.

offset pathoffset pathoffset path

6. korak

I dalje pazite da vam je još uvijek selektiran narančasti tekst i ostanite usredotočeni na Appearance karticu. Dodajte treću ispunu i smjestite je iznad postojećih.

Selektirajte najnoviju ispunu, podesite joj boju u R=254 G=183 B=21, i idite na Effect > Path > Offset Path. Unesite -4 px Offset, podesite Joins u Round, kliknite OK gumb i zatim idite na Effect > Distort & Transform > Transform. Unesite atribute prikazane na sljedećoj slici i kliknite OK gumb.

yellow fillyellow fillyellow fill

7. korak

Za ovaj korak ćete trebati jedan od već ugrađenih uzoraka iz Illustratora. Otvorite padajući izbornik iz Swatches kartice(Window > Swatches) i idite na Open Swatch Library > Patterns > Basic Graphics > Basic Graphics_Lines. Ostavite ovaj prozor otvoren, pazite da vam je selektiran narančasti tekst i idite nazad na Appearance karticu.

Selektirajte gornju ispunu i duplicirajte je koristeći Duplicate Selected Item gumb. Selektirajte novu dodanu ispunu i samo zamijenite postojeću boju sa "10 pli 50%" uzorkom iz tog seta.

built-in patternbuilt-in patternbuilt-in pattern

8. korak

Pripazite sada da vam je selektirana nova ispuna sa uzorkom, smanjite joj Opacity u 75%, promijenite Blending Mode u Soft Light, i zatim idite na Effects > Distort & Transform > Transform. Unesite atribute prikazane na donjoj slici i kliknite OK gumb.

rotate patternrotate patternrotate pattern

9. korak

Pripazite da vam je narančasti tekst još uvijek selektiran i ostanite usredotočeni na Appearance karticu.

Odaberite liniju (Stroke), podesite joj boju na R=255 G=200 B=28 i veličinu (Size) na 4 px, i zatim idite na Effect > Path > Offset Path. Unesite -2 px Offset, podesite Joins u Round, i zatim kliknite OK gumb.

yellow strokeyellow strokeyellow stroke

5. Kako Izraditi Stražnju Stranu Tekst Efekta

1. korak

Provjerite je li vam još uvijek selektiran narančasti tekst i ostanite usredotočeni na Appearance karticu. Dodajte petu ispunu i smjestite je ispod postojeće.

Selektirajte novu ispunu i podesite joj boju u crnu (R=0 G=0 B=0). Smanjite joj Opacity na 50% i promijenite Blending Mode u Soft Light, te zatim idite na Effect > Path > Offset Path. Unesite 2 px Offset, podesite Joins u Round, kliknite OK gumb i zatim idite na Effect > Distort & Transform > Transform. Unesite atribute prikazane u lijevom prozoru (na sljedećoj slici), kliknite OK gumb i zatim opet idite na Effect > Distort & Transform > Transform. Ovaj puta unesite atribute prikazane u desnom prozoru (također na sljedećoj slici) i kliknite OK gumb.

black fillblack fillblack fill

2. korak

Provjerite je li narančasti tekst još uvijek selektiran i ostanite fokusirani na Appearance karticu.

Selektirajte donju crnu ispunu i duplicirajte je koristeći Duplicate Selected Item gumb. Fokusirajte se na svoju donju crnu ispunu  i otvorite drugi Transform efekt. Jednostavno povećajte Copies sa 20 na 50 i zatim kliknite OK gumb.

black fillblack fillblack fill

3. korak

Provjerite je li vam još uvijek selektiran narančasti tekst i ostanite usredotočeni na Appearance karticu. Dodajte novu ispunu i smjestite je ispod postojećih.

Selektirajte tu novu ispunu i podesite joj boju u R=190 G=31 B=46, te zatim idite na Effect > Path > Offset Path. Unesite 20 px Offset, podesite Joins u Round, kliknite OK gumb i idite na Effect > Distort & Transform > Transform. Unesite atribute prikazane na sljedećoj slici i zatim kliknite OK.

dark reddark reddark red

4. korak

Provjerite je li vam još uvijek selektiran narančasti tekst i ostanite usredotočeni na Appearance karticu. Dodajte novu ispunu i smjestite je odmah iznad one na dnu.

Selektirajte tu novu ispunu i podesite joj boju u R=160 G=1 B=16 te zatim idite na Effect > Path > Offset Path. Unesite 5 px Offset, podesite Joins u Round, kliknite OK gumb i zatim idite na Effect > Distort & Transform > Transform. Unesite atribute prikazane na sljedećoj slici i zatim kliknite OK gumb.

shadingshadingshading

6. korak

Provjerite je li vam još uvijek selektiran narančasti tekst i ostanite usredotočeni na Appearance karticu. Dodajte novu ispunu i smjestite je ispod postojećih.

Selektirajte tu novu ispunu i podesite joj boju u R=160 G=1 B=16 te zatim idite na Effect > Path > Offset Path. Unesite 20 px Offset, podesite Joins u Round, kliknite OK gumb i zatim idite na Effect > Distort & Transform > Transform. Unesite atribute prikazane u lijevom prozoru, kliknite OK gumb, zatim idite nazad na Effect > Distort & Transform > Transform. Ovaj puta unesite atribute prikazane u desnom prozoru i kliknite OK gumb.

dark edgedark edgedark edge

6. korak

Provjerite je li vam još uvijek selektiran narančasti tekst i ostanite usredotočeni na Appearance karticu. Re-selektirajte tu donju ispunu i idite na Effect > Stylize > Drop Shadow. Unesite ispod prikazane postavke i kliknite OK.

drop shadowdrop shadowdrop shadow

7. korak

Provjerite je li vam još uvijek selektiran narančasti tekst i ostanite usredotočeni na Appearance karticu. Koristeći Add New Stroke gumb, dodajte drugi vanjski rub za tekst i smjestite ga ispod svih tih ispuna.

Selektirajte ovaj novi rub (Stroke), podesite mu boju u R=190 G=31 B=46 i zatim idite na Effect > Path > Offset Path. Unesite 20 px Offset, podesite Joins u Round, kliknite OK gumb i zatim idite na Effect > Pathfinder > Add. Vratite se na Appearance karticu i kliknite "Stroke" dio teksta da otvorite Stroke padajući izbornik. Podesite Weight na 8 px, označite Round Cap i Round Join gumbe i zatim označite Dashed Line okvir. Unesite 0 px u prvi dash okvir i 8 px u prvi gap okvir i vaša linija bi trebala izgledati otprilike kao na sljedećoj slici.

dashed linedashed linedashed line

8. korak

Pripazite da vam je još uvijek selektiran narančasti tekst i ostanite usredotočeni na Appearance karticu. Re-selektirajte tu donju ispunu i idite na Effect > Distort & Transform > Transform. Unesite atribute prikazane na sljedećoj slici i zatim kliknite OK gumb.

add effectadd effectadd effect

6. Kako Kopirati i Prilagoditi Appearance Atribute

1. korak

Sada morate kopirati Appearance atribute s jednog dijela teksta na drugi. Fokusirajte se na Layers karticu (Window > Layers) i primijetiti ćete da svi objekti imaju maleni kružić s desne strane, ikonu mete.

Na tipkovnici držite tipku Alt, kliknite ikonu (meta) koja stoji za vaš narančasti dio teksta i povucite ga iznad mete koja stoji za jedan od crvenih dijelova teksta.

target icontarget icontarget icon

2. korak

Ponovite tehniku spomenutu u prethodnom koraku da kopirate Appearance atribute. Kada završite, selektirajte jedan ili više tih dijelova teksta, fokusirajte se na Appearance karticu i zamijenite postojeće boje sa onima koje su označene na sljedećoj slici.

edit appearanceedit appearanceedit appearance

7. Kako Dodati Nekoliko Krugova/Zvijezda i Rasporediti ih Oko Teksta

1. korak

Koristeći Ellipse Tool (L), izradite krug dimenzija 20 px. Svakako se pobrinite da za ovaj oblik podesite ispunu bez boje i podesite 'Stroke' liniju na boju R=190 G=31 B=46. Otvorite Stroke padajući izbornik, povećajte Weight na 6 px, i označite Align to Inside gumb.

Koristeći isti alat izradite 15 px krug. Dodajte istu crvenu boju za liniju (Stroke), poravnajte je prema unutra (kliknite Align to Inside), ali povećajte Weight na 4 px. Izradite treći krug od 10 px širine, dodajte istu crvenu boju linije, ne zaboravite poravnati prema unutra i podesite Weight na 3 px.

Duplicirajte ova tri kruga (Control-C > Control-V), selektirajte kopije i jednostavno zamijenite crvenu sa bojom R=159 G=31 B=99.

circlescirclescircles

2. korak

Jednostavno umnožite svoje crvene i ljubičaste krugove (Control-C > Control-V) i zatim rasporedite kopije kao što je prikazano na sljedećoj slici.

multiply circlesmultiply circlesmultiply circles

Alternativno, možete zamijeniti te krugove sa jednostavnim oblicima zvijezda koji se lako mogu napraviti pomoću Star Tool alata.

starsstarsstars

Čestitam! Završili Ste!

Ovako bi to trebalo izgledati. Nadam se da ste uživali u ovom tutorialu i da ćete ove tehnike moći upotrijebiti u svojim budućim projektima.

Možete slobodno prilagoditi završeni dizajn i personalizirati ga. Neke odlične resurse za inspiraciju možete pronaći na GraphicRiver-u sa zanimljivim rješenjima za unaprjeđenje dizajna.

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.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.