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

Kako Izraditi Ukusne Cupcake Ikone 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

U ovom tutorijalu ću vam pokazati kako izraditi cupcake ikonu u Adobe Illustratoru, i počevši od prve, napraviti ćete i druge ukusne varijacije samo primjenom nekoliko promjena.

Iskoristimo prikaz ovih ikona prikazanih u ptičjoj perspektivi i budimo kreativni sa dekoracijama što je najviše moguće. Četiri okusa koja sam ja odabrala su vanilija sa konfetima, crveni baršun, čokolada s bademom, i krema od borovnice. Počnimo!

Ako ste gladni još ikona hrane ili vektorskih ikona općenito, tada se Envato Market pobrinuo za vas sa velikim odabirom dizajna.

1. Počnite Novi Projekt

Pokrenite Illustrator i idite na File > New da otvorite prazni dokument. Utipkajte ime vašoj datoteci, podesite dimenzije i zatim odaberite Pixels kao Units i RGB kao Color Mode. Pripazite da vam nije označen Align New Objects to Pixel Grid.

Zatim, idite na Edit > Preferences > General i podesite Keyboard Increment u 1 px, te dok smo još ovdje idite na Units kako biste bili sigurni da je sve podešeno kao na sljedećoj slici. Ja obično radim sa ovim postavkama i one će vam pomoći tijekom cijelog procesa crtanja.

Start New Illustrator Document

2. Napravite Papirnatu Čašicu

1. korak

Počnite crtanjem 190 x 190 px kruga sa alatom Ellipse Tool (L). Dok vam je oblik još uvijek selektiran, idite na Effect > Distort & Transform > Zig Zag i primijenite prikazane postavke.

Draw Ellipse for Paper Cup and Apply Zigzag

2. korak

Sa još uvijek selektiranim krugom, odaberite Expand Appearance iz Object menija i kliknite Ungroup (Shift-Control-G) ako je potrebno. Ispunite dobiveni oblik sa linearnim gradijentom prikazanim u -45° Angle. Nazovimo ovaj oblik "paper exterior".

Fill with Gradient

3. korak

Dok vam "paper exterior" ostaje selektiran, idite na Object > Path >Offset Path i primijenite -3 px Offset. Ispunite manji oblik sa prikazanim zrakastim (radial) gradijentom i nazovite ga "paper interior".

Kliknite Group (Control-G) da grupirate ova dva oblika i nazovite grupu "paper cup".

Offset and Fill

3. Napravite Cupcake

1. korak

Upotrijebite Ellipse Tool (L) da nacrtate 170 x 170 px krug i smjestite ga u sredinu. Ispunite ga zrakastim (radial) gradijentom i nazovite oblik "cupcake".

Draw and Fill Ellipse for Cupcake

2. korak

Dok vam je "cupcake" još selektiran, bacite pogled na Appearance panel. Dodajte New Fill iznad prvog i zadržite isti gradijent. Idite na Effect > Texture > Texturizer, primijenite prikazane postavke i kliknite OK. Smanjite Opacity na 33%.

Apply Texturizer to Cupcake

4. Napravite Preljev od Vanilije

1. korak

Nacrtajte oblik kao što je ispod i ispunite ga žutom bojom (1). Na ovaj oblik kliknite Copy i zatim Paste in Back (Control-B), promijenite boju ispune u toplu smeđu, i zatim ga pomaknite malo dolje udesno da prikazuje sjenu. Zatim Copy i Paste in Front (Control-F) na prvi oblik, smanjite ga i promijenite boju ispune (3).

Create icing shapes

2. korak

Uzmite Pen Tool (P) ili Pencil Tool (N) i u sredini nacrtajte spiralu. Prođite po njemu sa Charcoal – Rough Art Brush iz Brush Libraries Menu > Artistic > Artistic_ChalkCharcoalPencil. Za boju poteza kista odaberite žutu i podesite Weight u 2 pt (2). Zatim idite na Effect > Stylize > Feather i primijenite Radius od 5 px (3).

