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

Kako Izraditi Slatku Macu Kao iz Crtanog Filma u Adobe Illustratoru

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

Jeste li ikada željeli izraditi dječju knjigu ili naučiti dizajnirati slatke likove u stilu crtanih filmova? Ovaj tutorial bi mogao biti baš za vas! Proći ćemo kroz zabavan i lagan proces izrade slatke sijamske mace u Adobe Illustratoru, koristeći jednostavne oblike, Warp efekte i Pencil alat sa malo slobodnog crtanja. Jeste li spremni?

Do kraja ovog tutoriala otkriti ćete nove trikove i savjete koje možete zatim primijeniti u budućim radovima, stvarajući likove poput ovih "Cute Cartoon Animals" životinjica na GraphicRiveru

cute cartoon animals from graphicriver

1. Kako Nacrtati Glavu Mace

1. korak

Počnimo izradom novog dokumenta (New Document) od 600 x 600 px veličine i RGB Color Mode načina. Upotrijebite Rectangle Tool (M) iste veličine kojem napravite Fill (ispunu) svijetlo plave boje za pozadinu.

create a new document

2. korak

Početi ćemo sa bazom glave. Upotrijebite Ellipse Tool (L) da napravite svijetli bež oval veličine 285 x 215 px. Selektirajte mu bočne točke sidrišta sa Direct Selection Tool (A) alatom i povucite nekoliko piksela dolje, čime ćete malo spljoštiti oblik. Možete ih pomaknuti tako da držite pritisnutu tipku Shift i kliknete i povučete mišem ili koristeći na tipkovnici tipku sa strelicom dolje.

Idite na Copy (Control-C) da kopirate oblik i zatim Paste in Place (Shift-Control-V). Držite Alt-Shift tipke i smanjite kopiju. Promijenite boju kopije u svijetlo sivu.

create a head from ellipse

3. korak

Spojimo par ušiju na glavu mace. Prvo, uzmite Polygon Tool (nalazi se u istom padajućem izborniku kao i Rectangle Tool (M)) i jednim klikom bilo gdje na radnu površinu (Artboard) otvorite Options izbornik.

Podesite Sides vrijednost u 3 i izradite trokut jednake blijedo sive boje koju smo primijenili na oblik lica. Možete upotrijebiti Eyedropper Tool (I) da odaberete boju ako nije već selektirana u Colors kartici.

Transformirajmo malo oblik kako bi više nalikovao na uho. Ostavite ga selektiranog, idite na Effect > Warp > Bulge i podesite Vertical Bend vrijednost u 40%; Horizontal Distortion u -10%. Na ovaj način stvaramo ispupčenje na obliku te ga svijamo u lijevo.

Idite na Object > Expand Appearance da primijenite efekt. Selektirajte gornju točku sidrišta objekta sa Direct Selection Tool (A) alatom i povucite dolje Live Corners oznaku u obliku kružića kako biste zaokružili vrh oblika. Također, ako je potrebno, možemo podesiti Corner Radius u alatnoj traci na vrhu.

create the ear and use the warp effect

4. korak

Dok je oblik još selektiran idite na Object > Path > Offset Path i podesite Offset vrijednost u -15 px, ostavljajući druge postavke podešene na Default. Kliknite OK da izradite manji trokut kojem podesite Fill (ispunu) na ružičastu boju, kreirajući time unutarnji dio uha.

Učinite također i vrh ružičastog oblika zaobljenim koristeći Direct Selection Tool (A) i Live Corners značajku.

use the Offset path function

5. korak

Funkcijom Group (Control-G) grupirajte oba elementa uha i dodajte ga glavi, te primijenite Rotate za rotaciju i podesite mu veličinu kako bi pristajalo glavi.

Dvostrukim klikom na Reflect Tool (O) alat, selektirajte Vertical Axis i kliknite Copy da napravite zrcalnu kopiju uha. Spojite ga na suprotnu stranu glave.

reflect the ear and attach to the head

6. korak

Nastavite dalje i nacrtajte lice našeg lika. Upotrijebite Ellipse Tool (L) da izradite 65 x 55 px bijelu elipsu za očne jabučice. Upotrijebite Direct Selection Tool (A) da skratite ručku gornje točke sidrišta i vrh ručke desne točke sidrišta nakrivljujući desni rub oka.

