Slik lager du en 90-talls radio i Adobe Illustrator

Hva du skal skape

Hvem husker ikke de fantastiske bærbare radioene? Husk når du pleide å lytte til musikk fra en kassett eller bare stille inn på en radiostasjon, da det ikke var noen iPod eller Spotify?

Så i dag husker vi en radio i den beste stilen på 1990-tallet ved hjelp av enkle og enkle former i Adobe Illustrator. La festen begynne!

Finn mer 90s inspirert design, over på Envato Elements.

1. Hvordan lage et nytt dokument og sette opp et rutenett

trykk Kontroll-N å lage en Nytt dokument. Sett enheter til piksler, og skriv inn 800 x 600 for bredden og høyden på dokumentet. Så i Avansert valg, velg RGBSkjerm (72 ppi), og sørg for å fjerne merket for Juster nye objekter til Pixel Grid-boksen før du klikker OK.

Gå til Preferanser (Kontroll-K) og skriv inn 1 px til Tastaturforhøyelse. trykk OK.

Du kan aktivere info panelet (Vindu> Info) for å få en forhåndsvisning av størrelsen og plasseringen av figurene dine. Husk å stille måleenheten til piksler fra Rediger> Innstillinger> Enheter. Dette vil øke hastigheten på arbeidet ditt sterkt.

2. Hvordan lage radioen

Vi begynner med å lage radioens kropp, og så flytter vi til de andre elementene.

Trinn 1

Start med å lage radioens kropp med en 400 x 134 px rektangel ved hjelp av Rektangelverktøy (M). Bruk # 3C3741 som fyllfarge.

Ta deretter Direkte utvalgsverktøy (A) og flytte de nederste noder av rektangelet av 5 px bruker tastaturets nøkler; flytte en til venstre og den andre til høyre.

Steg 2

For høyttaleren dupliserer du forrige rektangel to ganger (Control-C etterfulgt av Control-F) og flytte den siste kopien 120 px til høyre. Deretter gjelder Minus Front med den forrige kopien ved hjelp av Pathfinder panel.

Bruk en -8 px offset til den resulterende formen (Effekter> Path> Offset Path) og deretter utvide skjemaet (Objekt> Utvid Utseende). Endelig runde alle hjørner, men nederst til høyre ved hjelp av Levende hjørner med Direkte utvalgsverktøy (A).

Bruk # 342F38 som fyllfarge.

Trinn 3

