Craft en deilig kinesisk mat Icon

Denne opplæringen vil demonstrere hvordan å lage en deilig kinesisk mat ikonsett. Denne opplæringen krever en sjenerøs kommando av Adobe Illustrator verktøy. La oss grave i dette yummy ikonet utforming tutorial, som inkluderer en rekke vektor illustrasjon teknikker.

Final Bilde Forhåndsvisning

Nedenfor er den endelige utformingen vi skal jobbe mot.

Trinn 1

starte med å tegne et rektangel med rektangelverktøyet (M). Flytt de to nederste punktene innover ved å velge dem med Direct Selection Tool (A).

Trinn 2

For å raskt lage 3D-egenskaper vi vil bruke Illustrator 3D Extrude funksjonen. Gå til Effect > 3D > Extrude & Bevel ... Skriv inn tallene som vises nedenfor for å oppnå et lignende utseende. Avhengig av hvordan akkurat du tegnet din form, tallene nedenfor trenger å bli noe endret. Klikk OK når resultatet ser bra ut for deg.

Trinn 3

For å kunne arbeide med objektet du trenger for å utvide og dele opp det første. Gå til Objekt > Utvid Utseende. Så gå til Objekt > Løs opp gruppe. Fortsett å dele opp objektet før du er i stand til å velge hver enkelt figur som består av objektet. Gi hver side av seksten en flat farge som vil være lik den endelige fargen på boksen.

Dette er en flott tid til å tenke på hvor lyskilden kommer fra. Jeg har bestemt at lyset kommer fra øvre venstre side, så høyre side av sekstenmeteren har en mørkere farge. Ha dette konseptet i tankene når du arbeider med andre elementer, slik at alt er konsekvent.

Trinn 4

For å lage flaps og folder i boksen, vil vi rett og slett tegne figurene vi trenger ved å bruke Pen Tool (P). Tegn en linje ned midt på toppen av boksen før du begynner å lage de andre figurene. Dette vil gjøre det lettere å være sikker på at klaffene ser symmetrisk

Merk: det vil være lettere hvis du låse hoved boks form før du tegner de andre figurene på toppen av det. Dette vil sikre at du ikke uforvarende klikke på figurer du ikke har tenkt på. For å låse et objekt trykker Kommando + 2.

Trinn 5

Tegn den andre klaff nå.

Trinn 6

Tegn trekanten flaps på siden .

Trinn 7

Lag en kopi av forsiden av boksen og holde den av til side for bruk i et senere trinn.

Du kan gi klaffene på toppen og siden en rask lineær gradient til å skille dem fra de andre figurene. Imidlertid vil det mest fremtredende overflaten har mer detaljer og gjengi så vi vil bruke Gradient Mesh Tool (U) for å gi oss muligheten til å skape en mer kompleks utseende.

Når du legger poeng med gradient mesh verktøy det er viktig å ikke lage for mange unødvendige poeng. Å effektivisere antall poeng du følge eksempelet nedenfor.

Klikk i sentrum først (1). Klikk over og til venstre (2). Punkt 3 og 4 blir automatisk lagt til som et resultat av klikk 2. Siste klikker i høyre der de to blå sirklene er og alle de andre punktene vil automatisk bli plassert. Når det er mulig, legge peker direkte på den røde linjer for å unngå å skape langt flere poeng enn nødvendig.

Trinn 8

Bruk Direct Selection Tool for å velge en rad med poeng og gi dem en mørkere farge . Det kan bidra til å holde fargen konsistent gjennom hele stykket, hvis du drar nye farger i fargepaletten som du gjør dem. Denne måten du ikke gjette hvilken farge du brukte på et tidligere punkt.

Trinn 9

Gi toppen av boksen en gradient med Gradient Mesh Tool også. Siden det er flaps overlappende del av toppen må du kanskje justere poeng og håndtak (sirklet med en stiplet linje). Bruke Direct Selection Tool, dra punktene og håndterer rundt for å få gradient plassert i akkurat rett sted. Flytte punktene og håndtak er en enkel måte å få gradient til å se ut som du vil ha det til.

Trinn 10

Den siden av boksen kan være skyggelagt med en radial gradient.

Step 11

Gi hver av klaffene en skygge ved å gå til Effect > Stilisere > Drop Shadow ... Sørg for å velge en farge som er nær fargen på boksen. For eksempel er det nyanser av grønt i boksen min, så jeg valgte en mørk grønn til skyggen. Dette hjelper gli litt bedre enn å bruke svart.

Trinn 12

Dette er hva boksen skal se ut akkurat nå.

Trinn 13

Legg litt asiatisk-inspirert tekst til design. Du kan finne kule og interessante skrifter for gratis på dafont.com.

Bruk de samme variablene som du brukte i trinn 2 med unntak av å legge en Extrude Dybde. Hold dette nummeret på 0 og klikk på OK

Trinn 14

