Proiectați o cutie de cereale tematică Vector în Adobe Illustrator

Ce veți crea

Cea mai importantă masă a zilei este Adobe Illustrator. Sunt destul de sigur că micul dejun este al doilea. Ca atare, vom combina cele două și vom plăti omagia cu cutiile de cereale ale copilăriei noastre cu acest design cutie de carton.

1. Începeți cu o schiță

Pasul 1

Este important să vă dați seama de caracterul și aspectul dvs. central în schița dvs. Îmi place să schițez înăuntru Adobe Illustrator CC (deși puteți importa și o schiță). Utilizarea Instrumentul pentru pensula (B) cu Fidelitate setat la Neted în Opțiuni ale instrumentului Paintbrush și un default Caligrafic perie selectată, am desenat un personaj încântat de desene animate și am blocat numele de cereale deasupra lui. 

Pentru un ghid detaliat despre desenarea mâinilor, aruncăm o privire la Cartoon Fundamentals: Cum să desenezi mâinile cartoon de Carlos Gomes Cabral.

Pasul 2

Deoarece aceasta este o cutie de cereale, nu uitați să prezentați castronul de cereale. În acest caz, vom trage (în majoritate) biți de cereale în formă de O, cu caracterul săriți din (sau prezentând) castronul (care a fost umplut până la margine). Grup (Control-G) împreună liniile de schiță și blocați grupul în straturi panou, așa cum veți urmări acestea atunci când vă creați designul final.

2. Formați capul

Pasul 1

Construirea fiecărui bit de anatomie nu este necesară în acest design. 

  1. Începeți cu fața urmărind schița cu Instrument Pen (P)
  2. Fața cuprinde jumătate din cap și o ureche. Puteți desprinde porțiuni din acesta (cap, maxilar și ureche) separat și Uni în deschizător de drumuri panou.
  3. Fie pentru a crea o schiță setarea culorii cursei în maro închis, fie Copiați (Control-C) și Lipiți (Control-V) forma fetei, setati culoarea de umplere si cursa la maro inchis, Greutatea accidentală la 2 pct, și Alinia în spatele chipului original.
  4. Desenați o formă mică de tip D pentru cealaltă ureche, într-un ton mai închis la carne (relativ la orice ton din carnea pe care l-ați ales) și plasați-l în spatele celorlalte forme ale capului. Pentru mai multe informații despre diverse tonuri de piele, consultați acest sfat rapid de la dvs. cu adevărat.

Pasul 2

  1. După ce i-am dat seama părului în timpul etapei schiței, acum îl pot urmări doar cu Instrumentul Pen.  Gândiți-vă la păr ca fiind în secțiuni: breton, margini și spate. Dacă doriți ca designul părului să fie un pic mai fluid, utilizați Instrumentul pentru creioane (N) să-l desenezi rapid și să rotunzi marginile prin manipulare Live Corners.
  2. Folosind același ton întunecat de carne folosit pentru ureche, desenați o formă care imită marginile părului. Acest lucru va servi pentru a arunca o umbra de pe par pe fata. Plasați forma sub păr în straturi panou.
  3. Nu uitați o formă C pentru interiorul urechii stângi.

Pasul 3

Fața este în mare parte construită din forme simple combinate pentru a forma o față cu adevărat încântată.

  1. Desenați două cercuri suprapuse utilizând Instrument de elipsă (L). Dacă setați culoarea de umplere la nulă și cursa la același maro închis fiind folosit pentru contururi, puteți modifica apoi lățimea cercurilor de pe marginea exterioară cu Instrumentul pentru lățime (Shift-W). Gura, desenată cu Instrumentul Pen, este ca o fasole jelly lateral.
  2. Nasul este ca un semn de întrebare cu susul în jos sau o jumătate de cerc cu un picior mic pe el.
  3. Pentru limbă, am ales un roz deschis și am tras o formă care preia jumătatea inferioară a gurii.
  4. Dinții sunt forme curbate care urmează conturul gurii.
  5. Copie și Pastă cercurile create pentru ochi și umple-le cu un albastru deschis. Asigurați-vă că ochiul stâng se suprapune spre dreapta.

Pasul 4

