Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Kako u Adobe Illustratoru Izraditi Tekst Efekt Pite od Trešanja

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

Ljubitelj ste dobre pite od trešanja? Ja jesam! Zabavimo se stoga i pretvorimo to u efekt za tekst sa pitom od trešanja.

Na početku ćemo izraditi oblik slova sa rubovima poput tradicionalnih valovitih rubova pite. Nakon toga ćemo dodati ukusan nadjev pomoću izrađenog kista 'Cherry Scatter Brush' i zatim ćemo ispreplitati trake na površini pite.

Ne zaboravimo teksturu korice i kist za šećerni posip, "Powdered Sugar Scatter Brush". Ako želite znati kako izraditi sve što sam ovdje navela, možemo početi!

Ako tražite druge efekte za tekst (text effects) ili općenito neke vektore hrane (food vectors), možete izabrati iz velikog izbora resursa koje vam nudi GraphicRiver

Elementi Potrebni za Tutroijal

Kako biste završili tutorijal, trebati ćete sljedeće elemente:

1.Otvorite Novi Dokument

Pokrenite Illustrator i idite na File > New da otvorite prazan dokument, Utipkajte ime svojeg dokumenta, podesite dimenzije i zatim odaberite Pixels kao Units i RGB kao Color Mode. Pripazite da vam nije označeno Align New Objects to Pixel Grid.

Zatim idite na Edit > Preferences > General i podesite Keyboard Increment na 1 px, i dok ste već ovdje idite na Units i provjerite jesu li postavke podešene kao na sljedećoj slici. Ja najčešće radim sa ovim postavkama, stoga će i vama pomoći tijekom cijelog procesa crtanja.

open new illustrator document

2. Kako Izraditi Slova u Obliku Pite

1. korak

Uzmite Type Tool (T) i na radnu površinu utipkajte “PIE” koristeći Geist Knt Font, sa veličinom 200 pt. Pod Set the tracking for the selected characters, odaberite 200 kako biste razmaknuli slova.

type the pie text

2. korak

Sa selektiranim tekstom odaberite Expand u Object izborniku i zatim kliknite Ungroup (Shift-Control-G) da dobijete zasebna slova.

Dok su slova još uvijek selektirana idite na Effect > Stylize > Round Corners. Primijenite Radius od 10 px i kliknite OK.

create rounded edges for pie letters

3. korak

Sa još uvijek selektiranim slovima, odaberite Expand Appearance iz Object izbornika kako biste proširili primijenjeni efekt, i nakon toga, ukoliko je potrebno, kliknite Ungroup (Shift-Control-G).

Primijenite Stroke na slova sa kistom Diamonds 1 Pattern Brush, koji možete pronaći u Brush Libraries Menu izborniku pod Borders > Borders_Geometric. Smanjite Stroke Weight vrijednost na 0.75 pt.

apply border to pie letters

4. korak

Selektirajte samo slovo "P" i odaberite Expand Appearance u Object izborniku kako biste ekspandirali primijenjeni potez kista ("stroke"). Zatim pritisnite Unite u Pathfinder kartici da spojite rub i slova u jedan oblik.

Isto ponovite i sa preostala dva slova.

unite border to pie letters

5. korak

Sa još uvijek selektiranim novim slovima, idite na File > Scripts > Round Any Corner i primijenite Radius od 5–6 da dobijete oble rubove koji su karakteristični za oblik pite.

Ako želite dodatno podesiti valovite rubove, uzmite Direct Selection Tool (A) i pomaknite neke točke ili podesite njihove drške.

create rounded edges for pie letters

3. Kako Slovima Dodati Teksturu

1. korak

Ispunite slova sa naznačenom bojom; zatim idite na Effect > Stylize > Inner Glow i primijenite postavke prikazane na slici ispod:

apply inner glow effect to pie letters

2. korak

Sa još uvijek selektiranim slovima dodajte New Fill (novu ispunu) iznad prve i ostavite jednaku boju ispune. Sada idite na Effect > Texture > Texturizer i primijenite prikazane postavke. Podesite vrijednost ove ispune ("Fill") na Blending Mode Multiply i 40% Opacity.

apply texturizer effect to pie letters

3. korak

Kako bi se riješili pikseliranih rubova generiranih sa Texturizer efektom, upotrijebiti ćemo masku. Selektirajte sva tri slova, kliknte Copy i zatim Paste in Front (Control-F) da dobijete njihove kopije; nakon toga uklonite sve postojeće 'appearance' stavke u Appearance kartici.

Sada selektirajte slovo "P" zajedno sa kopijom slova "P" i idite na Object > Clipping Mask > Make (Control-7). Ponovite isto sa druga dva slova i dobiti ćete oštre rubove.