Hvis du vil legge til farge på teksten gå til Objekt >.; Utvid Utseende. Så gå til Objekt > Løs opp gruppe. Stadig dele opp objektet til du ikke lenger kan løse opp det. Nå, vil du være i stand til å gi teksten en levende gradient. Legg merke til at mine gradientoverganger fra en lys rød til en litt mørkere farge.

Trinn 15

Ta formen som du legger ut til siden. Vi vil bruke dette til å lage en refleksjon på forsiden av boksen. Tegn en annen form som skjærer på tvers av boks form. Bruke Pathfinder klikk Divide. Del opp og slette de andre figurer som du ikke trenger.

Trinn 16

Plasser refleksjon over boksen og tekst. Gi den en mørk grønn til hvit gradient og sett den til Multipliser i Transparency paletten

Trinn 17

Lag en subtil høydepunkt ved å tåkelegge en oval form ved å gå til Effekt >.; Blur > Gaussian Blur ...

Trinn 18

Dette er hva ikonet skal se ut akkurat nå.

Trinn 19

For å gjøre grunnleggende formen fortune cookie tegne en ellipse med Ellipse Tool (L).

Trinn 20

Legg til to punkter på begge sider av bunnen av ellipse med Legg Anchor Point Tool (+).

Step 21

Bruk Direct Selection Tool til å flytte midtpunktet til midten av ellipse.

Trinn 22

Når du roterer ellipsen vil du ønsker å kondensere den vertikalt. Men siden objektet ble rotert vil du ikke være i stand til forholdsmessig kondensere det uten først å gå til Objekt > Transform > Tilbakestill markeringsramme.

Trinn 23

Nå kondensere formen litt ned.

Trinn 24

På dette punktet har du den generelle formen på fortune cookie. Du kan nå frihånd trekke de andre elementene for å forbedre og fullføre cookie.

Trinn 25

Legg shading til cookie ved å gi det mesh punkt ved hjelp av Gradient Mesh Tool. Legge mesh poeng til objekter som er mer komplekse vil tendere til å produsere uventede vinkler og kurver. Igjen, justere punkter og håndtak ved hjelp av Direct Selection Tool. Ikke bekymre deg om å gjøre hver eneste skygge detalj. Du kan bruke gradient mesh for baseskygge og fortsette til neste trinn for å legge til mer detaljerte skyggelegging.

Trinn 26

En enkel måte å mer presist kontrollere shading er å tegne en grunnleggende forme på toppen av objektet og visker det ved å gå til Effect > Blur > Gaussian Blur ... Denne teknikken fungerer godt for både skygger og høylys.

Trinn 27

Legg til meldingen som stikker ut av fortune cookie ved å tegne en enkel rektangel deretter å forvrenge det ved å gå til Objekt > Konvolutt Distort > Gjør med Warp ...

Trinn 28

Gå til Objekt > Utvid og trykk OK på dialogboksen som vises. Nå vil du være i stand til å gi den formen en svak stigning og en skygge.

Trinn 29

Sett fortune cookie hvor du vil. Duplisere og reflektere den ved å dobbeltklikke på Reflect Tool (O). Gi begge fortune cookies en skygge for å fullføre dette elementet.

Trinn 30

De hogge pinner kan gjøres ved hjelp av ellipse form som et utgangspunkt.

Trinn 31

Flytt øverste punkt ned, ved hjelp av Direct Selection Tool, til den når tuppen av håndtaket for side poeng.

Trinn 32

Dra en vertikal guide på side i midten av ellipsen form. Plasser et rektangel som starter på guiden. Dele form ved hjelp av Pathfinder og eliminere unødvendige stykker.

Trinn 33

Bruk Direct Selection Tool for å heve den markerte peker litt opp, noe som vil gjøre figuren ser mer ut som en kotelett pinne .

Trinn 34

Gå til Effect > 3D > Extrude & Bevel ... Oppgi variablene nedenfor eller endre dem til å passe din stil hvis nødvendig. Klikk OK når du er ferdig

Trinn 35

Gi chop stick et høydepunkt ved å tegne en lang tynn hvit form og tåkelegge det ved å gå til Effekt >.; Blur > Gaussian Blur ...

Trinn 36

Kopier og lim inn chop stick og overlapper dem. Gi området som overlapper en skygge ved manuelt å tegne én bruker Pen Tool (P).

Trinn 37

Nei Kinesisk mat er komplett uten litt fett! Lag en naturlig fett flekken ved å bruke blyantverktøyet (N). Bruk Pathfinder å bli kvitt unødvendige left former. Sett modusen til Multipliser i Transparency palett eller justere flekker 'Opacity hvis du ønsker.

Trinn 38

Opprett en skygge som strekker seg av og til nederst til høyre. Merk at skyggen ikke går forbi den stiplede linjen som dette skulle tilsi at lyskilden er rett bak ikonet, som ikke er det.

Trinn 39

Tegn i skyggene for hogge kjepper også.

Final Bilde

Du har akkurat lært å lage en kinesisk mat ikonsett. Grave i!