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

Kako Izraditi Ikone Ukusnog Tosta u Adobe Illustratoru

by
Difficulty:IntermediateLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Volite tost? Zašto ga ne biste napravili u vektorskom obliku? Ovdje imate tri ukusne opcije: Maslac na tostu, jaje na tostu, i tost sa čokoladom i bananom.

Prvo ćete naučiti kako nacrtati jednostavnu krišku tosta sa vektorskom teksturom kruha i izgledom tosta. Nastaviti ćete sa nadjevima: otopljenim maslacem, pečenim jajetom, čokoladnim mrvicama i kriškama banane. Zvuči dobro? Počnimo!

Ako ste gladni još ikona hrane ili vektorskih ikona općenito, Envato Market se pobrinuo opskrbiti vas sa ogromnim odabirom dizajna te vrste.

1. Počnite Novi Projekt

Pokrenite Illustrator i idite na File > New kako biste otvorili novi dokument. Upišite ime vašeg dokumenta, podesite dimenzije i zatim odaberite Pixels kao Units i RGB kao Color Mode. Pripazite da nije označena opcija Align New Objects to Pixel Grid.

Zatim, idite na Edit > Preferences > General i podesite Keyboard Increment na 1 px i dok ste još uvijek ovdje, idite na Units kako biste bili sigurni da su postavke podešene kao na sljedećoj slici. Ja obično radim sa ovim postavkama, i one će vam pomoći tokom cijelog procesa crtanja.

create new illustrator document

2. Izradite Krišku Tosta

1. korak

Počnite sa crtanjem zaobljenog pravokutnika i elipsom dimenzija prikazanih na donjoj slici, i zatim ih poredajte, također kao što je prikazano na slici.

create vector toast icon 1

2. korak

Sa oba odabrana oblika, kliknite Units u Pathfinder panelu kako biste izradili oblik tosta. Koristite Direct Selection Tool (A) da odaberete samo dvije točke prikazane sa svake strane i malo ih pomaknite prema van kako biste proširili krišku na vrhu.

create vector toast icon 2

3. korak

Ispunite oblik tosta sa prikazanim radijalnim gradijentom, ali koristite Gradient Tool (G) kako biste prilagodili kut.

Sada, Copy i Paste in Back (Control-B) (kopirajte-zalijepite) oblik tosta da napravite kopiju. Selektirajte ovu kopiju i uz pomoć Direct Selection Tool (A) pomaknite prikazane točke u smjeru strelica kako biste malo povećali oblik od originala. Ispunite kopiju toplom smeđom bojom.

create vector toast icon 3

4. korak

Koristeći Add Anchor Point Tool (+) dodajte dodatnu točku na dnu oblika tosta, i pomaknite je malo prema gore uz pomoć Up Arrow (strelica gore) tipke na tipkovnici.

Zatim, nacrtajte polu-elipsu sa Pen Tool (P), ispunite je smeđom bojom  i smjestite je straga. Odabirom Group (Control-G) grupirajte sve oblike i grupu nazovite “basic toast”.

create vector toast icon 4

3. Izradite Vektorsku Teksturu Kruha

1. korak

Uzmite Pencil Tool (N) i pokretima gore-dolje nacrtajte nasumični put preko tosta. Za taj put koristite Stroke (potez kista), sa kistom Scatter Brush, imena Ink Spatter 1 kojeg možete pronaći u Brush Libraries Menu > Artistic > Artistic_Ink. Namjestite Stroke Weight na 0.25 pt kako biste smanjili teksturu.

create vector bread texture 1

2. korak

Uz selektirani put, idite na Object meni i odaberite Expand Appearance. Ispunite grupu oblika sa linearnim gradijentom iz bijele u crnu, i zatim namjestite na Blending Mode Color Burn i 60% Opacity.

create vector bread texture 2

3. korak

Nacrtajte novi put preko tosta koristeći Pencil Tool (N), ali ovaj puta kružnim pokretima. Odaberite 0.25 pt bijeli Stroke (potez kista) i Ink Spatter 1 Scatter Brush, te tada namjestite Blending Mode u Soft Light.

create vector bread texture 3

4. korak

Vrijeme je da očistimo rubove. Prvo, selektirajte oblik tosta, pa Copy i Paste in Place (Shift -Control-V) te uklonite postojeću gradijent ispunu. Sada, selektirajte dvije teksture zajedno sa kopijom tosta i idite na Object > Clipping Mask > Make (Control-7).