Continuând cu ochii:

  1. Desenați cercuri albe care se suprapun pe cele albastru deschis din pasul anterior. Dacă selectați cercul albastru deschis și corespondența albă care se suprapune, puteți utiliza funcția Shape Builder Tool (Shift-M) pentru a separa porțiunea care nu intersectează cercul alb (selectând-o), Deselectați, și Șterge.
  2. Folosește Instrumentul pentru lățime pentru a mări lățimea cursei ochiului. În acest caz, eu S-a inserat a cercului de contur din etapa anterioară și a plasat-o peste formele alb și albastru deschis care formează ochiul drept.
  3. Gura are nevoie și de o schiță. Copie și Pastă forma de gura de bază (care în lateral este de fasole jeleu) și a stabilit cursa la Greutate 1pt.
  4. Pentru ca nasul să nu pară transparent, trageți un semicerc și plasați-l sub linia nasului, dar deasupra ochilor din straturi panou.
  5. Înghițiți și conturul ochiului stâng și trageți două cercuri mici pentru elevi.
  6. Utilizarea Instrumentul pentru pensula, Am desenat două sprâncene mici și Extins sub ei Obiect.

Pasul 5

Când ești mulțumit de capul tău de desene animate, grup totul impreuna. Pentru a adăuga un contur mai gros în jurul întregului lucru (păstrând în același timp cel desenat anterior, care vă ajută să definiți unde se termină capul și care văd abia urechea din dreapta), CopiePastă, și Uni capul copiat în deschizător de drumuri. Setați culoarea umplerii și cursei în maro închis și greutatea cursei la 2-3pts, în funcție de ceea ce preferați. Alinia capul și silueta sa și grup împreună. 

3. Să adăugăm un corp

Pasul 1

Încă o dată, forma corpului a fost figurată în timpul etapei de schiță.

  1. Secțiunile corpului sunt după cum urmează: două mâini, două brațe, un gât, o cămașă și interiorul cămășii. Mi sa părut mai ușor, pentru mine CopiePastă, și Reflectați brațul stâng (peste a Axa verticala) pentru a obține brațul drept. Am scalat și mi-am rotit și eu pentru a se potrivi cu schița.
  2. Folosind tehnica din secțiunea anterioară, dați gâtul și brațele a 2PT greutate contur.
  3. Folosind acelasi ton intunecat de piele ca in umbrele de pe fata, deseneaza forme de umbra pentru palmele mainilor, gatului si bratele superioare (in care sunt turnate umbrele din maneca).

Pasul 2

Folosește Instrumentul Pen pentru a desena linii pe cămașa care denotă manșete pentru manșon, cusături și un guler. grup totul împreună și încă o dată, CopiePastăUni în  deschizător de drumuri panoului, aplicați o greutate accentuată la curbură și Alinia în spatele personajului principal. grup toate acestea împreună și vom continua să creăm restul designului cutiei.

4. Desenarea cerealelor tridimensionale

Pasul 1

Desenați un cerc într - un cerc mare folosind Instrumentul Ellipse. Cu ambele selectate, lovit Minus Front în deschizător de drumuri panou. Selectați forma gogoasă și mergeți la Efect> 3D> Extrude & Bevel ... . Redați rotația sau introduceți următoarele detalii pentru a obține aceeași formă 3D:

  • Axa X: 3 °
  • Axa Y: 6 °
  • Axa Z: -2 °
  • Extrude Adâncime: 34 pt
  • Suprafaţă: Plastic Shading

Pasul 2

Cu forma de donut 3D selectată, mergeți la Obiect> Extindeți aspectul. Folosește Instrumentul de selecție directă (A) pentru a selecta fața formei cerealelor și a seta culoarea de umplere la un bronz deschis. Selectați tot, dar fața obiectului și setați culoarea de umplere la un bronz mai întunecat. Urmați pașii de la Secțiunea 3, Etapa 2 pentru a da forma cerealelor o contur gros. grup aceste forme împreună. Veți utiliza acest proces de a desena o imagine plată, de ao extruda, de a schimba culorile de umplere și de a le oferi o schiță pentru celelalte bucăți de cereale mai târziu în acest tutorial.

Pasul 3

Copie și Pastă mai multe dintre "Vector O's". Roti în jurul lor după cum credeți de cuviință sau chiar să creați noi versiuni 3D ale acestora pentru o varietate suplimentară în perspectiva fiecărui obiect de cereale. Selectați un grup dintre ei și în Opțiuni de model , creați un model nou. Alege Hex prin coloană sau orice vă va oferi cea mai mare acoperire. Salvați modelul dvs. și treceți la pasul următor.

Pasul 4

  1. Desenați o elipsă mare care va servi ca vârful bolului. Setați culoarea de umplere într-o cremă ușoară (aceasta va servi drept lapte).
  2. Copie șiPastă care elipsa si aplica noul dvs. model (il ignorati lipsa de forma marshmallow, asa cum vine in scurt timp).
  3. Pastă forme de cereale în jurul bolului pentru a acoperi orice margine de model și pentru a face castronul de cereale să pară umplut până la margine cu deliciosul "Vector O's". Folosește Instrumentul Pen pentru a desena castron puțin. Doar laturile și marginea superioară se vor arăta în designul final, deci cât de precisă în perspectiva bolului este apelul în întregime.

