Advertisement
  1. Design & Illustration
  2. Text Effects

Kako Izraditi Presavijeni Tekst Efekt u Adobe Illustratoru

Scroll to top
Read Time: 4 min

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 presavijeni tekst efekt u Adobe Illustratoru. Za početak, naučiti ćete kako izraditi jednostavnu pozadinu i kako dodati tekst. U potpunosti ćemo iskoristiti Appearance karticu, naučiti ćete kako raditi sa nekoliko ispuna i efekata, linearnim gradijentima i osnovnim tehnikama blendanja. Na kraju ćete naučiti kako kopirati 'Appearance' atribute između objekata i kako ih jednostavno prilagoditi.

Na GraphicRiver-u možete pronaći mnoge resurse koji će vam dati inspiraciju za prilagođavanje ili poboljšanje vašeg konačnog tekst efekta.

1. Kako Izraditi Novi Dokument i Podesiti Rešetku (Grid)

Pritisnite Control-N da napravite novi dokument, Odaberite Pixels u Units padajućem izborniku, unesite 850 za širinu i visinu te kliknite Advanced gumb. Odaberite RGB za Color Mode, podesite Raster Effects na Screen (72 ppi), i zatim kliknite Create Document.

new documentnew documentnew document

2. Kako Izraditi Pozadinu

Odaberite Rectangle Tool (M) i usredotočite se na alatnu traku. Uklonite boju s linije (stroke) i zatim odaberite ispunu kojoj podesite boju na R=241 G=242 B=252. Pomaknite svoju radnu površinu (artboard) i napravite 860 px kvadrat. Pazite da prekrije cijeli 'artboard' kao što je prikazano ispod.

backgroundbackgroundbackground

3. Kako Izraditi Dijelove Teksta

1. korak

Odaberite Type Tool (T) i otvorite Character karticu (Window > Type > Character). Odaberite Tw Cen MT Condensed Extra Bold font ( ili neki drugi 'bold' font po vašoj želji), i podesite 'size' na 200 px i 'leading' na 240 px.

Kliknite na svoju radnu površinu i dodajte tekst crne boje koji je prikazan ispod.

black textblack textblack text

2. korak

Upotrijebite isti alat i slova da napravite prvo slovo riječi. Promijenite mu boju u bijelu i smjestite ga točno iznad crnog teksta.

white letterwhite letterwhite letter

3. korak

Nastavite dodati zasebna bijela slova dok ne prekrijete cijeli tekst. Kada završite, idite na Layers karticu (Window > Layers) i uklonite svoj crni tekst.

white letterswhite letterswhite letters

4. Kako Napraviti Prvi Tekst Efekt

1. korak

Selektirajte jedno od slova, idite na Swatches karticu (Window > Swatches) i kliknite [None] 'swatch' da uklonite bijelu ispunu. Zatim na Appearance kartici (Window > Appearance) kliknite Add New Fill kako biste dodali novu ispunu.

Odaberite novu ispunu i upotrijebite ispod prikazani linearni gradijent (Window > Gradient). Imajte na umu da plavi broj iz Gradient slike označava Location postotke. Upotrijebite Gradient Tool (G) da prilagodite dužinu gradijenta kao što je prikazano na sljedećoj slici.

add new filladd new filladd new fill

2. korak

Pripazite da vam je obojeno slovo još uvijek selektirano, idite na Appearance karticu i odaberite tu ispunu te idite na Effect > Stylize > Drop Shadow. Unesite ispod prikazane atribute i kliknite OK.

drop shadowdrop shadowdrop shadow

3. korak

Provjerite je li vam još uvijek selektirano obojeno slovo, i na Appearance kartici dodajte drugu ispunu koristeći isti Add New Fill gumb. Odaberite ovu novu ispunu, dodajte ispod prikazani linearni gradijent i zatim idite na Effect > Distort & Transform > Free Distort. Odvucite te desne točke otprilike kao što je prikazano ispod i kliknite OK.

free distortfree distortfree distort

4. korak

Provjerite je li vam još uvijek selektirano obojeno slovo i na Appearance kartici dodajte treću ispunu koristeći isti Add New Fill gumb.

Odvucite tu novu ispunu između postojećih, primijenite ispod prikazani linearni gradijent, smanjite Opacity na 40% i zatim idite na Effect > Distort & Transform > Free Distort. Odvucite te desne točke na poziciju otprilike kao što je prikazano ispod i zatim kliknite OK. Imajte na umu da žuta nula na Gradient slici predstavlja Opacity postotke.

black gradientblack gradientblack gradient

5. korak

Provjerite je li još uvijek selektirano obojeno slovo i  fokusirajte se na Appearance karticu.

Odaberite srednju ispunu i duplicirajte je koristeći gumb Duplicate Selected Item. Odaberite novu dodanu ispunu i smanjite joj Opacity na 30% te zatim idite na Effect > Distort & Transform > Transform. Povucite Move-Horizontal slajder na 5 px, kliknite OK gumb, zatim idite na Effect > Blur > Gaussian Blur. Podesite Radius na 5 px i zatim kliknite OK gumb.

gaussian blurgaussian blurgaussian blur

5. Kako Izraditi Varijaciju Boja u Vašem Tekst Efektu

1. korak

Prvo, morate kopirati (copy) Appearance atribute svojeg obojenog slova i zalijepiti ih (paste) na svoje drugo slovo. To se prilično lako može učiniti u Layers kartici. Ekspandirajte svoj sloj i primijetiti ćete maleni krug s desne strane svih vaših objekata - to ikona mete. Držite tipku Alt, kliknite na ikonu mete koja se odnosi na vaše obojeno slovo i povucite na krug koji se odnosi na drugo slovo.

Sada, selektirajte novo obojeno slovo, idite na Appearance karticu i zamijenite dva linearna gradijenta sa onima koji su prikazani ispod na primjeru.

target icontarget icontarget icon

2. korak

Ponovite tehniku spomenutu u prijašnjem koraku, ali zamijenite linearne gradijente onima koji su prikazani ispod.

yellowyellowyellow
greengreengreen
blueblueblue

3. korak

Na kraju, kopirajte Appearance atribute na preostala bijela slova.

copy attributescopy attributescopy attributes

Čestitam! Završili Ste!

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

Dizajn možete prilagoditi vlastitim potrebama. Neke odlične izvore isnpiracije sa zanimljivim rješenjima za poboljšanje dizajna možete pronaći na GraphicRiver-u.

final designfinal designfinal design
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.
Advertisement
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.