mask the vector bread texture

4. Izradite Zapečeni Izgled 

1. korak

Uzmite Pen Tool (P) i nacrtajte tri oblika kao na sljedećoj slici. Ispunite ih bojama prikazanim pored svake slike, zatim idite na Effect > Stylize > Feather i primijenite Radius od 15 px25 px i opet 15px. Svima podesite Blending Mode u Color Burn.

create toasted bread 1

2. korak

Nakon što primijenite označene postavke, vaš bi tost trebao izgledati kao na slici ispod. Selektirajte sve na radnoj površini i grupirajte ih odabirom na Group (Control-G); zatim grupu nazovite "toast".

create toasted bread 2

5. Izradite Ikonu 'Maslac na Tostu'

1. korak

Sada kad je tost spreman, možete izraditi prvu ikonu koja je maslac na tostu. Nacrtajte oblik kao što je na sljedećoj slici i ispunite ga linearnim gradijentom, također kao što je prikazano. Idite na Effect > Stylize > Feather i primijenite Radius od 8 px i zatim smanjite Opacity na 75%.

create melted butter on toast 1

2. korak

Nacrtajte malen valovit oblik s desne strane prijašnjeg oblika, ispunite ga bijelom bojom i smanjite Opacity na 70%. Ovako ćete stvoriti izgled sjaja.

Grupirajte ova dva oblika koristeći Group (Control-G) i podesite grupu na Blending Mode Screen. Možete joj dati ime "melted butter".

create melted butter on toast 2

3. korak

Zatim, nacrtajte zaobljeni kvadrat i odaberite svijetlo žutu boju za ispunjavanje. Idite na Effect > Stylize > Drop Shadow i primijenite postavke kao što su prikazane ispod.

create melted butter on toast 3

4. korak

Na prvom kvadratu nacrtajte još jedan malo veći zaobljeni kvadrat, i stavite ga iza prvog.  Odaberite žutu boju za ispunjavanje.

create melted butter on toast 4

5. korak

Nastavite sa oblikom sličnim onim ispod i ispunite ga linearnim gradijentom kao što je prikazano. Namjestite ga na Blending Mode Screen i 60% Opacity, i zatim ga stavite iza dva zaobljena kvadrata.

create melted butter on toast 5

6. korak

Uzmite Pen Tool (P) i nacrtajte put prateći gornji lijevi rub prvog zaobljenog kvadrata. Odaberite Stroke od 2 pt i Width Profile 3 u Stroke panelu. Kako biste dodali više sjaja, na rastopljenom maslacu nacrtajte maleni oblik poput mjeseca i ispunite ga bijelom bojom.

Sada možete grupirati Group (Control-G) posljednjih pet puteva/oblika i grupu nazvati "butter cube".

create melted butter on toast 6

7. korak

Maslac na tostu je sada završen.

butter on toast icon

6. Izradite Ikonu 'Jaje na Tostu'

1. korak

Idite na ikonu maslaca na tostu, odaberite "toast" grupu i napravite kopiju na vašoj radnoj površini. Sada nacrtajte oblik jajeta i ispunite ga radijalnim gradijentom kao što je prikazano. Idite na Effect > Stylize > Drop Shadow i primijenite postavke kao što su na slici ispod.

create fried egg on toast 1

2. korak

Nacrtajte oblik žumanjka i ispunite ga narančastom bojom. Nastavite sa drugim oblikom dolje prikazanim, koji je iza žumanjka i ispunjen bijelom bojom.

create fried egg on toast 2

3. korak

Ispunite sljedeći oblik sa linearnim gradijentom iz bijele u crnu i zatim namjestite Blending Mode u Screen.

create fried egg on toast 3

4. korak

Nacrtajte tanki oblik poput mjeseca s donje desne strane žumanjka i ispunite ga radijalnim gradijentom kao što je prikazano.

create fried egg on toast 4

5. korak

Na žumanjku nacrtajte elipsu i ispunite je sa radijalnim gradijentom kao što je prikazano, zatim idite na Effect > Blur > Gaussian Blur i primijenite Radius od 3 px.

create fried egg on toast 5

6. korak

Sada nacrtajte tri malena oblika na lijevoj strani žumanjka. Selektirajte ih, idite na Object > Compound Path > Make (Control-8) i nakon toga ispunite taj oblik sa linearnim gradijentom kao što je prikazano.