Sada dodajte 50 x 60 px svjetloplavi oval za šarenicu i 30 x 37 px tamno plavu elipsu za zjenicu. Smjestite oblike kao što je prikazano ispod na slici prekrivajući desnu polovicu očne jabučice.

make an eyeball from ellipse

7. korak

Dodajte svijetlo bijelu elipsu za odsjaj i pogledajmo kako možemo sakriti neželjene dijelove šarenice.

Idite na Copy (Control-C) da kopirate bijelu očnu jabučicu, zatim idite na Paste in Front (Control-F) i na kraju Bring to Front (Shift-Control-]). Sada selektirajte sve elemente oka, kliknite desni gumb miša i zatim odaberite Make Clipping Mask, čime smještate sve unutar gornje kopije što će poslužiti kao zamišljeni spremnik. Svi oblici unutar tog kontejnera još uvijek su editabilni (znači mogu se mijenjati). Možete pronaći Clip Group u Layers kartici, otvoriti tu mapu i pomaknuti, uređivati i premještati objekte.

create a clipping mask

8. korak

Upotrijebite Reflect Tool (O) da Flip funkcijom preokrenete oko preko Vertical Axis osi i zatim idite na Copy da napravite kopiju. Premjestite šarenicu i njezine elemente unutar Clipping Mask maske da popravite pogled mace.

create a copy for the second eye

9. korak

Nacrtajmo sada nos. Napravite 25 x 25 px svijetlo ružičasto elipsu i preoblikujte je malo sa Direct Selection Tool (A) alatom, pomičući joj gornju i donju točku sidrišta dolje kako bi postigli izgled poput naopačke okrenutog zaobljenog trokuta.

Napravite još jednu elipsu 13 x 12 px za obrvu, ispunite je (Fill) svijetlo sivom bojom i blago preoblikujte. Rotirajte obrvu i upotrijebite Reflect Tool (O) da dodate drugu.

create a nose and brows from the ellipses

10. korak

Nastavimo dalje i nacrtajmo usta. Upotrijebite Line Segment Tool (\) dok držite tipku Shift da nacrtate ravnu, horizontalnu liniju. Primijenite Stroke tamno sive boje iz Color kartice. Prilagodite debljinu linije iz glavnog kontrolnog izbornika na vrhu ili iz Stroke kartice (Window > Stroke) podešavanjem Weight vrijednosti na 3 pt i Cap u Round Cap.

Idite na Effect > Distort & Transform > Zig Zag. Ovdje, podesite Size u 4 px, Ridges per segment u 3Points u Smooth. Prilagodite Ridges per segment vrijednost ukoliko se vaš rezultat razlikuje od onog prikazanog na sljedećoj slici.

make a stroke and apply Zig Zag effect

11. korak

Idite na Object > Expand Appearance da primijenite efekt. Sada možemo urediti krajeve linije koristeći Direct Selection Tool (A). Rotirajte ručke sidrišta dolje da kutove usana učinite zaobljenima.

expand appearance and edit the shape

12. korak

Nacrtajmo brkove koristeći Ellipse Tool (L). Izradite 40 x 3 px tamno sivi krug, selektirajte mu bočne točke sidrišta sa Direct Selection Tool (A) alatom i odaberite Convert selected anchor points to corner u kontrolnoj traci na vrhu čime ćete vrhove elipse učiniti šiljastima.

Duplicirajte (Control-C > Control-F) oblik nekoliko puta, smanjujući kopije i primjenjujući Rotate kako biste dodali još brkova.

make whiskers from ellipses

13. korak

Dovršite glavu mačića dodajući simpatičan čuperak kose na vrh koristeći Pencil Tool (N). Možete prilagoditi postavke alata dvostrukim klikom na Pencil Tool Options prozor. Odavde pomaknite Fidelity slajder dalje u desno ako želite izgladiti linije ili ih produžiti u lijevo ukoliko koristite grafički tablet i imate mirnu ruku.

draw a tuft of hair