Apply Rough Art Brush

3. korak

Na spiralu iz prijašnjeg koraka kliknite Copy i Paste in Front (Control-F), promijenite boju poteza kista u smeđu i podesite Weight u 0.5 pt. Ostatak postavki ostaje isti.

Add Another Smaller Stroke

4. korak

Nacrtajte novu spiralu u sredini, ali manju. Upotrijebite Charcoal – Rough Art Brush da opet prođete kistom i ostavite Weight na 1 pt. Primijenite 5 px Feather Radius.

Add and Feather another stroke

5. Dekorirajte Konfeti Posipom i Trešnjom

1. korak

Da napravite konfete, samo uzmite Ellipse Tool (L) i nacrtajte onoliko malih kružića koliko želite. Ispunite ih raznim bojama i nakon toga ih sve zajedno grupirajte postupkom Group (Control-G). Sa selektiranom grupom, idite na Effect > Stylize > Drop Shadow i primijenite prikazane postavke.

create confetti on cupcake

2. korak

Izradu trešnje počnite sa krugom dimenzija 50 x 50 px. Ispunite je zrakastim (radial) gradijentom prikazanim ispod.

Draw Circle for Cherry

3. korak

Koristeći Pen Tool (P) nacrtajte manji oblik na gornjoj lijevoj strani. Ispunite ga linearnim gradijentom kao što je prikazano; zatim idite na Effect > Blur > Gaussian Blur i primijenite Radius od 2 px.

Add Reflection Shape

4. korak

Nacrtajte još jedan manji oblik na dnu s desne strane i ispunite ga linearnim gradijentom kao što je prikazano. Nakon toga primijenite 2 px Gaussian Blur.

Add second refection shape

5. korak

Grupirajte Group (Control-G) sve oblike koji čine trešnju i pomaknite ih na preljev. Nacrtajte novi krug otprilike veličine trešnje, ispunite ga zrakastim gradijentom, i zatim podesite u Blending Mode Multiply. Ovaj oblik će biti sjena, stoga bi trebao biti iza trešnje.

U ovom stadiju Cupcake sa Konfetima od Vanilije je završen.

Move Cherry and Add Shadow

6. Napravite Crveni Baršunasti Cupcake 

1. korak

Sada ćemo pretvoriti cupcake od vanilije u crveni baršunasti cupcake. Prvo, napravite kopiju vanilija cupcake-a, ali obrišite konfete i trešnju jer ih nećete trebati.

Copy all but confetti and cherry

2. korak

Za vizualne potrebe i da se fokusirate bolje na promjene koje morate napraviti, sakrila sam grupu sa preljevom, ali vi to ne morate učiniti.

Prvo odaberite "paper exterior" i promijenite boju gradijenta, te nakon toga promijenite boju ispune za "paper interior".

Change fill colour

3. korak

Selektirajte "cupcake" i u Appearance panelu promijenite dva postojeća gradijenta u onaj prikazan ispod. Povećajte Opacity na 44%.

Change gradients

4. korak

Promijenite boju ispune sva tri oblika koja čine preljev, i nakon toga promijenite boju poteza kista triju spirala. Ostatak postavki ostaje isti.

Change spiral stroke color

5. korak

Upotrijebite Pen Tool (P) da nacrtate vrlo malen oblik i ispunite ga crvenom. Nemojte nacrtati krug jer će na kraju crvene mrvice na preljevu izgledati previše savršeno i pravilno. Odvucite taj oblik u Brushes panel i odaberite New Scatter Brush.

Sada, uzmite Pen Tool (P), nacrtajte neurednu spiralu na preljevu i upotrijebite Scatter Brush koji ste upravo spremili za potez kista. Neka vam Weight bude podešen na 1 pt ali otvorite Stroke Options prozor (dvaput kliknite na Stroke u Appearance panelu) i promijenite postavke kao što je navedeno ispod.

Create and use new scatter brush

6. korak