create fried egg on toast 6

7. korak

Kako biste stvorili izgled pečenih rubova,uz pomoć alata Pen Tool (N) ili Pencil Tool (N), nacrtajte nekoliko puteva prateći rub jajeta. Kako biste ocrtali te puteve potezima kista, koristite Art Brush pod imenom Chalk-Scribble koje ćete pronaći u Brush Libraries Menu > Artistic > Artistic_ChalkCharcoalPencil. Namjestite Stroke Weight i boje kao što vidite na primjeru. Za izgled intenzivnije pečenog jajeta, možete nacrtati mnogo više ovakvih puteva.

create fried egg on toast 7

8. korak

Sada nacrtajte neke vrlo malene elipse pored ruba jajeta i ispunite ih svijetlim tonovima smeđe.

create fried egg on toast 8

9. korak

Čisto iz dekorativnih razloga, dodajmo malo mljevenog papra. Na jajetu nacrtajte malo sićušnih kružića, koliko god ih želite, te nakon toga napravite složeni put ili ih gurpirajte Group (Control-G). Ispunite tamno smeđom bojom.

create fried egg on toast 9

10. korak

U ovom trenutku jaje na ikoni tosta je završeno.

fried egg on toast icon

7. Izradite Ikonu 'Čokoladne Mrvice i Banane na Tostu'

1. korak

Prvo, idite na prijašnju ikonu i napravite još jednu kopiju "toast" grupe. Uzmite Pen Tool (P) i nacrtajte nasumični oblik preko tosta. Ispunite smeđom bojom i zatim primijenite Drop Shadow efekt.

create chocolate spread on toast 1

2. korak

Kako biste izradili kriške banane, počnite sa okruglim oblikom i zatim iza njega nacrtajte malo veći krug . Nacrtajte još jedan okrugli oblik u sredini i ispunite ga radijalnim gradijentom kao što je prikazano na primjeru.

create slice of banana 1

3. korak

U sredini kriške nacrtajte oblik sličan ovome ispod, upotrijebite prikazanu boju i tada je namjestite u Blending Mode i 50% Opacity.

Nacrtajte manji oblik u sredini, odaberite narančastu boju za ispunu i zatim namjestite na Blending Mode Multiply i 50 % Opacity.

create slice of banana 2

4. korak

Koristeći Pen Tool (P), sa strane nacrtajte dva puta. U Stroke panelu odaberite 1.5 pt Stroke bijele boje i Width Profile 1.

create slice of banana 3

5. korak

Opcijom Group (Control-G) grupirajte sve oblike koji su sastavni dio kriške banane. Napravite još kopija, lagano ih zarotirajte, i složite ih preko sloja čokolade.

create chocolate banana on toast

6. korak

Uz pomoć alata Pencil Tool (N) nacrtajte nekoliko puteva između kriški banane, kao što je prikazano na sljedećoj slici. Odaberite 2 pt Stroke i Width Profile 3, te nakon toga primijenite 2 px Gaussian Blur. Smanjite Opacity na 70%.

create chocolate spread on toast 2

7. korak

Nacrtajte još par puteva između kriški banane i između puteva sjena iz prijašnjeg koraka. Oaberite 2 pt Stroke i Width Profile 3, i zatim na sve njih primijenite 2 px Gaussian Blur. Za dva crvena puta u sredini, povećajte Gaussian Blur Radius na 3 px i također smanjite Opacity na 80%.

create chocolate spread on toast 3

8. korak

U ovom trenutku, ikona s čokoladnim mrvicama i bananom je završena.

chocolate spread and banana on toast icon

8. Ikonama Dodajte Sjene

Selektirajte samo grupu "basic toast" iz svake ikone i idite na Effect > Blur > Gaussian Blur. Primijenite postavke koje vidite na slici ispod i kliknite OK.

add shadow to toast icons

Čestitam! Završili Ste

Evo konačne slike. Nadam se da vam je ovaj tutorijal bio zabavan i ukusan u isto vrijeme. Slobodno eksperimentirajte sa različitim nadjevima i pokušajte napraviti vaš najdraži tost. Ne zaboravite mi pokazati vaše kreacije kako bih mogla uživati u njima.

Recite mi, kojeg biste upravo sada pojeli?

final image of vector toast icons
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.