2. Kako Nacrtati Tijelo Mace sa Pencil Alatom

1. korak

Počnimo raditi tijelo počevši od elipse. Napravite 160 x 210 px elipsu tamne bež boje. Upotrijebite Direct Selection Tool (A) da selektirate obje bočne točke sidrišta i povucite ih dolje, stvarajući oblik poput jajeta.

Koristeći Send to Back (Shift-Control-[) pošaljite elipsu straga, ispod glave.

make the body from the ellipse

2. korak

Sada uzmite Pencil Tool (N) i vježbajte malo crtanje rukom. Nacrtajte prednju šapu i pripojite je s tijelu, kao što je prikazano ispod.

Na šapu primijenite Linear Gradient čime će maca dobiti  izgled prave sijamske mace. Upotrijebite Gradient karticu (Window > Gradient) da primijenite tamno-sivu boju na lijevi slajder i Gradient Tool (G) da prilagodite smjer gradijenta tako da se lijepo stopi sa tijelom.

Duplicirajte šapu i smjestite kopiju kao što je prikazano ispod na primjeru.

draw the paws

3. korak

Dodajmo sada stražnje šape. Upotrijebite Pencil Tool (N) da nacrtate željeni oblik šape, upotrijebite Send to Back (Shift-Control-[) da je pošaljete straga i malo je potamnite u odnosu na tijelo kako biste međusobno odvojili elemente. Na ovu šapu možete i ne morate primijeniti isti gradijent, jer će on biti skriven iza boce. U slučaju da lika želite animirati ili kasnije promijeniti neke detalje, svakako pripazite da primijenite isti gradijent na sve šape. Samo selektirajte sve šapice i upotrijebite Eyedropper Tool (I) da odaberete i primijenite izgled.

Dovršite dijelove tijela dodajući simpatičan zakrivljeni rep koristeći Pencil Tool (N) i ispunite ga (Fill) istim linearnim gradijentom.

Odlično! Čini se da je naša maca završena! Dodajmo joj još završne detalje.

add back paws and a tail

3. Kako Nacrtati Bocu Mlijeka

1. korak

Kao što možda već znate, mace zapravo ne podnose laktozu, i stoga im ne odgovara mlijeko. Ipak, pošto kreiramo dječju ilustraciju sa imaginarnim likom, možemo nacrtati što god želimo, bio to milkshake ili zeleni smoothie ili pak limenka gaziranog pića, ovisno o potrebama slike. U našem slučaju, našu macu će biti ljubitelj milkshakea!

Počnimo zato raditi bocu od 90 x 150 px svijetlo plavog pravokutnika. Dodajte 40 x 65 px pravokutnik i smjestite ga preko vrha prvog, oblikujući grlo boce.

Možete primijeniti Align na oba oblika da ih poravnate na Artboard ili Key Object koristeći Align karticu (Window > Align). Selektirajte oba oblika i kliknite Horizontal Align Center na Align to Artboard. Ako želite primijeniti poravnanje na jedan od objekata, kliknite oba oblika i kliknite ih zatim još jednom. Okolo ćete vidjeti deblju selekciju koja upozorava da je to ključni objekt (Key Object).

Kada ste zadovoljni rezultatom, selektirajte oba oblika i ujedinite ih klikom na Unite u Pathfinder kartici, sjedinjujući ih u jednu siluetu.

create a bottle from two rectangles

2. korak

Selektirajmo kutove boce sa Direct Selection Tool (A) alatom i učinimo ih zaobljenima povlačenjem Live Corners markera u obliku kružića. Selektirajte unutarnje kutove između tijela i vrata boce, te ih također izgladite. Možete prilagoditi Corner Radius vrijednosti u kontrolnoj traci na vrhu ako želite okrugle brojke, ili ih možete ostaviti kako jesu ako dobro izgledaju.

Uzmite Curvature Tool (Shift-‘) alat i blago zaokružite dno boce svijajući joj rub prema dolje.

make the bottle smooth and rounded

3. korak

Idite na Object > Path > Offset Path i podesite Offset vrijednost na -5 px, kreirajući manju siluetu iznutra. Ispunite (Fill) je svjetlijom plavom bojom da staklene rubove boce učinite debelima. Duplicirajte (Control-C > Control-F) novi oblik i ispunite (Fill) kopiju bijelom bojom koja predstavlja mlijeko.

use the offset path to add milk

4. korak

Učinimo bocu napola praznu! Napravite elipsu, rotirajte je i promijenite joj veličinu tako da pristaje unutarnjem dijelu boce. Selektirajte obje elipse i oblik mlijeka. Sada uzmite Shape Builder Tool (Shift-M), držite pritisnutu tipku Alt i kada se pokraj kursora miša pojavi znak minus (-) , prijeđite njime preko gornje polovice oblika mlijeka. Kada posivi, jednom ga kliknite da obrišete taj dio. Odlično! Polovica mlijeka je nestala!

use the shape builder tool

5. korak

Oblikujmo sada vrh vrata boce. Izradite 60 x 20 px elipsu i ispunite (Fill) je plavom bojom malo svjetlijom od tijela boce. Izradite manju elipsu unutar prve da oblikujete rupu, stvarajući je manualno ili koristeći Offset Path funkciju.

create the bottleneck from ellipses

6. korak

Sada kada je boca dovršena, idite na Group (Control-G) da grupirate sve njezine elemente i smjestite je u macine šape. Možemo to učiniti pozicioniranjem boce na željeno mjesto i zatim primijeniti Send to Back (Control-[) nekoliko puta ili je povući dolje manualno u Layers kartici.

place the bottle in kittens paws

7. korak

Dodajmo slamku kako bismo izradili što detaljniju sliku. Upotrijebite Pen Tool (P) da nacrtate izlomljenu liniju. Primijenite ružičastu boju za Stroke Colors kartici. Zatim otvorite Stroke karticu i podesite Weight na 4 pt što će podebljati slamku.

Kao sa geometrijskim oblicima, za izlomljenu liniju možemo upotrijebiti Live Corners funkciju. Samo selektirajte kutnu točku sidrišta pomoću Direct Selection Tool (A) alata i blago je zaokružite.

Kada ste zadovoljni izgledom, idite na Object > Expand da ekspandirate liniju kako biste je pretvorili u oblik.

create a straw with the pencil tool

8. korak

Pošto se donji dio slamke nalazi unutar boce, njezina boja bi se trebala razlikovati od gornjeg dijela jer je zatamnjena iza stakla.

Pogledajmo kako možemo postići taj efekt. Selektirajte slamku i unutarnju elipsu vrata boce. Uzmite Shape Builder Tool (Shift-M) i kliknite jednim klikom donji dio slamke kada postane siva. Imajte na umu da ovaj puta ne držimo Alt ili neku drugu tipku jer želimo razdvojiti oblik, izrezujući slamku na dva dijela.

Ispunite (Fill) donji dio s svjetlijom ružičastom bojom i primijenite Send Backward (Control-[) nekoliko puta, djelomično ga skrivajući ispod vrata boce.

divide the straw with the shape builder tool

9. korak

Ovako sada sve zajedno izgleda. Ne zaboravite na usta primijeniti Bring to Front (Shift-Control-]) da ih smjestite sprijeda, prekrivajući vrh slamke.

Bring the mouth shape to Front

10. korak

Dovršimo našu ilustraciju dodajući neke minorne detalje po vlastitoj želji. Na primjer, ja sam ovdje kao mrlje rasporedila grupu tamno plavih elipsi, smještajući sjenu ispod mace.

add shadow ellipses

Mijau! Naša Ilustracija Slatke Mace je Završena!

I to je to! Odličan posao!

Ako želite pogledati izvornu datoteku da vidite sve detalje, ili ako za svoj dizajn trebate cijeli set zgodnih likova, možete uzeti ove Cute Cartoon Animals likove životinjica na GraphicRiveru.

Cute Cartoon Animals from GraphicRiver

Nadam se da ste uživali prateći ovaj tutorial i naučili neke nove jednostavne trikove i savjete koji će vam pomoći ubrzati rad da kreirate više zgodnih ilustracija likova u stilu crtanog filma!

Cute Kitten Character Adobe Illustrator Tutorial
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.