Hvordan lage Flat Design påsk ikoner i Adobe Illustrator

Hva du skal skape

Påske er en nydelig vårferie, som er kjent for sin tradisjon for å male egg. Det er vanligvis forbundet med milde, levende farger og en vårstemning. I denne opplæringen går vi gjennom en beskrivende prosess med å lage flate påskeikoner, ved hjelp av grunnleggende former, Pathfinder-panelet og noen av de nye Adobe Illustrator-verktøyene.

Bortsett fra å lage påsk ikoner, kan disse teknikkene brukes til å lage alle typer flat ikoner eller flate bannere også. 

Hvis du er interessert, kan du kjøpe disse ikonene så vel som mange andre som en del av en påskikon sett på GraphicRiver.

1. Lag Festive Easter Egg Icons

Trinn 1

La oss begynne med å lage bunnen av egget. Ta Ellipseverktøyet (L) og lag en 70 x 70 px sirkel. Velg sidens ankerpunkter med Direkte utvalgsverktøy (A) og dra dem ned litt, noe som gjør bunnen av formen bultet. Deretter velger du det øvre ankerpunktet og drar det opp, noe som gjør toppen av egget spiss.

Steg 2

Vi bruker en lys vårpalett med milde farger som du kan hente direkte fra skjermbildet under med Eyedropper Tool (I) mens du holder Skifte nøkkel.

Fyll basen av egget med gul og hold en kopier på baksiden (Control-C> Control-B), som vi kanskje trenger det senere.

La oss skildre det dekorative ornamentet over egget. Ta Rektangelverktøy (M) og lag en 70 x 15 px blå form.

Trinn 3

Ta Linjesegmentverktøy (\), holde Skifte og lag en horisontal form med rosa Stroke av 3 pt slagvekt.

La oss justere alle figurene til egget. Velg alt (Kontroll-A) og klikk på egget mens du holder alt for å gjøre det til en Nøkkelobjekt (du vil se et tykt utvalg rundt det). Hodet til Rette inn panel og klikk Horisontal justeringssenter.

Trinn 4

La oss nå endre den rosa linjen. Velg den og gå til Effekt> Forvreng og transformer> Zig Zag. Sett Størrelse til 5 px, Ridges per segment til 7 og Poeng til Glatt.

Objekt> Utvid formen å bruke effekten på.

Trinn 5

Legg til et annet rektangel på bunnen av egget og fyll det med grønn farge. La oss nå slette de delene av rektanglene utenfor egget. Vi bruker et av de nye Adobe Illustrator verktøyene: Shaper Tool (Shift-N). Ta Shaper Tool (Shift-N) og bare scribble over stykket som du vil slette. Gjenta det samme med andre uønskede deler.

Hvis du jobber med tidligere versjoner av Adobe Illustrator, kan du prøve å bruke Form Builder Tool (Shift-M) i stedet. Det fungerer nesten det samme - bare velg alt og klikk på uønskede brikkene mens du holder alt.

Vi vil også prøve en annen måte å gjemme de unødvendige delene noen skritt senere, når vi skal lage et annet egg.

Trinn 6

Velg det modifiserte egget og Objekt> Utvid den. Velg deretter den gule midten av egget sammen med den rosa zigzagged linjen og Dele opp dem i Pathfinder panel, bryte formen i to like halvdeler.

Trinn 7

Fyll øverste del av delt form i fin rosa farge. Ta Ellipseverktøyet (L) og lag en 5 x 5 px sirkel. Holde Alt-Shift og dra sirkelen til høyre, og opprett et par eksemplarer.

Trinn 8

Nå som grunnutsnittet av egget er klart, la oss legge til en flatskygge, som dekker halvparten av egget. Gruppe (Control-G) alle deler av egget, Kopiere og Lim inn foran (Control-C> Control-F). Holder kopien valgt, Forene det i Pathfinder, slå sammen den i en silhuett.

Tegn en vertikal linje over egget ved å bruke Linjesegmentverktøy (\). Rette inn Linjen til egg silhouetten, gjør egget a Nøkkelobjekt.

Holde linjen og egg silhouetten valgt, Dele opp dem i Pathfinder.

Slett ett av stykkene og bytt den resterende halvdelen til Multiplisere modus, noe som gjør den halvtransparent.

Trinn 9

La oss nå lage et annet egg!

Vi har allerede en base, da vi har laget en kopi av det i første skritt. Flytt den til side og fyll med oransje farge. Legg dekorative elementer på toppen og la oss se på en annen måte som vi kan skjule de unødvendige brikkene. Duplisere den grunnleggende formen igjen (Control-C> Control-F) og Bringe den til forsiden (Shift-Control-]).

