Design en Vector Themed Cereal Box i Adobe Illustrator
Hva du skal lage
Det viktigste måltidet av dagen er Adobe Illustrator. Jeg er ganske sikker på frokost kommer andre. Som sådan, kommer vi til å kombinere de to og betale hyllest til de kornslag bokser av vår barndom med denne tegneserie boksen design.
1. Begynn med en skisse
Trinn 1
Det er viktig å regne ut din sentral karakter og layout innenfor skisse. Jeg liker å skissere innen Adobe Illustrator CC
seg selv (selv om du kan importere en skisse i tillegg). Bruke Paintbrush Tool (B)
med Fidelity
satt til Smooth
i Paintbrush Tool Options
panel og en standard kalligrafiske
pensel valgt, har jeg trukket ut en begeistret tegneseriefigur og blokkert i korn navn ovenfor ham.
For en detaljert guide til å tegne hender, ta en titt på Cartoon Fundamentals: Hvordan Draw Cartoon Hands av Carlos Gomes Cabral
Trinn 2
Siden dette er en. frokostblanding boksen, ikke glem å vise frem frokostbolle. I dette tilfellet, vil vi være tegning (for det meste) O-formede korn biter med karakteren hoppe ut av (eller presentere) bollen (som er fylt til randen). Group (Ctrl-G)
sammen skisse linjer og låse gruppen i Layers
panel, som du skal spore disse når du lager den endelige utformingen.
2. Danner hodet
Trinn 1
Bygge opp hver bit av anatomi er ikke nødvendig i denne design.
- Enten sette strek farge til mørk brun for å lage en disposisjon, eller Kopier (Ctrl-C) Hotell og Lim inn (Ctrl + V)
din ansiktsform, sette strek og fyll farge til mørk brun, Stroke Vekt
til 2
pts
, og Juster
det bak den opprinnelige ansiktet.
Tegn en lite D-aktig form for det andre øret, i en mørkere kjøtt-tone (i forhold til hva kjøtt-tone du har valgt) og plassere den bak de andre hodeformer. For mer informasjon om ulike hud-toner, sjekk ut denne rask spiss fra undertegnede.
Trinn 2
- Ikke glem en C-form for innsiden av det venstre øret.
Trinn 3
Ansiktet er for det meste bygget fra enkle former kombineres for å danne en virkelig, virkelig glade ansikt.
- Nesen er som en opp-ned spørsmålstegn, eller halv-sirkel med et lite bein på den.
For tungen, valgte jeg en lys rosa og trakk en form som tar opp den nedre halvdelen av munnen.
Tennene er buet figurer som følger konturene av munnen.
Kopier Hotell og Lim
sirklene opprettet for øynene og fylle dem med en lys blå. Sørg for at det venstre øyet lapper høyre
Trinn 4
Fortsetter med øynene.
- Munnen trenger en disposisjon også. Kopier Hotell og Lim
basen munnen form (som sidelengs Jelly Bean) og sette strek til 1pt vekt
.
Slik at nesen doesn 't vises gjennomsiktig, tegne en halvsirkel og plassere den under nesen linje, men over øynene i Layers
panel.
tykkere opp omrisset av det venstre øyet også, og trekker to små sirkler for øynene "elever.
Bruke Paintbrush Tool
, trakk jeg to små øyenbryn og Utvidede
dem under Objekt
.
Trinn 5
Når du er fornøyd med din tegneserie fyr hode, Gruppe
alt sammen. For å legge til en tykkere omriss rundt hele greia (og samtidig beholde den ene tegnet tidligere, noe som bidrar til å definere hvor hodet slutter og knapt sett øret på høyre begynner), Kopier
, Lim
, og Unite
den kopierte hodet i Pathfinder
. Sett strek og fyll farge til mørk brun og hjerneslag vekten til 2-3pts
, avhengig av hva du foretrekker. Juster
hodet og silhuetten og Gruppe
dem sammen.
3. La oss Legg en Body
Trinn 1
Nok en gang ble formen på kroppen funnet ut i løpet av skisse stadiet.
< ol>
Kroppens deler er som følger: to hender, to armer, en hals, en skjorte, og innsiden av skjorten. Jeg fant det enkleste, for meg, til Kopier
, Lim
, og Nødvendigvis
venstre arm (over en Vertical Axis
) for å få den høyre arm. Jeg skaleres og roteres det også for å passe med skissen.
- Ved hjelp av teknikken fra forrige avsnitt, gi nakke og armer en 2pt
vekt
disposisjon .
Bruke samme mørk hud-tone som brukes i skyggene i ansiktet, tegne skygge former for håndflatene, på halsen, og overarmene (der skygger fra ermene blir cast) .
Trinn 2
Bruk Pen Tool
å trekke linjer på skjorten betegner ermene, sy, og en krage. Gruppe
alt sammen, og igjen, Kopier
, Lim
, Unite
i
Pathfinder
panel, bruke en tykk strek vekt på form, og Juster
bak hovedpersonen. Gruppe
alt dette sammen, og vi vil gå videre for å skape resten av boksen design.
4. Tegning tredimensjonale Cereal
Trinn 1
Tegn en sirkel i en stor sirkel ved hjelp av Ellipse Tool
. Med både valgt, trykk på Minus Front
i Pathfinder
panel. Velg flat donut form og gå til Effect > 3D > Extrude & Bevel ...
. Spill med rotasjon, eller skriv inn i følgende detaljer for å få den samme 3D-form under:
X Axis: 3 °
Y-aksen: 6 °
Z-aksen: -2 °
Extrude Dybde: 34 pt
Overflate: < b> Plastic Shading
Trinn 2
Med 3D smultring form valgt, gå til Objekt > Utvid Utseende.
Bruk Direct Selection Tool (A)
å velge ansiktet av korn form og satt fyllfargen til en lys brunfarge. Velg alt, men ansiktet til objektet og angi fyllfarge til en mørkere brunfarge. Følg trinnene fra § 3, trinn 2
å gi korn form en tykk disposisjon. Gruppe
disse figurene sammen. Du skal bruke denne prosessen med å tegne et flatt bilde, ekstrudering det, endre fyllfargene, og gi det en disposisjon for de andre korn brikker senere i denne opplæringen.
Trinn 3
Kopier Hotell og Lim
flere av de "Vector O". Roter
dem rundt som det passer deg, eller til og med lage nye 3D-versjoner av dem for ekstra variasjon i hvert korn objekt perspektiv. Velg
en gruppe av dem og i Mønster Valg
panel, opprette et nytt mønster. Velg Hex av Column
eller hva vil gi deg mest dekning. Lagre
mønsteret ditt og gå videre til neste trinn.
Trinn 4
- Kopier Hotell og
Lim Hotell som ellipse og ta i bruk ny mønster til den (du ignorere mangelen marshmallow form, som som kommer opp snart).
Lim
korn figurer rundt bollen for å dekke eventuelle mønster kanter og for å gjøre det frokostbolle ser ut som det er fylt til randen med deilig "Vector O". Bruk Pen Tool
å trekke grunne bolle. Bare sidene og øvre kant vil vise i den endelige utformingen, så hvordan presis i bollen perspektiv du er samtalen helt.
5. Marshmallow Shapes!
Trinn 1
Den forrige avsnitt nevnt noen av Illustrator-tema marshmallow figurer vi legge til skål med frokostblanding. La oss få jobbe på dem. La oss starte med en Pen Tool
-inspirerte marshmallow. Tegne halvparten av design, sett under, med Pen Tool
selv. Kopier Hotell og Lim
objektet og Nødvendigvis
det over en Vertical Axis
. Ved hjelp av trinnene fra § 4, trinn 1
, lage en 3D-versjon av pennen og endre skygge farger til mørk blågrønn. Tegn en sirkel i midten av formen og Gruppe
sammen. Gi det et tykt omriss akkurat som frokostblanding O-tallet.
Trinn 2
For neste marshmallow form, vil vi skape en gul blyant. Bruk rektangelverktøyet
(M)
å tegne et smalt rektangel. Runde hjørnene ved å velge den med Direct Selection Tool Hotell og trekke Levende Corners
innover. Skjær formen i to (eller flere) ved å tegne et rektangel over det og treffer Minus Front
i
Pathfinder
panel.
Trinn 3
- Tegn en sirkel med Ellipse Tool
og fyll den med en mørk gul farge. Gå til Effect > Forvrenge & Transform > Zig & Sakk ...
Juster effekten til din smak. Jo større, jo dypere de punktene vil stupe inn i midten av sirkelen. Og jo flere rygger per segment, jo flere poeng du har rundt sirkelen.
- Lag en disposisjon for klistremerke form og sørge for at hjørnene er avrundet ut enten gjennom å manipulere Levende Corners Anmeldelser eller velge Avrundet
Caps
og Corners
i Stroke
panel.
For å gjøre det skinnende, tegne en sirkel med en Lineær Gradient
kommer fra
lys gul på 100%
til 0%
Opacity Hotell og vinklet fra øverst til venstre . Slett alle ikke-kryssende deler av sirkelen fra klistremerke form ved hjelp av Shape Builder Tool
.
- Til slutt bruker du en tegneserie-stil font som Arch Rival eller Toontime for tekstlag. < .no>
Trinn 2
Bakgrunnen er ganske enkel. Tegn et stort rektangel over artboard i "blågrønn" ved hjelp av rektangelverktøyet
. Med Pen Tool
, tegne lange figurer som stråler utover fra midten (eller så) av design. Unite
dem i Pathfinder
panel og bruke en Radial
gradient til Compound Shape
kommer fra lyseblå i sentrum og blågrønn på kanter. De fleste av design vil dekke mer ugjennomsiktige delene av formen i sentrum.
7. Logo
Trinn 1
Ved hjelp av en annen tegneserie-aktig skrift, skrev jeg ut ut frokostblanding navn. Denne skriften kalles Helsinki. Jeg anbefaler å bruke noe som er barnslig og enten avrundet eller ser håndtegnet. Extrude & Bevel
, akkurat som marshmallow figurer var før
Trinn 2
Trinnene til å lage logoen er ganske enkel:.
Utvid
din 3D-tekst i Objekt Hotell og Løs opp gruppe
slik at du kan flytte hver bokstav opp, ned, eller roter det til din smak.
Endre bokstaver ansikter til lys blå og deres skygge farger i Teal.
Skala
noen av bokstavene opp, som det C
Hotell og
O
, og noen av dem ned, som det E
.
Gruppe
teksten sammen en gang fornøyd med plasseringen og skape en omrisset av Kopiere
, Lime
, og Forene
den kopierte gruppen i Pathfinder
panel.
Sett hjerneslag vekt på 3-5pts Hotell og Align
det bak den første logoen gruppen. Legg merke til hvordan tekst kurvene litt, klar for boksen design.
Trinn 3
Sett det hele sammen! Jeg bestemte tegnet bør overlappe logoen litt og den ekstra teksten til "med marshmallow verktøy" ble satt i Arch Rival igjen. Jeg har også lagt til to ekstra skisserer til karakteren, bolle, og korn biter flyr rundt for å sette dem bortsett fra bakgrunnen videre.
På dette punktet, med de viktigste design ferdig, kan du ringe dette prosjektet godt gjort. Eller du kan fortsette med å lage en digital frokostblanding boksen mock-up.
8. Sidepanelet
Trinn 1
Før vi bry deg med tentamen opp design, må vi opprette sidepanelet av frokostblanding boksen. Jeg har bestemt meg for å gå til bryet med å lage full ernæring fakta. Bruk Rektangulære
Tool
å tegne et smalt rektangel fylt med hvit og strøkfargen satt til svart og en 2pt vekt
. For linjene, jeg brukte Linje Segment Tool t Anmeldelser o tegne hver linje, noe som gjør at bredden på linjene matchet bredden av den første rektangelet. Sjekk ut en real frokostblanding boksen (eller andre matvarer) for å matche FDA retningslinjer for ernæring fakta. Med mindre du går ruten for bare å gjøre det hele opp, og deretter ta det kunstneriske friheter du vil.
Trinn 2
font som brukes for "Ernæring Fakta" er Franklin Gothic. For resten av etiketten, jeg brukte Liberation Sans, som jeg foretrekker det over Arial eller Helvetica. Sørg for at du samkjøre din tekst slik at vitaminer og viktige ernæringsmessige komponenter stille opp mens deres verdier og prosenter stille opp på den andre siden.
Trinn 3
Som forsiden av frokostblanding boksen, er sidepanelet også blågrønn (men uten utstrålende graderings figurer). Kopier Hotell og Lim
logoen og Scale
det ned slik at det passer innenfor rektangelet. Lim
ernæring fakta og diverse tilfeller av marshmallow design også.
Trinn 4
Du må åpne opp Adobe Photoshop CC
for gjennomføring av resten av denne opplæringen. Du trenger også denne flotte frokostblanding boksen mock-up på Grafisk River skapt av Zeisla. Det er en instruksjons PDF
med den nedlastede filen.
Åpne opp filen merket 3.PSD
i Photoshop
. Du vil merke det øverste laget har tittelen " Box (ditt bilde her)
". Høyreklikk
dette laget, og trykk på Rediger innhold
s
. Lim
inngangs boksen design og sørge for at den fyller hele dokumentet. Hit spare Hotell og gå tilbake til 3.PSD
. Du vil merke design er nå på den tidligere tom boks. Gjenta dette trinnet med det andre laget merket " Box Side (ditt bilde her)"
for din tidligere opprettet sidepanel (du kan også sette sammen din side panel innholdet på filen direkte).
Flott jobb, er du ferdig!
Kast noen marshmallows i luften, så er du ferdig! Deretter plukke dem opp igjen, jeg tviler på at du vil ha maur. For mer moro med emballasje design og tegneserier, sjekk ut disse fantastiske tutorials:
mockup blemme emballasje i Photoshop
Cartoon Fundamentals: Hvordan Tegn en tegneserie ansiktet riktig
Cartoon Fundamentals: The Secrets i Drawing Dyr
- Lag en disposisjon for klistremerke form og sørge for at hjørnene er avrundet ut enten gjennom å manipulere Levende Corners Anmeldelser eller velge Avrundet
Bruk Polygon
Tool
å tegne en enkel trekant.
Align Hotell og Scale
det så sin base er samme bredde som resten av blyanten form.
Bruke Pathfinder
panel igjen, avskåret spissen av trekanten.
Herfra kan du trekke noen smale striper på blyanten og fortsette å skape en 3D-objekt som gjøres med de andre korn former.
Trinn 4
De andre marshmallow figurer få en rask oversikt, siden det er mer av det samme i å skape dem.
Legg merke til hvordan ulike verdier i roterende over ulike akser vil gi deg ulike perspektiver for marshmallows.
Den tredje formen er en pensel. Jeg tegner det basert off av Paintbrush Tool
ikonet med Pencil Tool
.
Den endelige marshmallow er Selection Tool
gjengitt i grønt. Det er laget av et rektangel og en stor, innrykket trekant.
Trinn 5
Spre dine marshmallows og "Vector O" rundt design, og pass på å sette noen i nærheten og på karakter hånd som om han spratt ut av bollen og kaster dem rundt. Gruppe
alt dette sammen. Du vil legge merke til, også, pennen ikonet som brukes for den blå marshmallow ble også lagt til skjorten hans. Klart, elsker denne fyren vektorgrafikk.
6. Klistremerke og Bakgrunn
Trinn 1
La oss trekke den søte klistremerke ligger i nedre høyre side av komposisjonen.
- Tegn en sirkel med Ellipse Tool
Tegn en stor ellipse som vil fungere som toppen av bollen . Sett fyllfarge til en lett krem (dette vil fungere som vår melk).
- Ved hjelp av teknikken fra forrige avsnitt, gi nakke og armer en 2pt
Tegn hvite sirkler som overlapper lyset blå fra forrige trinn. Hvis du velger den lyseblå sirkel og dens overlappende hvite motstykke, kan du bruke Shape Builder Tool (Shift-M)
å skille ikke-kryssende del av den hvite sirkelen (ved å velge den), Opphev valget
, og Slett
.
Bruk Bredde Tool
å øke bredden på øyets hjerneslag. I dette tilfellet, I Limt
omrisset sirkel fra forrige trinn og plassert den over de hvite og lyseblå former danner det høyre øyet.
- Munnen trenger en disposisjon også. Kopier Hotell og Lim
Tegn to overlappende sirkler ved hjelp av Ellipse Tool (L) Anmeldelser . Hvis du setter fyllfargen til null og hjerneslag til samme mørkebrune som brukes for skisserer, kan du endre bredden på sirklene på ytterkantene med Bredde Tool (Shift-W)
. Munnen, trukket med Pen Tool
, er som en sidelengs Jelly Bean.
- Nesen er som en opp-ned spørsmålstegn, eller halv-sirkel med et lite bein på den.
Etter å ha funnet ut håret under skissestadiet, kan jeg nå bare spore den med Pen Tool
. Tenk på håret som å være i seksjoner: smell (fringe), sider og rygg. Hvis du vil at håret design for å være litt mer væske, bruker du Pencil Tool (N)
å tegne det raskt og avrunder noen kanter ved å manipulere Levende Corners
.
< li> Ved å bruke samme mørkt kjøtt-tone som brukes for øret, tegne en form som etterligner kantene av hår. Dette vil tjene til å kaste en skygge fra håret på ansiktet. Sett formen under håret i Layers
panel.
- Ikke glem en C-form for innsiden av det venstre øret.
Start med ansiktet ved å spore din skisse med Pen Tool (P)
.
Ansiktet består halvparten av hodet og det ene øret. Du kan tegne deler av det (hode, kjeve og øre) separat og Unite
i Pathfinder
panel.