Dok vam je neuredna spirala selektirana, idite na Object meni i odaberite Expand Appearance. Rezultirati će povučenom putanjom pretvorenom u grupu crvenih mrvica. Uzmite Selection Tool (V) i dvaput kliknite na tu grupu da unesete Isolation Mode.

Sada ćete moći individualno selektirati mrvice i obrisati one koje su posipane predaleko. Za izlaz iz Isolation Mode-a pritisnite dva puta strelicu u kutu.

U ovom trenutku, Crveni Baršunasti Cupcake je završen.

Delete unwanted crumbs

7. Napravite Cupcake s Čokoladom i Bademima

1. korak

Transformirajmo sada crveni baršunasti cupcake u čokoladni cupcake. Prvo, napravite kopiju crvenog cupcake-a, ali obrišite crvene mrvice.

Copy all but crumbs

2. korak

Papirnata čašica ostaje ista. Selektirajte "cupcake" i promijenite dva gradijenta u Appearance panelu.

Modify gradients

3. korak

Promijenite boju ispune triju oblika koja čine preljev, i nakon toga promijenite boju poteza kista triju spirala kao što je prikazano ispod. Ja sam također napravila kopiju manje spirale i pomaknula je na vrh.

Change colors

4. korak

Sa Pen Tool (P) alatom nacrtajte ovalni oblik sličan kriški badema. Napravite nekoliko kopija i rasporedite ih preko čokoladnog preljeva. Upotrijebite dva gradijenta da ih ispunite.

Draw Almond Slices

5. korak

Primijenite Drop Shadow efekt na svaku krišku badema kako bi dodali malu sjenu. Ne možete zapravo primijeniti iste postavke na sve njih jer to ovisi o poziciji badema, ali na sljedeće dvije slike možete vidjeti dva primjera.

U ovom trenutku Cupcake s Čokoladom i Bademima su završeni.

Apply drop shadow

8. Napravite Cupcake sa Borovnicom i Šlagom

1. korak

Sada transformirajmo cupcake od vanilije u cupcake od borovnice. Prvo, napravite kopiju cupcake-a od vanilije, ali obrišite konfete i trešnju.

Copy the cupcake

2. korak

Papirnata čašica i cupcake ostaju isti. Promijenite boju ispune triju oblika koji čine preljev, i nakon toga promijenite boju poteza kista triju spirala.

Change the colors

3. korak

Idite na crveni baršunasti cupcake, selektirajte samo dva od tri oblika koji čine preljev i napravite kopiju. Kliknite Group (Control-G) da grupirate dva oblika, smanjite ih i posložite preko preljeva od borovnice.

Copy the icing

4. korak

Napravimo sada kopiju trešnje i transformirajmo je u borovnicu. Prvo, selektirajte krug i promijenite ispunu gradijenta. Nakon toga, promijenite boju ispune dvaju osvijetljenih oblika. Gaussian Blur efekt ostaje isti.

Change the cherry color

5. korak

Pomaknite borovnicu na preljev. Nacrtajte novi krug velik otprilike kao borovnica i ispunite ga zrakastim (radial) gradijentom. Podesite Blending Mode u Multiply. Ovaj oblik će predstavljati sjenu i trebao bi biti iza borovnice.

U ovom trenutku, Cupcake sa Kremom od Borovnice je završen.

Apply shadow

9. Dodajte Sjene

1. korak

Selektirajte "paper cup" grupu, idite na Effect > Stylize > Drop Shadow, i primijenite prikazane postavke.

add shadow to cupcake

2. korak

Ponovite prijašnji korak na ostala tri cupcake-a. Primijenite Drop Shadow efekt na svaku "paper cup" grupu.

add shadow to other cupcakes

Čestitam, Završili Ste!

Izazovite svoju kreativnost i upotrijebite ove cupcake kolačiće kao početnu točku da napravite i druge okuse, ili ih dekorirajte na drugačiji način. U tom slučaju, ne zaboravite vaše kreacije podijeliti s nama. Voljela bih ih pojesti...ups! Mislim, vidjeti!

overhead view cupcake 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.