Velg alle elementene, Høyreklikk og Lag Clipping Mask. Her har du det!

Trinn 10

La oss legge til noen flere dekorative elementer til egget. Lag to 5 x 5 px sirkler over den gule stripen av egget, plassere dem nærmere kantene. Velg begge sirkler, og bruk enten Blandingsverktøy (W) eller gå til Objekt> Blend> Lag. Åpne deretter Blandingsalternativer vindu (Objekt> Blend> Blandingsalternativer) og sett Spacing til Spesifikke trinn med en verdi på 3.

Objekt> Utvid Blend-gruppen og legg til flere sirkler i øvre del av egget, fyll dem med gul farge.

Trinn 11

Når du er fornøyd med resultatet, legg til en halv gjennomsiktig flat skygge til halvparten av egget.

Kombiner eggene. Bruke Avrundet rektangelverktøy for å lage en lysegrønn bakgrunn for vårt ikon.

Lag en firkant med Rektangelverktøy (M) og roter den av 45 grader med Utvalgsverktøy (V) mens du holder Skifte.

Fyll rektangelet med lineær gradient fra lysegrønn til hvit og slå den på Multipliser Blending Mode, gjør en halv gjennomsiktig lang skygge.

Trinn 12

Dupliser den lysegrønne bakgrunnen og plasser skyggen mellom kopiene. Bruk en Clipping Mask å skjule det uønskede stykket av den lange skyggen.

Flott! Vårt første ikon er klart! La oss gå videre til neste.

2. Lag en søt kaninikon

Trinn 1

Lage en 70 x 70 px grå sirkel for kaninens hode. Flytt sideankerpunktene litt nedover med Direkte utvalgsverktøy (A) å gjøre hodet litt presset.

La oss nå danne ørene. Ta Ellipseverktøyet (L) og lag en 15 x 50 px oval. Beveg sidens ankerpunkter litt opp, noe som øker øvre del av øret. Holde formen valgt, gå til Objekt> Path> Offset Path og sett offset verdi til -5 px, forlater alle andre alternativer som standard. På denne måten oppretter vi en mindre form for den indre delen av øret.

Steg 2

Fyll den indre delen av året med rosa farge, gruppér begge deler av øret og Send til Tilbake (Shift-Control- [). Dobbeltklikk de Rotate Tool (R) for å åpne alternativvinduet og angi Roter vinkel verdi til -20 grader.

Trinn 3

Bruke Reflekteringsverktøy (O) å vende øret over Vertikal akse og klikk Kopiere for å danne det andre øret på motsatt side av hodet. Du kan gruppere begge ører og Rette inn dem til hodet, og gjør hele settet perfekt sentrert.

Squash hodebunnen litt mer.

Trinn 4

Bruke Ellipseverktøyet (L) for å danne et par mørke glansete øyne med hvite høydepunkter og en sirkel for nesen. Ta Saksverktøy (C) og klikk begge sidens ankerpunkter i nesen for å splitte formen i to halvdeler.


Trinn 5

Slett den øvre halvdelen og vri den gjenværende delen i en søt kaninnese. trykk X å bytte Fylle og Stroke farger. Sett Stroke Weight til 2 px og endre Variabel breddeprofil i kontrollpanelet på toppen. Lag to kopier av nesen og gjør dem litt tynnere og lettere, og danner en munn som vist på skjermbildet nedenfor.

Trinn 6

La oss avslutte med kaninen ved å legge til små whiskers på hodet. Lage en 9 px horisontal strekk av 1 pt, bruker Linjesegmentverktøy (\). Roter vispene litt og legg dem til begge sider av ansiktet.

Trinn 7

Legg en flat skygge til halvparten av kaninens hode, som vi gjorde tidligere. Lag et rundet rektangel for bakgrunnen, og opprett en halv gjennomsiktig lang skygge for å fullføre ikonet. 

Hvis du har problemer med å legge til en lang skygge på en kompleks gjenstand, sjekk ut følgende veiledning fra del 7, trinn 1 og utover for å finne ut hvordan du gir vår lange skygge den ønskede formen.

Der har du det! La oss flytte til neste ikon!

3. Lag en søt kyllingikon

Trinn 1

Denne gangen vil vi skildre en morsom liten kylling som dukker ut av egget. Først av alt, lage et stripet egg med noen striper eller andre dekorative elementer til din smak, ved å bruke teknikkene som vi har lært i tidligere trinn.

Vi må fjerne toppen av egget og skape en sprukket kant. Hold en kopi av eggets base et sted i bunnen, fordi vi trenger det senere for å danne vår kylling.

Lag en horisontal linje over egget og bruk Effekt> Forvreng og transformer> Zig Zag. Sett Størrelse til 4 px, Ridges per segment til 7 og Poeng til hjørne for å gjøre de sprukne kantene skarpe.

Steg 2

Objekt> Utvid Den zigzagged linjen og plasser den over egget, i midten av det. Kopiere den blå basen av egget, Lim inn foran (Control-C> Control-F) og Bringe det hele veien til forsiden (Shift-Control-]), plasserer den på toppen av alle elementene.

