Hvordan lage et sett med sirkus ikoner i Adobe Illustrator

Hva du skal skape

Retro sirkus og funfairs har sin egen fortryllende atmosfære som gjør at jeg vil tegne dem igjen og igjen. Hvis du liker disse former og farger i et retro-sirkus, følger du denne opplæringen og lærer å designe et sett en flat sirkus ikoner, ved hjelp av enkle former og warp effekter og arbeider med en rekke verktøy og funksjoner i Adobe Illustrator. 

Ved slutten av denne opplæringen lærer du noen nye tips og triks og vil kunne utvide settet og skape flere sirkusikoner. Hvis du ønsker å designe noe annet ved hjelp av disse teknikkene, må du kontrollere at du har blått GraphicRiver for inspirasjon.

1. Hvordan lage en flat klovne i Adobe Illustrator

Trinn 1

La oss begynne å skildre klovn, begynner med hodet. Ta Avrundet rektangelverktøy og lag en 75 x 115 px gulaktig form med helt avrundede hjørner. Du kan justere Hjørne Radius enten fra kontrollpanelet på toppen eller i Forvandle panel. En annen måte å redigere rundheten på hjørnene på er å gjøre dette manuelt ved å bruke Direkte utvalgsverktøy (A) og Levende hjørner funksjon (små sirkelmarkører ved siden av hvert hjørne av formen).

Velg Ellipseverktøy (L) og plasser a 26 x 26 px sirkel for nesen. 

Steg 2

Pass på at du har plassert nesen rett i midten av ansiktet ved å velge både nesen og hodestilen og klikke på hodet igjen for å gjøre det til en Nøkkelobjekt. Åpne Rette inn panel og klikk Horisontal justeringssenter å justere begge figurene.

Plasser a 9 x 9 px lysrosa flekk på toppen av nesen for høydepunktet.

Trinn 3

La oss legge øynene. Lage en 16 x 16 px sirkel med mørkbrun Stroke og nei Fylle. Hodet til Stroke panelet og sett inn Vekt til 4 pt og Lokk til Round Cap.

Ta Saksverktøy (S) og klikk begge sider forankringspunkter for å splitte formen fra hverandre. Nå kan vi slette den nederste delen av formen. Velg det opprettede øyelokket med Utvalgsverktøy (V), holde Alt-Shift og dra til høyre, lag en kopi for det andre øyet. 

Trinn 4

Ta Avrundet rektangelverktøy og la oss lage en lyseblå form for øyenbryn. Lage en 10 x 5 px rektangel med helt avrundede hjørner. Holde formen valgt, Dobbeltklikk de Rotate Tool (R) og sett Angle til 20 grader.

Trinn 5

Dobbeltklikk de Reflekteringsverktøy (O) og velg Vertikal akse. Klikk Kopiere å lage en speilet kopi av øyenbryn og flytte den til motsatt side av ansiktet.

Trinn 6

Gruppe (Control-G) øynene, og da gruppe øyenbrynene og velg begge gruppene sammen med hodeformen. Klikk på hodet igjen for å gjøre det a Nøkkelobjekt, og bruk Rette inn panel for å justere alle elementene til Horisontalt senter av hodet.

Trinn 7

Avbild en munn på samme måte som vi opprettet øyelokkene. Lag en stor 53 x 53 px sirkel med mørkbrun Stroke og 4 pt vekt. Del formen fra hverandre ved hjelp av Saksverktøy (S) og slett den øverste delen, og dermed skape en smilende munn.

Trinn 8

La oss utvide munnen i Objekt> Utvid Utseende å slå den til kurver. Gå til Objekt> Path> Offset Path og sett offset verdi til 5 px, la alle andre alternativer stå som standard og klikk OK. Fyll den nye formen med samme røde farge som vi har for nesen ved hjelp av Eyedropper Tool (I)

Trinn 9