create sharp edges for pie letters

4. Kako Izraditi "Cherry Scatter Brush" Kist

1. korak

Uzmite Ellipse Tool (L) i nacrtajte mali krug dimenzija 18 x 18 px. Malo izobličite ovaj krug pomoću alata Direct Selection Tool (A) da dobijete oblik trešnje, koja ne bi trebala biti savršeno okrugla.

Zatim pratite sekvencu slika i upotrijebite Pen Tool (P) da nacrtate nasumce oblike na trešnji koji će predstavljati odsjaj i sjene.

draw the cherry

2. korak

Nacrtajte nekoliko manjih oblika na trešnji kako biste dodali još veći odsjaj. Ispunite te oblike sa bijelom bojom i smanjite Opacity na 50%.

add highlights on cherry

3. korak

Grupirajte/Group (Control-G) sve oblike koji čine trešnju, koja je prilično malena. Povucite grupu u Brushes karticu i odaberite New Scatter Brush. U Scatter Brush Options okviru utipkajte ime svojeg novog kista i ostale postavke ostavite podešene kako jesu.

create cherry scatter brush

5. Kako Izraditi Nadjev za Pitu od Trešanja

1. korak

Upotrijebite Direct Selection Tool (A) da selektirate slova ispod maske i idite na Object > Path > Offset Path. Primijenite Offset od -20 px i dobiti ćete manja slova u sredini. Ove oblike ću nazvati “filling background”.

create the cherry filling background

2. korak

Uzmite Pencil Tool (N) i nacrtajte kružnu putanju preko tri “filling background” oblika. Primijenite potez kista/Stroke na putanje sa Cherry Scatter Brsuh kistom koji ste spremili ranije. Sa još uvijek selektiranim putanjama idite na Appearance karticu, otvorite Stroke Options okvir i promijenite Size i Rotation postavke kao što je prikazano na slici ili dok ne postignete pomalo neuredan izgled.

apply cherry scatter brush

3. korak

Selektirajte tri “filling background” oblika koji se nalaze ispod, kliknite Copy i zatim Paste in Place (Shift-Control-V) da dobijete njihove kopije.

Sada selektirajte putanju sa potezom kista s trešnjama preko slova “P” zajedno sa kopijom “filling background” i idite na Object > Clipping Mask > Make (Control-7). Isto ponovite sa druga dva slova i zamaskirajte nadjev od trešanja.

mask the cherry pie filling

6. Kako Dodati Odsjaj i Sjenu na Nadjev od Trešanja

1. korak

Dodajmo nadjevu malo sjaja. Zumirajte slova i upotrijebite Pencil Tool (N) da nacrtate nekoliko kratkih putanja koje prate konturu trešanja na nadjevu. Možete ih dodati koliko god želite. Kada završite, napravite tri grupe putanja, jednu za svako slovo.

draw highlights paths on cherry pie filling

2. korak

Odaberite Stroke od 1 pt sa bijelom bojom za sve putanje i upotrijebite Width Profile 2 u Stroke kartici. Podesite Opacity svake grupe na 80%.

create highlights on cherry pie filling

3. korak

Selektirajte tri “filling background” oblika koji se nalaze ispod trešanja i zatim kopirajte/Copy i zalijepite/Paste in Place (Shift-Control-V) da dobijete njihove kopije. Za ispunu upotrijebite bijelu boju; zatim idite na Effect > Stylize > Inner Glow i primijenite postavke koje su prikazane ispod. Podesite Blending Mode u Multiply kako biste bijelu ispunu učinili transparentnom, i moći ćete vidjeti jedino unutarnju sjenu.

add inner shadow to cherry pie filling

7. Kako Izraditi Isprepletenu Koricu Pite

1. korak

Fokusirajte se na slovo "P" i pomoću alata Pencil Tool (N) preko nadjeva od trešanja unakrsnim uzorkom nacrtajte nekoliko putanja. Putanje ne bi trebale biti savršeno ravne. Grupirajte/Group (Control-G) svaku drugu putanju u svakom smjeru jer će kasnije biti lakše postići isprepleteni dizajn.

Na primjer, imam četiri grupe traka: bijelu i zelenu u jednom smjeru, i žutu i plavu u suprotnom smjeru.

draw criss cross paths on letter P

2. korak

Za sve trake odaberite Stroke 8 pt debljine i pritisnite Round Cap opciju u Stroke kartici da dobijete oble krajeve.

create lattice top on letter P

3. korak

Ostavite još uvijek sve četiri grupe selektirane, idite na Effect > Stylize > Drop Shadow i primijenite prikazane postavke.