Velg sikksag og eggbunn og Dele opp dem i Pathfinder. Slett den øvre delen av den delte formen.

Til slutt velger du alt, Høyreklikk og Lag Clipping Mask. Flott! Det sprukne stykket av egget er klart. La oss sette en kylling inn i den.

Trinn 3

Vis kopien av eggbunnen som vi har opprettet tidligere, og fyll den med mild gul farge for kyllingens kropp. Krymp formen til 60 x 75 px, gjør det mindre. Velg sideankerpunktene med Direkte utvalgsverktøy (A) og dra dem litt opp, og gjør kyllingrunderen.

Trinn 4

Ta Polygonverktøy og enkelt klikk hvor som helst på Artboard for å åpne popup-vinduet. Lage en 15 x 10 px trekanten for nebb og fyll den med oransje farge.

Kombiner to trekanter for å danne en nebb og squash dem for å danne riktig form. Ikke glem å legge til et par skinnende øyne. Vi kan kopiere dem fra kaninikonet vårt.

Trinn 5

Legg til et par ovale vinger ved hjelp av Ellipseverktøyet (L). Legg kopien av kyllingens kropp over vingene og Lag Clipping Mask å skjule de unødvendige elementene inne i masken.

Trinn 6

Fullfør ikonet ved å legge til alle nødvendige elementer som skygger og bakgrunn. Rått!

La oss gå videre til vårt siste ikon og fullføre påskesettet vårt!

4. Lag en gaveboksikon

Trinn 1

La oss begynne å forme boksen vår fra en 60 x 40 px grønt rektangel. Lag en topp av boksen fra a 65 x 15 px oransje rektangel.

Steg 2

La oss nå lage et bånd over boksen. Velg begge deler av boksen og husk den gjensidige høyden på figurene. Du kan finne den i Forvandle panel. I vårt tilfelle er det 55 px. Lag et blått bånd av 5 x 55 px størrelse, plasser den midt i boksen. Legg til en mindre 5 x 15 px bånd på toppen av boksen, fyll det med mørkere blå farge.

Trinn 3

Bruke Blyantverktøy (N) å lage en bue med blå Stroke av 2 pt vekt.

Trinn 4

La oss dekorere boksen vår med noe ornament eller mønster. Kopiere bunnen av boksen og Lim inn den foran (Control-C> Control-F). 

Hodet til fargeprøver panel, åpne Menyen Swatch Libraries> Mønster> Grunnleggende grafikk> Grunnleggende Graphics_Lines. Finn 10 lpi 30% swatch og klikk for å bruke et mønster med horisontale linjer.

Trinn 5

Holder den strukturerte formen valgt, Dobbeltklikk de Rotate Tool (R) og sett Angle til 45 grader. Fjern markeringen av Transform objekter boksen og klikk OK, endrer retningen av stripene.

Trinn 6

La oss endre fargen på stripene for å få dem til å samsvare med vår overordnede palett. Dobbeltklikk det påførte mønsteret i fargeprøver panel for å isolere det i Mønstermodus. Påfør en lysegrønn farge til Strokes i Farge panel og klikk Ferdig i den øvre delen av arbeidsområdet.

Trinn 7

Fullfør ikonet ved å legge til dybde ved hjelp av skyggene og enkel bakgrunn.

Vårt sett med ikoner er ferdig! God påske!

Gratulerer! Vi har gjort en god jobb, lært hvordan du bruker Shaper Tool og hvordan du bruker arbeid med grunnleggende former og Pathfinder-panelet. Vi kan bruke disse enkle teknikkene for å utvide vårt sett og skape flere festive flate påskeikoner!

Hvis du er interessert, kan du kjøpe disse ikonene så vel som mange andre som en del av en påskikon sett på GraphicRiver.