Kako Napraviti Višebojni 3D Tekst Efekt u Adobe Illustratoru

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

Final product image — What You'll Be Creating

U sljedećim koracima ćete naučiti kako u Adobe Illustratoru izraditi 3D Text Efekt u više boja, koji će zadržati mogućnost naknadnog editiranja.

Za početak ćete naučiti kako izraditi jednostavnu pozadinu i kako dodati tekst. Korištenjem Appearance panela i upotrebom mnogih ispuna i efekata naučiti ćete kako napraviti tekst efekt sa mogućnošću naknadnog editiranja. I na kraju ćete naučiti kako na jednostavan način snimiti i upotrijebiti grafičke stilove.

Na Envato Marektu možete pronaći i više nego dovoljno resursa za dodatnu inspiraciju i poboljšanje vaše konačnog tekst efekta.

1. Napravite Pozadinu i Dodajte Tekst

1. korak

Kliknite Control-N da napravite novi dokument. Odaberite Pixels u Units padajućem izborniku, unesite 850 px u okvir za širinu (width) i 1000 px u okvir za visinu (height), zatim kliknite gumb Advanced. Odaberite RGB, Screen (72ppi) i provjerite da vam nije označen maleni okvir pokraj Align New Objects to Pixel Grid, zatim kliknite OK.

Odaberite Rectangle Tool (M) i usredotočite se na alatnu traku. Uklonite boju konture (stroke), i zatim odaberite ispunu (fill) kojoj podesite boju na R=0 G=100 B=145. Idite na radnu površinu (artboard) i jednostavno kliknite na nju da otvorite Rectangle okvir. Podesite Width na 860 px i Height na 1010 px te kliknite OK. Neka cijeli izrađeni pravokutnik prekriva vašu radnu povšinu.

2. korak

Vratite se na alatnu traku i podesite boju ispune u bijelu (R=255 G=255 B=255). Odaberite Type Tool (P) i otvorite Character karticu (Window > Type > Character). Podesite tekst na Milkshake font i Size (veličinu) na 170 pt. Sada samo kliknite na radnu površinu (artboard) i dodajte tekst "Change" kao što je prikazano na slici ispod.

3. korak

Istim alatom i vrijednostima dodajte još tri teksta kao što je prikazano ispod.

2. Dodajte Boju Teksta

1. korak

Odaberite najgornji tekst. Prvo jednostavno uklonite postojeću boju ispune i tekst će postati nevidljiv.

Idite na Appearance panel (Window > Appearance) i kliknite Add New Fill gumb kako biste dodali ispunu odabranom tekstu. Odaberite tekst i podesite boju u R=255 G=200 B=0.

2. korak

Pripazite da gornji tekst ostane odabran i ostanite usredotočeni na Appearance karticu.

Koristeći isti Add New Fill gumb, dodajte tekstu drugu boju ispune. Odaberite je, podesite boju u bijelu i kliknite tamo gdje piše "Opacity" za tu boju ispune kako biste otvorili Transparency padajući izbornik. Promijenite Blending Mode u Overlay i smanjite Opacity na 50%.

3. korak

Provjerite da li vam je gornji tekst još uvijek odabran i još uvijek ostanite fokusirani na Apperance panel.

Dodajte treću ispunu i odvucite je iznad postojećih. Odaberite je, podesite boju u R=255 G=200 B=0, i zatim idite na Effect > Distort & Transform > Transform. Povucite oba Scale slajdera na 99.7% i ne zaboravite označiti donju lijevu referentnu točku.

4. korak

Provjerite je li vam tekst još uvijek odabran i nastavite se fokusirati na Appearance karticu.

Dodajte četvrtu ispunu i odvucite je ispod već postojećih. Odaberite je, podesite boju na R=255 G=200 B=0, i idite zatim na Effect > 3D > Extrude & Bevel. Kliknite gumb More Options, unesite sve atribute prikazane ispod i kliknite OK.

5. korak

Provjerite je li vam još uvijek odabran tekst i nastavite se fokusirati na Appearance karticu.

Odaberite donju ispunu i idite na Effect > Stylize > Drop Shadow. Unesite atribute prikazane u gornjem lijevom okviru (na slici ispod), kliknite OK i zatim dodajte druga tri Drop Shadow efekta kao što je prikazano ispod.

6. korak

Provjerite je li vam gornji tekst još uvijek odabran i ostanite usredotočeni na Appearance karticu.

Dodajte petu ispunu i odvucite je ispod postojećih. Odaberite je, podesite boju na R=255 G=63 B=79, i zatim idite na Effect > Path > Offset Path. Unesite 15 px Offset i kliknite OK.

7. korak

Provjerite je li vam gornji tekst i dalje odabran i ostanite usredotočeni na Appearance karticu.

Ponovno odaberite donju ispunu i idite na Effect > 3D > Extrude & Bevel. Unesite sve atribute prikazane na slici ispod i zatim kliknite OK.

8. korak

Provjerite je li vam gornji tekst još uvijek odabran i ostanite usredotočeni na Appearance karticu.

Ponovno odaberite donju ispunu i dodajte tri Drop Shadow efekta sa postavkama prikazanim na slici ispod.

3. Dodajte Tekstu Sjenu

1. korak

Provjerite je li vam još uvijek odabran gornji tekst i ostanite usredotočeni na Appearance karticu.

Dodajte novu ispunu i odvucite je ispod već postojećih. Odaberite je, podesite boju na (R=0 G=0 B=0), i zatim idite na Effect > Path > Offset Path. Unesite 5 px Offset, kliknite OK i idite na Effect > 3D > Extrude & Bevel. Unesite atribute prikazane na slici ispod, kliknite OK i zatim idite na Effect > Distort & Transform > Transform. Povucite oba Move slajdera na 15 px i kliknite OK.

2. korak

Provjerite je li vam gornji tekst još uvijek odabran i ostanite usredotočeni na Appearance karticu.

Ponovno odaberite crnu ispunu, smanjite joj Opacity na 60% i zatim idite na Effect > Blur > Gaussian Blur. Podesite Radius na 15 px i zatim kliknite OK.