Hvordan lage et søtt gris ansikts ikon med enkle graderingsmaske i Adobe Illustrator

Hva du skal skape

1. Tegn gris ansiktet

Trinn 1

Start med a Nytt dokument omtrent 6 "x 6", eller hvilken størrelse du føler deg mest komfortabel med å jobbe med. Hovedmålet er at det skal være firkantet.

  • Bruke Rektangelverktøy (M) å tegne en fersken (# F9C9BF) firkantet over artboard.
  • Bruke Ellipseverktøyet (L) å tegne to små ellipser for øyne i mørk lilla (# 35253F) for å skape øynene. Tegn en stor, horisontal ellipse i rosa (# F57DA0) for grisens nese.
  • To små, mørke lilla ellipser danner neseborene.

Steg 2

For kinnene tegne en sirkel med Ellipseverktøy i lyserød. Bruke Direkte utvalgsverktøy (EN) å ta opp bunnankerpunktet slik at bunnen kurver innover og oppover. Velg formen med Mesh Tool (U). Velg tre linjer for nettverket i kinnformen. jeg brukte # F8D9D1 for ytre kanter og #FEEEEB i øvre senter. Velg hver node du vil endre i nettverket med Direkte utvalgsverktøy og endre fargen manuelt.

Trinn 3

Kopier (Control-C) og Lim inn (Control-V) venstre kinn for å skape den rette kinnet. Munnen er en kopiert og limes øye plassert under den rosa nesen i lag panel. Høydepunktet under munnen er a kopiertlimes, og Nedskalert versjon av kinnene som også har vært rotert opp ned. Kopiere og Lim inn denne formen for øynene også.

2. Rend ansiktet

Trinn 1

Tegn en større ellipse rundt venstre nesebor og reduser dens opacity til 0%åpenhet panel. Velg venstre nesebor og den nye ellipsen og bruk Blandingsverktøy (W) å skape en jevn blanding av 20 trinn eller noe.

Steg 2

Gjenta prosessen for høyre nesebor og munn som det var gjort i Seksjon 2, trinn 1.

Trinn 3

Se bildet nedenfor for Gradient Mesh påført på nesen. Jeg la til to rader med fire poeng og konsentrert mørkrosa (# c33e6b) langs bunnen av masken.

Trinn 4

For skinne på nesen trakk jeg en annen ellipse og buet bunnforankringspunktet innover. Fargen er den samme fersken som jeg brukte for hovedfarge. Jeg lagde tre punkter i nettverket og valgte hvert ankerpunkt langs sidene og bunnen for å redusere opacity til 0%åpenhet panel. 

Trinn 5

  • Høydepunktene på neseborene er de samme som hovedpunktet i nesen. KopiereLim innRotere, og Scale høydepunktet formes så det passer under neseboret.
  • Tungen er en rosa ellipse som overlapper den mørke lilla munnen. Å velge begge former og bruk Form Builder Tool (Shift-M) for å velge den ikke-overlappende delen av den rosa ellipsen. Opphev valget og Slett den ytre formen.
  • Til slutt, for nå, tegne små rosa sirkler for frynser på kinnene.

3. Tegner grisens briller

Trinn 1

Tegn et rektangel ved hjelp av Rektangelverktøy for venstre linse. Trekk på Levende hjørner innover med Direkte utvalgsverktøy (hvis du ikke bruker Adobe CC, bruke Avrundet rektangelverktøy og spesifiser din egen hjørne radius) for å runde ut hjørnene. Tegn et annet rektangel eller avrundet rektangel inne i det første (avhengig av formpreferansen din) og Minus Front i de Pathfinder panel for å kutte ut linsene på rammene. Gjenta for den andre siden.

Steg 2

Tegn et rektangel mellom de to rammene. Bøy det ved å gå til Effekt> Warp> Arc og bruke en Horisontal bøye seg på 23%Utvide formen under Gjenstand.

Trinn 3

Tegn to små rektangler på hver side av rammene for å danne armene på brillene. Gruppe (Control-G) sammen alle brillekomponentene og gå til Effekt> Stylize> Drop Shadow. Bruk følgende attributter:

  • Modus: Multiplisere
  • opacity: 33%
  • X Offset: 0,05 in
  • Y Offset: 0,03 in
  • Uklarhet: 0,03 in
  • Farge: Mørklilla

Trinn 4

Under brillegruppen i lag panel, tegne et lyst magenta rektangel. Sett Blandingsmodus til overlegg og opacity til 21%åpenhet panel. Gjenta på den andre siden.

Trinn 5

For høydepunktene på brillene trekker du tynne rektangler på oversiden og bunnen av rammene med lineær gradienter (brukt ved hjelp av Gradient Tool (G)) som går fra mørk lilla til lyse lilla til mørke lilla. 

Trinn 6

For fallskyggen på nesen, bruk følgende attributter med a Drop Shadow effekt:

  • Modus: Multiplisere
  • opacity29%
  • X Offset: 0,03 in
  • Y Offset: 0,04 in
  • Uklarhet: 0,02 in
  • Farge: Mørk Magenta

4. Hår og hover

Trinn 1

Bruke Pennverktøyet (P) å trekke håret i seksjoner. Jeg har også brukt det samme Drop Shadow effekt som i Seksjon 3Trinn 6, til hver seksjon. Jeg tegnet tre deler av håret totalt. Hver seksjon kan være laget av sammenslåtte figurer med ForenePathfinder panel. Gruppe de tre hårseksjonene sammen.

Steg 2

Kopiere og Lim inn hårgruppen og sett fargen til magenta, Blend Mode til overlegg, og opacity til 21% (som gjort i Seksjon 3Trinn 4).

Trinn 3

  • Tegn hovene med Pennverktøy i samme fersken som brukt til ansiktet. På nytt, bruk en Miste skygge (det samme som i Seksjon 3Trinn 6) til hovedhovedformen.
  • Spor topp 2/3 av hoven og bruk a Lineær gradient som går fra mørk lilla til lyse lilla til mørke lilla (den samme brukes til høydepunktene på brillene). Med Gradient Tool, vinkel gradienten slik at høydepunktet løper i midten av hoven.
  • Spor toppkanten på hoven med Pennverktøy med fyllfarge på mørk lilla for å legge til dybde i formen.
  • Gruppe hovedelene sammen.

Trinn 4

Kopiere og Lim inn venstre hov og Reflektere det over a Vertikal akse for å skape den rette. Plasser begge av dem under kinnene på hver side av ansiktet.

5. Gjenta håret

Trinn 1

Vi bruker det samme Lineær gradient fra briller og hover. Kopiere og Lim inn to forekomster av hvert hårseksjon. Du kan Slett de Drop Shadow effekt fra disse kopierte versjoner i Utseende panel. Offset en litt fra den andre og treffer Minus FrontPathfinder panel. Påfør den lineære gradienten som ble brukt tidligere, og legg dem på håret. Denne teknikken lar deg lage enkle høydepunkter hvis kontur passer perfekt til hovedformen.

Steg 2

Gjenta prosessen med det forrige trinnet på de andre to hårdelene. Hvordan de overlapper påvirker utseendet på høydepunktet. Ta gjerne med formen kombinasjonene for å få de beste høydepunktene for ditt design.

Godt gjort, deg!

Det er over! Din lille grisevennymbol er klar til å gå. Mine har noe bestemt Clark Kent stylet hår. Vis oss hva ditt gris ansiktsikon ser ut i kommentarseksjonen nedenfor. Trykk på designene dine ytterligere ved å gi flere detaljer med gradientmasker eller å lage et helt sett dyreikoner.