5. Formele de Marshmallow!

Pasul 1

Secțiunea anterioară a menționat câteva dintre formele de marshmallow cu tematică Illustrator pe care le adăugăm la castronul de cereale. Să lucrăm la ele. Să începem cu a Instrumentul Pen-inspirat marshmallow. Desenați o jumătate din proiect, văzut mai jos, cu Instrumentul Pen în sine. Copie și Pastă obiectul și Reflectați peste o Axa verticala. Utilizând pașii de la Secțiunea 4, Etapa 1, creați o versiune 3D a instrumentului stiloului și schimbați culorile umbrelor la culoarea întunecată. Desenați un cerc în centrul formei și grup împreună. Dați-i un contur gros, la fel ca cerealele O.

Pasul 2

Pentru următoarea formă de marshmallow, vom crea un creion galben. Folosește Instrumentul dreptunghiului (M) pentru a desena un dreptunghi îngust. În jurul colțurilor, selectând-o cu Instrumentul de selecție directă și trăgând Live Corners spre interior. Tăiați forma în jumătate (sau mai mult), trasând un dreptunghi peste ea și lovind Minus Front în  deschizător de drumuri panou.

Pasul 3

  1. Folosește Poligon Instrument pentru a desena un triunghi simplu. 
  2. Alinia și Scară așa că baza sa are aceeași lățime ca și restul formei creionului.
  3. Utilizarea deschizător de drumuri din nou, tăiați vârful triunghiului.
  4. De aici, puteți desena niște dungi înguste pe creion și puteți continua să creați un obiect 3D ca cel al altor forme de cereale.

Pasul 4

Celelalte forme de marshmallow primesc o imagine de ansamblu rapidă, deoarece este mai mult la fel în crearea lor.

  1. Rețineți cum diferite valori în rotație pe diferite axe vă vor oferi perspective diferite pentru mlaștini.
  2. A treia formă este o pensulă. Am tras-o bazându-se pe Instrumentul pentru pensula pictograma cu Instrumentul creionului
  3. Ultimul marshmallow este Instrument de selecție redat în verde. Este realizat dintr-un dreptunghi și un triunghi mare, îndoit.

Pasul 5

Scatter marshmallows dvs. și "Vector O's" în jurul valorii de proiectare, asigurându-vă că pentru a pune unele aproape și pe mâna personajului ca și cum ar fi ieșit din castron și aruncându-le în jurul. grup toate acestea împreună. Veți observa, de asemenea, pictograma stiloului folosit pentru marshmallow albastru a fost, de asemenea, adăugat la cămașa lui. În mod evident, tipul ăsta iubește arta vectorială.

6. Autocolant și fundal

Pasul 1

Să desenezi acel autocolant drăguț situat în partea dreaptă jos a compoziției.

  • Desenați un cerc cu Instrumentul Ellipse și umpleți-o cu o culoare galben închis. Mergi la Efect> Distort & Transform> Zig & Zag ... Ajustați efectul în funcție de preferințele dvs. Cu cât dimensiunea este mai mare, cu atât mai adânc punctele se vor arunca în centrul cercului. Și cu cât mai multe crestături pe segment, cu atât mai multe puncte veți avea în jurul cercului.
  • Creați un contur pentru forma autocolantului și asigurați-vă că colțurile sunt rotunjite fie prin manipulare Live Corners sau alegerea rotunjit Capace și cornere în Accident vascular cerebral panou.
  • Pentru ao face strălucitoare, trageți un cerc cu a Gradientul liniar mergând de la galben deschis la 100% la 0% Opacitate și înclinat din stânga sus. Ștergeți toate porțiunile non-intersectante ale cercului din forma autocolantului utilizând Shape Builder Tool.
  • În cele din urmă, utilizați un font în stil comic precum Arch Rival sau Toontime pentru straturile de text.

Pasul 2

Fundalul este destul de simplu. Desenați un dreptunghi mare deasupra tabloului de bord în "teal" folosind Instrumentul dreptunghiului. Cu Instrumentul Pen, trageți forme lungi care radiază spre exterior din centrul (sau cam atat) designului. Uni acestea în deschizător de drumuri panou și aplicați a Radial gradient la Forma compusă trecând de la albastru deschis în centru și teal la margini. Cea mai mare parte a designului dvs. va acoperi porțiunile mai opace ale formei din centru.