U ovoj fazi možete kombinirati grupe traka sve dok ne postignete pravilan redoslijed i savršenu isprepletenost.

add shadow to lattice top on letter P

4. korak

Sada se usredotočite na slovo "I" i prvo nacrtajte unakrsne putanje. Primijenite iste postavke kao i prije i dobiti ćete rešetkasti dizajn na vrhu.

create lattice top on letter I

5. korak

Isto vrijedi i za slovo "E".

create lattice top on letter E

8. Kako Dodati Teksturu Kore za Pitu

1. korak

Uzmite Pencil Tool (N) i nacrtajte kružnu putanju preko svakog slova kao što je prikazano na sljedećoj slici. Putanjama primijenite Stroke sa kistom Ink Spatter 1 Scatter Brush iz Brush Libraries Menu > Artistic > Artistic_Ink. Stroke Color podesite na crnu boju, a Stroke Weight podesite na 1 pt.

add black splats on pie letters

2. korak

Sa još uvijek selektiranim putanjama podesite Blending Mode u Overlay i Opacity na 40%.

settings for black splats on pie letters

3. korak

Ostavite sve tri putanje još uvijek selektirane i iznad prvog, dodajte New Stroke u Appearance kartici. Ovaj puta upotrijebite kist Ink Splats Scatter Brush iz Brush Libraries Menu > Artistic > Artistic_Ink. Stroke Weight podesite na 1 pt i Stroke Color u bijelu boju (iako je iz vizualnih razloga boja na sljedećoj slici žuta).

add white splats on pie letters

4. korak

Podesite Blending Mode za drugi 'Stroke' atribut u Overlay i smanjite Opacity na 30%.

settings for white plats on pie letters

5. korak

Upotrijebite Direct Selection Tool (A) da selektirate slovo “P” ispod maske, zatim kopirajte/Copy i nakon toga zalijepite/Paste in Place (Shift-Control-V) da napravite kopiju. Uklonite sve postojeće "appearance" stavke u Appearance kartici.

Sada selektirajte putanju sa potezom kista/stroke preko slova “P” zajedno sa kopijom slova i idite na Object > Clipping Mask > Make (Control-7). Nastalu grupu možete nazvati "pie crust texture".

Ponovite isto sa preostala dva slova i izradite čiste rubove oko teksta.

mask splats around the pie letters

9. Kako Odrezati Komad Pite

1. korak

Upotrijebite Direct Selection Tool (A) da selektirate slovo “E” ispod maske i zatim kopirajte/Copy ta nakon toga zalijepite/ Paste in Place (Shift-Control-V) kako biste napravili kopiju. Uklonite sve postojeće "appearance" stavke i samo dodajte potez kista/stroke (plavi oblik). Zatim upotrijebite Pen Tool (P) da nacrtate oblik poput trokuta kao što je komad pite (zeleni oblik). Prije nego što nastavite izradite kopije ova dva oblika.

Sada, sa oba oblika selektirana, kliknite Intersect u Pathfinder kartici da dobijete oblik kriške (1).

Uzmite kopije oba oblika koje ste upravo izradili i provjerite da li je zeleni oblik ispred plavog (ako nije, popravite). Dok su selektirani pritisnite Minus Front u Pathfinder kartici i dobiti ćete ostatak slova "E" (2).

Plavi oblik nazvati ću "E cut" a zeleni oblik "E slice".

create the masking shapes

2. korak

Prvo selektirajte sve oblike koji čine slovo "E" kao pita od trešanja i zatim ih grupirajte/Group (Control-G). Nazovite ovu grupu "E cherry pie". Izradite kopiju ove grupe sprijeda, jer ćete izraditi dvije maske.

Sada selektirajte jednu od "E cherry pie" grupa zajedno sa "E cut" oblikom na vrhu i idite na Object > Clipping Mask > Make (Control-7). Kao rezultat ćete dobiti slovo "E" sa kriškom koja nedostaje (1).

Selektirajte drugu "E cherry pie" grupu zajedno sa "E slice" oblikom na vrhu i idite na Object > Clipping Mask > Make (Control-7). Kao rezultat ćete dobiti krišku pite koju možete pomaknuti bilo gdje na radnoj površini (2).

cut a slice of pie from letter E

10. Kako Izraditi Sjenu Ispod Pite