Dupliserer nå høyttaleren (# 46424D) (Control-C> Control-F) og søk a -4 px offset i Effekter> Path> Offset Path. Deretter oppretter du en 80 x 80 px ellipse (# 3E3942) bruker Ellipseverktøyet (L).

Dupliserer ellipsen to ganger (Control-C> Control-F) og flytt den siste kopien litt til venstre for å lage en skygge, og sett Minus Front med forrige ellipse ved hjelp av Pathfinder panel. Endre fyllfarge til # 37333B.

Lage en 25 x 25 px ellipse (# 342F38) og gjenta prosedyren som ble brukt på den forrige ellipsen. Bruk # 2F2B33 som skyggen fyll farge.

Trinn 4

La oss nå lage høyttalerhuset ved hjelp av a 4 x 200 px rektangel (# 37333B). Dupliser det (Control-C> Control-F) og skille dem fra 200 px

Deretter velger du begge og bruker en Blanding (Alt-A-B Kontroll), og angi bestemte mellomrom til 20 i Objekt> Blend> Blandingsalternativer. Nå dupliserer stolpene og roterer dem med 90 ° bruker Rotate Tool (R). Gruppere huset sammen (Kontroll-G) og roter den 45º.

Sentrer nå huset på høyttaleren og dupliser innvendig form av høyttaleren, og etterpå ta den til forsiden (Høyreklikk> Ordne> Ta til forside). Velg hus og form og lag en kappemaske (Kontroll-7). Grupper alle høyttalerelementene sammen (Kontroll-G).

Trinn 5

Dupliser høyttaleren (Control-C> Control-F) og reflektere det (Høyreklikk> Transform> Reflektere), og plasser deretter høyttaleren på den andre siden av radioen.

Dobbeltklikk nå på radiokilden for å skrive inn Isolere modus. Legg til et rektangel (# 342F38) lik halvparten av radioen. Fjern gjenværende form ved hjelp av Form Builder Tool (Shift-M).

Trinn 6

La oss nå lage kassettbrettet med en 120 x 40 px rektangel (# 28252B). Skape 18 px avfasede hjørner i nederste hjørner ved hjelp av Forvandle panel.

Legg deretter til vinduet med en 48 x 16 px rektangel (# 5F5866) og rundt de nederste vertikaler med Direkte utvalgsverktøy (A). Deretter oppretter du en 8 x 8 px ellipse (# 28252B) og a 3 x 3 px ellipse (# 5F5866), gruppere dem sammen, og duplikere ellipser (Control-C> Control-F) og plasser dem begge i midten av vinduet.

Trinn 7

Lag et rektangel (# 514B57) litt overlappende med vinduet og trekke sin form med Form Builder Tool (Shift-M).

Deretter opprett to lange rektangler (#FFFFFF) og sett opacity til 25% bruker Utseende panel. Roter dem 45 ° og plasser dem på vinduet, og fjern gjenværende form med Form Builder Tool (Shift-M).

Trinn 8

Det neste er å lage skjermen. For dette, bruk a 50 x 28 px rektangel (# 28252B) og rundt sine hjørner med 6 px som radius fra panelet Forvandle. Lage en 42 x 26 px rektangel (# 5F5866) og endre hjørneradius til 2 px.

Lag en indre skygge ved å duplisere to ganger (Control-C> Control-F) og flytte ned siste kopi av 3 px. Søke om Minus Front fra Pathfinder panel og bruk # 4C4652 som fyllfarge.

Trinn 9

La oss nå trekke detaljene i displayet med Pennverktøyet (P). Bruk en 2 px slagtykkelse og sett fyllfarge til # 28252B, og tegne tall og noen poeng. Still slaget som Projiseringspinne fra Stroke panel.

Nå duplisere (Control-C> Control-F) Formen på den ytre rammen på skjermen og sett a -2 px offset i Effekter> Path> Offset Path. Utvid formen (Objekt> Utvid Utseende).

Deretter legger du til tre lange rektangler (#FFFFFF) og sett opacity til 15%, vippe dem ved 45º med Rotate Tool (R), og trekk den gjenværende figuren fra forrige ramme ved hjelp av Form Builder Tool (Shift-M).

Trinn 10

Opprett ni knapper ved å bruke en 6 x 6 px ellipse (# 28252B) og a 3 x 3 px ellipse (# 342F38), gruppere dem sammen (Kontroll-G), og duplisering av formen ni ganger. Plasser dem som vist på bildet nedenfor.

Trinn 11

Deretter legger du til en annen knapp ved hjelp av en 14 x 6 px rektangel (# 342F38) og runde venstre hjørner med Direkte utvalgsverktøy (A).

Deretter dupliseres to ganger (Control-C etterfulgt av Control-F) og flytt opp den siste kopien 2 px (# 28252B), og etterpå gjelder Minus Front med forrige form ved bruk av Pathfinder panel. Grupper alt sammen (Kontroll-G) og duplisere det (Control-C> Control-F). Reflekter den og plasser de to fasene ved siden av hverandre.

Trinn 12

Legg til syv knapper på toppen ved hjelp av 13 x 13 px rektangler (# 28252B), og plasser dem hver 7 px. På den første knappen fra venstre, opprett en 10 x 3 px rektangel (# 3C3741).

Dobbeltklikk nå på basen av radioen for å skrive inn Isolere modus. Lage en 185 x 20 px rektangel (# 342F38), sett hjørneradiusen til 10 px bruker Avrundet rektangelverktøy, og legg det litt overlappende på radioen og trekk den gjenværende formen med Form Builder Tool (Shift-M).

trykk Flukt å gå ut av Isolere modus.

Trinn 13

La oss nå lage radioens håndtak. Lag to 20 x 50 px rektangler (# 46424D) og a 315 x 20 px rektangel (# 46424D). Legg dem til å danne en omvendt U og søke Forene fra Pathfinder panel.

Deretter litt rundt øvre hjørner med Levende hjørner med Direkte utvalgsverktøy (A). Lage en 185 x 20 px rektangel (# 342F38) og sett hjørneradiusen til 10 px bruker Avrundet rektangelverktøy, og legg den i midten over radioens håndtak og trekk den gjenværende formen med Form Builder Tool (Shift-M).

Endelig opprett to 20 x 10 px rektangler (# 342F38) og plasser dem i den indre delen av håndtaket. Grupper alt sammen (Kontroll-G) og fikse det på toppen av radioen.

Trinn 14

Lag seksten 4 x 2 px rektangler (# 666666) og sett hjørneradiusen til 2 px bruk avrundet rektangulært verktøy, og plasser dem på de små knappene. Etterpå, opprett fire 10 x 2 px rektangler (# 666666) og plasser dem på kassettbrettet og de andre to under displayknappene.

Til slutt legg til en 28 x 6 px rektangel (# 666666) på håndtaket på radioen og sett hjørneradiusen til 3 px. Gruppere radioen (Kontroll-G).

3. Hvordan lage musikknotene

Trinn 1

Nå som vi har fullført radioen, begynner vi å tegne notater og andre endelige detaljer. Begynn med å opprette en 6 x 6 px ellipse, a 2 x 14 px rektangel og a 8 x 2 px rektangel. Grupper dem sammen og danner det første musikalske notatet.

Duplisere (Control-C> Control-F) musikalsk notat for å lage en annen, og legge til en annen 2 x 14 px rektangel og a 6 x 6 px ellipse. Endre bredden på det øvre rektangel til 12 px, og gruppere det andre musikalske notatet (Kontroll-G).

Spill deretter med forskjellige 6 x 6 px og 3 x 3 px ellipser, vekslende med følgende fyllfarger: # FF6766# 00B5B5# 9684A3# B0ABA0.

Steg 2

For å fullføre, opprett en 800 x 600 px rektangel (# EAE4D5) og send den til baksiden av lerretet (Objekt> Ordne> Send til Tilbake). 

Legg nå til en 532 x 24 px ellipse (# D4CFC1) som radioens skygge. Send den bak radioen (klikk på høyre> Ordne> Send bakover).

Rått! Du er ferdig!

Ferdig! Du har fullført denne opplæringen. Som du ser, var det veldig enkelt og tok bare noen få skritt. Jeg håper du finner det nyttig, og at du har lært mange nye ting for dine fremtidige illustrasjoner. Jeg ser på kommentarene!