7. Logo-ul

Pasul 1

Folosind un alt tip de benzi desenate, am scos numele de cereale. Acest font este numit Helsinki. Vă recomandăm să folosiți ceva care este copil și fie rotunjit sau arătat manual. Extrude & Bevel, la fel ca formele de marshmallow au fost înainte.

Pasul 2

Pașii pentru crearea logo-ului sunt destul de simpli:

  1. Extinde textul dvs. 3D în Obiect și Degrupeaza astfel încât să puteți muta fiecare literă în sus, în jos sau rotiți-o după preferințele dvs..
  2. Schimbați fețele literelor pe culoarea albastru deschis și culorile umbrelor pentru a le înfunda.
  3. Scară unele dintre literele sus, cum ar fi C si O, și unele dintre ele în jos, cum ar fi E.
  4. grup textul împreună odată satisfăcut de plasare și de a crea o schiță de către copiereaLipire, și Unificarea grupul copiat în deschizător de drumuri panou. Setați greutatea cursei la 3-5pts și Alinia în spatele primului grup de logo-uri. Observați modul în care textul se curbează puțin, pregătit pentru designul cutiei. 

Pasul 3

Pune-le pe toate împreună! Am decis că personajul ar trebui să se suprapună cu logo-ul puțin și textul suplimentar al "cu instrumente de marshmallow" a fost setat din nou în Arch Rival. De asemenea, am adăugat două contururi suplimentare personajelor, castronului și biților de cereale care zboară în jurul lor, pentru a le separa de fundal. 

În acest moment, cu proiectul principal finalizat, puteți numi acest proiect bine făcut. Sau, puteți continua să creați o machetă digitală a cutiei de cereale.

8. Panoul lateral

Pasul 1

Înainte de a ne deranja să batem designul, trebuie să creăm panoul lateral al cutiei de cereale. Am decis sa merg la necazul de a crea fapte nutritionale complete. Folosește Dreptunghi Instrument pentru a desena un dreptunghi îngust umplute cu alb și culoarea stroke setată la negru și a Greutate 2pt. Pentru linii, am folosit Instrumentul segmentului de linie to trageți fiecare linie, asigurându-vă că lățimea liniilor corespunde lățimii dreptunghiului inițial. Verificați o cutie de cereale reală (sau alt produs alimentar) pentru a se potrivi cu orientările FDA pentru fapte nutriționale. Dacă nu mergeți pe drumul de a face totul, luați toate libertățile artistice pe care le doriți.

Pasul 2

Fontul folosit pentru "Fapte nutriționale" este Franklin Gothic. Pentru restul etichetei, am folosit Liberation Sans, așa cum o prefer pe Arial sau Helvetica. Asigurați-vă că vă aliniați textul astfel încât vitaminele și componentele nutriționale majore să se alinieze în timp ce valorile și procentele se aliniază de cealaltă parte.

Pasul 3

La fel ca și partea frontală a cutiei de cereale, panoul lateral este, de asemenea, teal (deși fără forme de gradient radiant). Copie și Pastă sigla și Scară acesta se potrivește astfel încât să se potrivească în interiorul dreptunghiului. Pastă faptele dvs. de nutriție și exemplele asortate ale modelelor de marshmallow prea.

Pasul 4

Va trebui să vă deschideți Adobe Photoshop CC pentru finalizarea restului acestui tutorial. Veți avea nevoie, de asemenea, de această cutie de cereale mare pe Graphic River creată de Zeisla. Există o instruire .PDF cu fișierul de descărcare.

Deschideți fișierul etichetat 3.PSD în Photoshop. Veți observa că stratul superior este intitulat "Caseta (imaginea ta aici)". Click dreapta acest strat și lovit Editați conținutulsPastă designul casetei din față și asigurați-vă că umple întregul document. Lovit Salvați și du-te înapoi la 3.PSD. Veți observa că desenul dvs. se află acum pe caseta goală anterior. Repetați acest pas cu al doilea strat cu eticheta "Box Side (Imaginea ta aici) " pentru panoul lateral creat anterior (de asemenea, puteți asambla conținutul panoului lateral în fișierul direct).

Locul de muncă mare, ai terminat!

Aruncați niște marshmallows în aer, ați terminat! Apoi, ridica-le din nou, mă îndoiesc că vrei furnici. Pentru mai multă distracție cu designul de ambalaje și cartooning, verificați aceste tutoriale fantastice:

  • Mockup Blister Packaging în Photoshop
  • Cartoon Fundamentals: Cum să desenezi o Cartoon Face corect
  • Fundamentele de desene animate: Secretele în desenarea animalelor