Izradite kopiju sljedećih oblika: slova "P", slova "I", "E cut" i "E slice". Idite na Object > Arrange > Send to Back (Shift-Control-[) da ih pomaknete iza svega i zatim uklonite sve postojeće "appearance" stavke.

Ispunite ove kopije crnom bojom; zatim idite na Effect > Stylize > Drop Shadow i primijenite ovaj efekt četiri puta.

add shadow under pie letters

Ovo su postavke za Drop Shadow efekte:

settings for drop shadow effects

11. Kako Izraditi Tekući Nadjev od Trešanja

1. korak

Upotrijebite Pen Tool (P) da nacrtate oblik kao što je ovaj prikazan ispod na slici i ispunite ga prikazanim gradijentom. Pomoću Gradient Tool (G) alata podesite smjer i kut gradijenta.

Zatim za odsjaj nacrtajte dva oblika na gornjoj desnoj strani i ispunite ih linearnim gradijentom prikazanim ispod na primjeru.

Grupirajte/Group (Control-G) sve oblike i nazovite grupu “runny filling”.

draw the runny cherry filling

2. korak

Podesite veličinu i poravnajte "runny filling" grupu tamo gdje nedostaje kriška pite. Napravite kopiju grupe, rotirajte je i poravnajte na suprotnu stranu.

Izradite dvije dodatne kopije i poredajte ih sa svake strane kriške. Pripazite da su dva mala oblika iz "runny filling" grupe okrenuta prema van i vidljivi.

Selektirajte “runny filling” grupe i idite na Object > Arrange > Send to Back (Shift-Control-[) kako biste ih smjestili/poslali iza svega. Konačan rezultat možete vidjeti ispod na slici.

arrange the runny cherry filling

12. Kako na Pitu Dodati Šećer u Prahu 

1. korak

Prvo nacrtajte mali krug dimenzija 10 x 10 px ispunjen bijelom bojom (iako je zbog vizualnih razloga na donjoj slici upotrijebljena crna). Povucite taj krug u Brushes karticu i odaberite New Scatter Brush. Biti će tamo, samo ga ne možete vidjeti.

create a powdered sugar scatter brush

2. korak

Upotrijebite Pencil Tool (N) da nacrtate valovitu putanju na gornjoj desnoj strani slova "P" i napravite potez kista/stroke  sa Sugar Scatter Brush koji ste upravo bili spremili. Napravite duplikat ovog "Stroke" atributa ili dodajte koliko god želite dok niste zadovoljni izgledom i količinom posipanog šećera u prahu.

Otvorite Stroke Options okvir za svaki "Stroke" atribut u Appearance kartici i povucite slajder za Size i Spacing na minimum, koji je 10%, kao biste izradili fini šećer u prahu. Također se možete poigrati Scatter postavkama dok ne postignete željeni rezultat.

Nakon što završite, ostavite putanje selektirane, kliknite New Graphic Style ikonu na dnu Graphic Styles kartice kako biste pohranili stil.

create and save a powdered sugar graphic style

Ovo su postavke koje sam upotrijebila u Stroke Options okviru za četiri "Stroke" atributa:

settings for powdered sugar strokes

3. korak

Upotrijebite Pencil Tool (N) da nacrtate još valovitih putanja koje prate rubove slova. Nakon toga samo odaberite Sugar Graphic Style koji ste pohranili ranije.

Kako biste dodali još šećera u prahu, nacrtajte još putanja preko drugih i primijenite opet Sugar Graphic Style stil.

add more powdered sugar on pie letters

4. korak

Selektirajte slova "P", "I" i "E" i zatim kopirajte/Copy te nakon toga zalijepite/Paste in Place (Shift-Control-V) kako biste napravili njihove kopije. Idite na Object > Arrange > Bring to Front (Shift-Control-]) da ih stavite ispred svega te nakon toga uklonite sve postojeće "appearance" stavke. Sa sve tri kopije još uvijek selektirane idite na Object > Compound Path > Make (Control-8).

Sada selektirajte sve putanje sa 'šećernim' potezima kista zajedno sa složenim putanjama (compound paths) i idite na Object > Clipping Mask > Make (Control-7).

mask the powdered sugar around the pie letters

5. korak

Ako dodate šećer u prahu pored kriške koja nedostaje ili na krišku pite, morati ćete pomaknuti ove putanje sa potezima kista/stroke ispod postojećih maski u Layers kartici ( "E cut" i "E slice" maske od kada je izrađena prva kriška). Na ovaj način ćete dobiti čiste, jasne rubove bez izrađivanja još jedne maske.

add powdered sugar on slice of pie

Čestitam! Završili ste

Tekst efekt pite od trešanja je gotov, i ovo je završena slika. Ovo je bilo vrlo zabavno, i nadam se da ste uživali u tutorijalu. Ne zaboravite s nama podijeliti svoje rekreacije ovog ukusnog tekst efekta.

cherry pie text effect final image
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.