Nå legger vi håret til vår klovn. Lag to blå sirkler av 35 x 35 px og 40 x 40 px størrelse på venstre side av hodet. Hvis du holder begge sirkler valgt, trykker du på Shift-Control-[ til Sende figurene tilbake, under hodet. Holde Alt-Shift og dra sirklene til motsatt side av hodet med Utvalgsverktøy (V), lage en kopi.

Nå som portretten til vår klovn er klar, la oss gruppe (Control-G) alle dens elementer. 

Trinn 10

La oss danne en sirkulær base for vårt ikon. Vi bruker det også til våre neste ikoner. Lage en 180 x 180 px kjedelig lilla sirkel og Send til Tilbake (Shift-Control- [) å plassere den bak klovnen.

Videre, for å gi vårt ikon et ferdig utseende, må vi legge til en lang flat skygge. Lage en 115 x 115 px rektangel av lys lilla farge. Bytt Blandingsmodus til Multiplisere i åpenhet panel, noe som gjør formen halvtransparent. 

Trinn 11

Deretter roterer du formen 45 grader enten ved hjelp av Rotate Tool (R), de Gratis Transform Tool (E), eller Utvalgsverktøy (V). Legg formen over klovnens hode, slik at den passer til kantene på ansiktet og håret (du må kanskje endre størrelsen på rektangelet litt). 

Trinn 12

Bruke Direkte utvalgsverktøy (A) å stikke forankringspunktene i skyggen til kanten av klovnens hode. Zoom inn (Control +)  for å gjøre det lettere å få figurene til å passe hverandre.  

Trinn 13

Sende skyggen bakover ved å trykke Styre-[ et par ganger for å plassere det mellom klovnens hode og ikonbasen.

La oss nå se hvordan vi kan skjule den unødvendige delen av skyggen. Kopiere ikonet og Lim inn foran (Control-C> Control-F). Bringe kopien til front (kontroll-]), til toppen. Til slutt velger du alt, klikker du på høyre museknapp og Lag Clipping Mask, På denne måten gjemmer alle gjenstandene i toppsirkelen. 

Der har vi det! Vårt første ikon er klart. La oss gå videre til neste. 

2. Hvordan tegne en flat sirkus kanon ikon i Adobe Illustrator

Trinn 1

La oss bruke formen som vi har laget for klovnens hode for å designe kanonen. Kopier (Control-C) formen, Lim inn (Control-V) det, og roter det 90 grader.

Gå til Effekt> Warp> Arc og sett Vertikal Bend verdi til -5% og Horisontal forvrengning til 10%, gjør den høyre siden av formen bred og buktende.  

Steg 2

Objekt> Utvid formen å bruke effekten på. La oss ta Eraser Tool (Shift-E), holde alt, og slett den venstre delen av formen.

Bruke Direkte utvalgsverktøy (A) for å velge de øverste og nedre venstre ankerpunktene og dra dem lenger til venstre, forlenge formen. 

Trinn 3

Nå må vi skildre kanonens nese. Beveg deg med Ellipseverktøyet (L) og legg til en squashed oval på venstre side av kanonen. Pass på at ellipsens høyde passer til kanonens venstre kant, slik at forankringspunktene i formene knuses til hverandre. Husk å bruke Smart Guides (Vis> Smart Guides) for å gjøre denne prosessen enklere.

Gå nå til Objekt> Path> Offset Path og sett offset verdi til -2 px. Fyll den nye formen med lilla farge, som viser den indre delen av kanonen. 

Trinn 4

La oss dekorere vår kanon med noen striper og stjerner!

Lage en 30 x 130 px rød stripe ved hjelp av Rektangelverktøy (M). Gå til Effekt> Forvreng og transformer> Zig Zag. Still størrelsen til 5 px, Ridges per segment til 10, og Poeng til Hjørne. 

Trinn 5

Objekt> Utvid Utseende formen å bruke effekten og flytte vår zig-zag til den fremre delen av kanonen. Velg både kanonen og zigzagen og ta Form Builder Tool (Shift-M). Holde alt og svev musen over den unødvendige delen av den røde formen. Når musemarkøren endres til et lite minustegn, klikker du på det uthevede stykket for å slette det. 

trykk Styre-[ et par ganger for å flytte zig-zag under kanonens nese. 

Trinn 6

La oss gå videre og legge til en annen stripe i kanonen vår. Lage en 30 x 110 px blå rektangel, ved hjelp av Rektangelverktøy (M). Ta Star Tool og lag en 5-spiss stjerne på toppen av den blå stripen. 

Trinn 7

Velg stjernen, hold Alt-Shift og dra formen ned, og lag en kopi nederst på den blå stripen. Velg begge stjernene og gå til Objekt> Blend> Lag. Nå som vi har en gruppe stjerner, kan vi justere mengden og avstanden mellom elementene som bruker Objekt> Blend> Blandingsalternativer. Sett Spacing til Spesifikke trinn lik 3

Trinn 8

La oss bruke en Clipping Mask å skjule de unødvendige delene av dekorasjonen inne i kanonen. 

Dupliser (Control-C> Control-F) kanonformen og Bringe kopien til forsiden (Shift-Control-]). Velg alle deler av kanonen, klikk på høyre museknapp og Lag Clipping Mask. 

Trinn 9

Ta Ellipseverktøyet (L) og la oss skildre hjulet. Lage en 50 x 50 px rød sirkel. Dupliser (Control-C> Control-F) sirkelen og gjør kopien mindre, setter størrelsen på 45 x 45 px. Gjør fargene på den nye formen litt mørkere. Avslutt hjulet ved å lage en annen kopi av sirkelen og angi størrelsen til 25 x 25 px. Gruppe (Control-G) alle elementer av hjulet.

Trinn 10

La oss nå rotere kanonen for å gjøre sammensetningen litt mer dynamisk. Gruppe alle delene av kanonen (unntatt hjulet). Dobbeltklikk de Rotate Tool (R) og sett Angle til -20 grader.

Flytt hjulet til venstre litt, opprettholde riktig balanse. 

Trinn 11

La oss bruke sirkelbasen fra vårt første ikon. Dupliser det og plasser kanonen vår på en sirkulær basis. Ikke glem å justere skyggen. Chance fargen på ikonet og skyggen til turkis. 

Voila! La oss gå videre til vårt siste ikon. 

3. Hvordan lage en Magic Hat-ikon i Adobe Illustrator

Trinn 1

Vi kan enten bruke sløret i vår kanon til å starte med hatten, eller la oss gå videre og lage en ny mørklilla ellipse av 103 x 13 px størrelse. Påfør Offset-banen med -4 px forskyvning verdi for å lage den indre delen av hatten. 

Ta Rektangelverktøy (M) og lag en 54 x 57 px form. Påfør en mørkere lilla farge og Send til Tilbake (Shift-Control- [), plasser den under randen.

Steg 2

Ved å holde det opprettede rektangel valgt, gjelder Effekt> Warp> Bulge med -3% vertikal bøyning verdi og 12% vertikal forvrengning.

Objekt> Utvid Utseende å forvandle formen til kurver. Her har jeg også bestemt meg for å endre fargen på toppsirkelen til mørkelilla, slik at hatten ser mer tredimensjonal ut. 

Trinn 3

La oss legge til et lyst bånd i vår topp lue. Lage en 75 x 15 px turkis stripe ved hjelp av Rektangelverktøy (M). Velg både stripen og rektangeldelen av hatten vår og bruk Form Builder Tool (Shift-M) mens du holder alt å klikke og slette uønskede brikkene.

Trinn 4

La oss skildre en tryllestav. Bruke Avrundet rektangelverktøy å lage en 95 x 10 px lysegul form med helt avrundede hjørner.

Nå kan vi enten bruke Rektangelverktøy (M) å lage en 45 x 10 px mørk-lilla form på toppen av staven eller duplisere den gule formen og bruk Eraser Tool (Shift-E) mens du holder alt for å slette tipsene til kopien og tilbakekalle toppformen.

Pass på at begge fasene passer hverandre ved å tilpasse dem i Rette inn panel.

Trinn 5 

Sett tryllestaven rett over hatten og bruk Rotate Tool (R) å rotere den 10 grader. Speckle noen få stjerner ved hjelp av Star Tool og varierer størrelsen på elementene.

Trinn 6

Plasser den magiske lue på en rund ikonbase og legg en lys rød farge på sirkelen og til den halvtransparente skyggen. 

Trinn rett opp for hovedarrangementet! Våre sirkusplatte ikoner er ferdige!

Fantastisk arbeid, mine venner! Jeg håper du har likt å følge denne morsomme og enkle opplæringen og oppdaget noen nye tips og triks. Nå er du klar til å lage mer fancy sirkus ikoner. Sjekk ut alle de forskjellige flate ikonene på GraphicRiver, og ikke glem å dele resultatene dine! Ha det gøy!