How å lage et sett med Flat Animal Ikoner i Adobe Illustrator
Hva du skal lage
I denne opplæringen vil vi opprette seks differentanimal portretter fra en og samme sirkel! La oss ha det gøy å lage et sett oftrendy flate elementer ved hjelp av grunnleggende former, den Shape Builder Tool, Pathfinder-panelet og noen andre nyttige funksjoner i Adobe Illustrator!
1. Lag en Elegant Siameser
Trinn 1
Start danner kattens ansikt fra en evencircle av 60 x 60 px
størrelse, laget withthe Ellipse Tool (L) .
Fyll thecircle med sand beige farge.
Trinn 2
Velg begge side ankerpunkt med Direct Selection Tool (A) Hotell og dra themdown, endre formen på ansiktet.
Trinn 3
nå la oss danne kattens øre. Ta Polygon Tool Hotell og lage en tre-sided shapeof om 17 x 15 px
størrelse. Gå til Effect > Warp > Bulge Hotell og sette Vertikal Bend
verdien til 40%.
Object > Utvid Utseende
ofthe form til å bruke effekten. Velg øvre forankringspunkt med Direkte Select Tool (A) Hotell og gjøre thecorner glatt ved å klikke på Convertcorners å glatte
knappen øverst i sammenheng panel. Forkorte anchorhandles av dette ankerpunktet og dra ankeret opp, slik at øret morepointed.
Trinn 4
Kopier
formen og Lim
det i Front (Ctrl-C > Kontroll-F)
• Gjør kopien mindre og fylle den med sjokolade-brun farge. Roter earand sted det på venstre side av hodet, Sender
det til Back (Kontroll-Skift-[), etter under hodeform. Bruk ReflectTool (O)
ved å dobbeltklikke på iconin Verktøy
panelet for å snu earover Vertikal
Axis og å createa kopi, plassere den på motsatt side av hodet.
Trinn 5
La oss gjøre den øverste delen av hodet flat.Select hodeformen, ta EraserTool (Shift-E ) Hotell og tegne en smal stripe over hodet ved å holde downthe Alt
tasten. Nå har vi skiver theshape i to deler. Velg unødvendige stykke og slette den.
Trinn 6
Lag en liten rosa trekant nese med Polygon Tool
. Velg nesen og pullthe sirkel indikatorer på Live Corners å gjøre figuren avrundet. Hvis thisfunction er tilgjengelig i din versjon av Adobe Illustrator, bruk Effect > Stylize > Runde hjørner
som gjør akkurat det samme.
Trinn 7
Lag en annen ellipse og plassere den insidethe ansikt, slik at den berører den nedre punktet i nesen. Juster ellipse tothe nesen, ved hjelp av nesen som en Key Object
.For å gjøre det, velger både former og klikk på nesen mens du holder nede Alt
. Du vil se en tykk strek aroundthe nese, noe som indikerer at Key Object
.Head til Align
panel og klikk Horisontal Align Center.
Så Anchor Point Tool (Shift-C) Hotell og flytte anker håndtakene på bunnen forankringspunkt ned toabout 45 grader
. Bruk Guides
å flytte håndtakene til lik avstand (du kan legge til Guide
lineby dra den ned til din Artboard fra Linjaler (Ctrl-R)
).
Fyll ansiktet "maske" med samme browncolor som vi har på ørene, plukke fargen med Dråpetellerverktøyet verktøyet~~POS=HEADCOMP Tool (i).
Legg en mindre, lettere brun ellipsebeneath masken, som skildrer underkjeven.
Trinn 8
nå la oss legge øynene! Lag en ellipse, velge sin rett forankringspunkt og konvertere den til en skarp hjørnet fra Konverter
menyen i kontroll panelabove. Fyll ellipse med en lys blå farge og legge til en annen ellipse abovefor iris.
Her må vi slette stykke iris som overlapper theedge av øyet. Velg begge ellipser, og bruke Shape Builder Tool (Shift-M)
å slette den øvre delen av iris byholding nede Alt
nøkkelen andclicking uønsket stykke.
Roter øyet litt og lage en mirroredcopy ved hjelp av Nødvendigvis Tool (O).
Trinn 9
Gjør to lys-brune ellipser for den browsof vår katt, og legge til to små hvite sirkler i øynene for høydepunktene.
Opprett en lysere rosa ellipse, plassere itabove øvre del av nesen, og bruke Shape Builder Tool ( Shift-M)
holde nede Alt
å slette unødvendige delen, og dermed gjøre nesen moredetailed.
Step 10
Og la oss lage en trendy flat skygge, dekker halvparten av kattens hode. Group (Ctrl-G)
alle deler av katt sammen, Kopier
gruppen og Lim
det i Front (Ctrl-C > Control- F).
holde kopien valgt, Unite
itsparts i Pathfinder
panel, mergingthem i en enkelt form. Slå BlendingMode
av silhuetten til Multipliser
, noe som gjør det semi-transparent.
Til slutt velger silhuetten, ta Eraser Tool (Shift-E)
og holde nede Alt,
dra musen over lefthalf av kattens hode, dekker den med en hvit rektangulær markering. Releasethe museknappen for å slette dekket stykke.
Og her har vi det! Vår flat katt er ready.Let gå videre til neste element.
2. Tegn en munter valp
Trinn 1
Som tidligere, vi begynner å danne en portraitfrom en 60 x 60 px
sirkel. Flytt theside forankringspunkter ned litt, slik at formen bulgy, og slette sin topp partwith Eraser Tool (Shift-E).
Merk av i venstre forankringspunkt med DirectSelection Tool (A) Hotell og trykk Enter
å åpne Flytt
opsjons vinduet. Setthe Horisontal posisjon
verdien til -5 px Hotell og Vertikal
verdien til 0 px Hotell og klikk OK, etter måten flytting theanchor punkt 5 piksler til venstre.
Gjør det samme for den rette ankerpunkt, sette Horisontal
flytte verdien til 5 px Hotell og flytte det 5 px
til høyre.
Trinn 2
Velg begge side ankerpunkt og Konverter
dem til skarpe hjørner. Adjustthe stilling av ankeret håndterer hjelp av Anchor Point Tool (Shift-C) Hotell og flytte dem opp, gjør en glatt curveof ansiktet linjen.
Trinn 3
La oss danner øret fra en 40 x 35 px
trekant, ved hjelp av Polygon Tool
. Ta Curvature Tool (Ctrl-`) Hotell og gjøre thesides i trekanten mer avrundet og svulmende. Hvis du bruker tidligere versionsof Adobe Illustrator, som ikke inneholder dette verktøyet, kan du gjerne bruke Effect > Warp > Bule
, som vi didpreviously.
Velg den øvre forankringspunkt, gjør det glattere og dra Itto venstre, slik at formen skjev. Gå til Object > Sti > Offset Sti Hotell og sette Offset
verdien til -3 px
, danner den indre delen av øret. Fyll den med en lys grå farge.
Trinn 4
Roter øret og plassere den på leftside av hodet. Bruk Nødvendigvis Tool (O)
å skape en speilet kopi på motsatt side.
Trinn 5
Danne en mørk grå nesen fra en squashedellipse, trekke i det nedre forankringspunkt ned litt. Lag to overlappinglight-grå ellipser under nesen, gruppere dem og Juster
med ansiktet horisontalt, ved hjelp av ansiktsform som Key Object
.
Trinn 6
nå skal vi lage en morsom tungen stikker ut! Lag en lys-rosa rektangel ved hjelp av RectangleTool (M)
, og plassere den under lys-grå ellipser. Velg begge loweranchor poeng og trekke Live Corners markører opp til maksimum, noe som gjør thebottom av formen avrundet. Ta linjestykke Tool (\\) Hotell og tegne en vertikal strek, mens du holder nede Shift.
Du kan gjøre tuppene av theline avrundet i Stroke
panel.
Trinn 7
La oss gå til øynene. Lag en mørk-blueellipse og dekke sin nedre del med en annen ellipse eller hvilken som helst farge. Velg bothshapes og bruke Shape Builder Tool (Shift-M)
å slette den nedre ellipse sammen med den nederste delen av theeye, som ble dekket. Denne måten vi gjør en leken look. Legg adarker iris og en liten hvit høydepunkt for øyet.
Roter øyet litt og lage en secondone, plassere den på den andre siden av ansiktet.
Trinn 8
Lag to selv lys-grå sirkler, som dekker øyne. Deretter legger to større sirkler, overlappende og coveringthe nedre del av ansiktet, som vist i skjermbildet nedenfor. Velg lowercircles og bruke Shape Builder Tool (Shift-M)
å slette disse delene utenfor ansiktet.
Velg alle fire nye brikker og Unite
dem i Pathfinder
gjorde et ansikt "maske". Youcan slette gapet i sentrum av masken ved å klikke på kant med Direct Selection Tool (A) Hotell og deletingit.
Trinn 9
Lag to små rektangler med roundedcorners for brynene, noe som gjør at hunden ser snill og glad, og ender opp bycreating en subtil skygge på høyre halvdel av ansiktet.
3. Lag en Fancy Raccoon
Trinn 1
Vi begynner å forme ut ansiktet fra en 60 x 60 px
pastell-blå sirkel. Squash ita litt og gjøre formen bredere. Dra begge sideankerpunktene noen få piksler ned, og Konverter
dem til skarpe cornersfrom Konverter
menyen i uppertoolbar.
Kopier ørene fra vår katt, fargelegge themaccording til fargen på vaskebjørn hode, og plassere dem på begge sider av thehead.
Trinn 2
Lag nesen fra en 18 x 10 px
mørk grå ellipse , dra sin topp forankringspunkt opp en bit.Create annen ellipse med en mørk grå Stroke
farge, sette Fyll
farge til Ingen
i Color
panel. Ta ScissorsTool (C) Hotell og klikk på venstre og høyre ankerpunkter, splitting theshape horisontalt i to like halvdeler. Slett den nedre halvdel, noe som gjør ourraccoon smil.
Trinn 3
Kopier ansiktsform og gjøre kopien muchsmaller, fylle den med hvit farge og plassere den under nesen. Legg twotiny svarte øyne med hvite høydepunkter grupperer dem og justere til facehorizontally i Align
panel, noe som gjør ansiktet en Key Object.
Kopier ansiktsform en gang igjen, noe som gjør thecopy litt mindre, fyll den med mørk blå farge og plassere den i den nederste delen av ansiktet, danner en maske.
Trinn 4
La oss dele masken i to halvdeler, skaper to separate flekker rundt øynene. Ta rektangelverktøyet (M) Hotell og tegne en vertikal stripe over midten ofthe ansiktet. Velg både masken og stripe, og bruke Del
funksjon av Pathfinder
å skjære alle former. Slett unødvendige stykker, hvis det er noen. Placethe halverer du har opprettet under øynene, og gjør hjørnene litt avrundet.
Til slutt legger du en flat skygge til rightpart av ansiktet. Nå kan vi gå videre!
4. Lage en slags Panda
Trinn 1
Lag fluffy ansiktsform fra en 60 x 60 px
lys-beige sirkel, flytting itsside anker peker ned.
< h3> Trinn 2
Kopier nesen området fra vår hund og sette Stroke
fargen på "lepper" todark-grå, slik at omrisset er synlig. Velg to skissert ellipser (uten nese) og Unite
dem i Pathfinder.
Velg Saks Tool (C) Hotell og klikk på siden forankre poeng av outlinedshape, splitte den fra hverandre. Slett øvre halvdel, danner en slags smil for ourpanda.
Trinn 3
Kopier øynene fra vår vaskebjørn, og let'sform store, mørke grå flekker rundt øynene. Lag en knust ellipse androtate det litt til venstre. Bruk ReflectTool (O)
å lage en kopi og snu den horisontalt til den andre siden av theface. Fyll øyeepler med hvit farge, slik at de er synlig over thedark flekker.
Å holde øynene valgt, gå til Object > Sti > Offset Sti
andcreate små elever i øynene med -1px Offset
verdi.
Trinn 4
Legg runde, mørk grå ører til panda hode, og avslutter med å danne en semi-transparent skygge over høyre side av itsface.
Flott arbeid! La oss gå videre!
5. Lag en klok bjørn
Trinn 1
Begynn å lage en bjørn ansikt fra en 60 x 60 px
sirkel. Flytt begge sideanchor punkter nede og dra den øverste forankringspunkt opp, slik at hodet ser likean egg.
Gjør toppen av hodet flatt med Eraser Tool (Shift-E). Kjøpe og gjøre cornersof formen litt avrundet.
Trinn 2
Legg to sirkel ører til toppen av hodet, gruppere dem og Align
themhorizontally, ved hjelp hodet som en KeyObject.
Bruk Offset Sti
funksjon med -3 px Offset
verdi toform mørke indre delen av ørene.
Trinn 3
Gjør en bred, mørkebrun nesen fra en squashedellipse. Og la oss danne nese-broen. Ta rektangelverktøyet (M) Hotell og lage en lys-beige form, plassere den behindthe nese. Flytt sin øvre venstre forankringspunkt 5px
til høyre, ved hjelp av Flytt
alternativpanelet. Gjør det samme for øvre høyre ankerpunkt, flytte den i theopposite retning og dermed gjøre toppen av nesebroen smalere.
Gjør hjørnene av rektangelet rounded.Using live Corners funksjonen, kan du variere nivået av rundhet ofeach eget hjørne av formen. For eksempel kan du velge bare de upperanchor poeng og dermed gjøre de øvre hjørnene 100% avrundet ved å trekke themarkers ned til maksimum.
Trinn 4
Legg en liten ellipse under bunnen ofthe nese-broen, forming underkjeven. Legg øynene til bjørnen ansikt og, ifyou føler at bjørnen ansikt er for mørkt, gjør de brune deler abit lettere.
Til slutt legger skyggen til bjørnen ansikt.
Awesome! Vi har det siste tegnet igjen!
6. Lag en slu rev
Trinn 1
Og igjen, begynner vi å forme ansiktet av thefox fra vår kjennskap 60 x 60 px
sirkel av en oransje farge. Trekk side anker peker ned litt og Konverter
dem til skarpe hjørner, makingthe sider av ansiktet pekte. Konverter
nedre festepunkt til et hjørne også, danner en skarp nese.
Trinn 2
Ta ørene fra vår vaskebjørn og positionthem på begge sider av reven hode, justere fargene. Sett en blackellipse over nederste del av ansiktet, som dekker nese området. Bruk Shape Builder Tool (Shift-M)
å få ridof stykke utenfor ansiktet, danner en spiss sort nese.
Trinn 3
Opprett en ellipse, overlappende leftside av reven ansikt, som vist i skjermbildet nedenfor. Bruk Nødvendigvis Tool (O)
å lage en venda copyat motsatt side. Velg begge ellipser og slette de delene utenfor theface med Shape Builder Tool (Shift-M).
Fyll formene med lys-beige farge, forming kinnene. Legg til to små, blanke øyne til vår rev.
Trinn 4
Gjør tuppen av nesen litt avrundet withthe hjelp av Levende Corners funksjon. Og la oss legge til noen flere detaljer til ourfox!
Lag en liten knust ellipse av alighter-oransje farge, og plassere den på venstre side av nesen-broen. Merk av i form, hold Alt-Shift Hotell og dragthe ellipse til høyre, lage en kopi. Trykk på Ctrl-D
to ganger for å danne to eksemplarer. Lag to flere rader ofellipses, plassere dem i en krysset stilling. Denne måten vi skildre astylized pels på reven nese.
Ikke glem å legge en mild høydepunkt tothe nesen ved å danne en mindre og lettere form på toppen av nesen.
Trinn 5
Legg til en svak skygge til høyre side ofour utspekulert Foxie.
7. Lag ikoner med lange skygger
Trinn 1
Nå som vi har seks flat-stil dyreportretter, la oss plassere dem på et sett med fargerike sirkler, lage ikoner.
Gjør en turkis sirkel av 106 x 106 px
størrelse for ikonets base, og sette raccoon'shead i sentrum.
Opprett en 80 x 80 px
plassen for skyggen base og roter det til 45 grader
ved å holde nede Shift.
< h3> Trinn 2
Slå Blending Mode
av plassen til Multipliser
, noe som gjør det semi-transparent, og plasser formen ovenfor vaskebjørn. Gjør theshape litt smalere, hvis det er nødvendig, og flytte den rundt, finne de to plassene der formen lapper hodet. I vårt tilfelle er det spissen av den rette earand venstre side av ansiktet. Legg til to ankerpunkt på disse spotsusing Legg til ankerpunkt Tool (+)
, og deretter bytte til Slett AnchorPoint Tool (-) Hotell og slette de unødvendige ankerpunkt på toppen av therectangle , skjule toppen av shapebeneath vaskebjørn hode.
Plasser skyggen under hodet, slette unødvendige stykke utenfor ikonet med Shape Builder Tool (Shift-M) og-voila! -Vårt fancy ikon med en trendy flat skygge er ferdig! Opprett circleicons for hele resten av dyrene ved hjelp av de samme enkle teknikker.
Great Job! Vår Sett med Flat Animal Ikoner IsCompleted!
Dette var moro, var det ikke? Jeg håper you'veenjoyed lage disse søte flate dyr fra en og samme form andlearned noen nye tips og triks, spille rundt med ellipser, Pathfinder
panel og Shape Builder Tool
! Følg med for newtutorials, og ikke glem å vise resultatet i kommentarfeltet nedenfor!