Jeg elsker hodetelefoner, og denne opplæringen er inspirert av Audiotechnica M50X. Som du ser, skaper vi dette med grunnleggende former i Adobe Illustrator. Så hvis du er en elsker av hodetelefoner og god musikk, er denne opplæringen for deg!
Få inspirasjon fra de mange flate design vektor illustrasjonene over på GraphicRiver.
La oss begynne!
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 RGB, Skjerm (72 ppi), og sørg for å aktivere Juster nye objekter til Pixel Grid-boksen før du klikker OK.
Aktiver Nett (Vis> Vis rutenett) og Snap to Grid (Se> Snap to Grid). Du trenger et rutenett hver 10 px, så trykk ganske enkelt Kontroll-K å gå til Preferanser, og i Guider og rutenett sett Gridline hver til 10 og inndelinger til 4. Ikke bekymre deg - rutenettet vil hjelpe deg med å arbeide på en enkel måte, og den kan også aktiveres eller deaktiveres ved å trykke hurtigtast snarveien Styre-".
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.
Første ting først - la oss starte med en ørepute slik at vi kan kopiere den og deretter lage båndet til hodetelefonene våre. Pass på at du slår på Nett slik at du kan jobbe med større presisjon og letthet.
Begynn med å lage øreplaten med a 46 x 132 px rektangel ved hjelp av Rektangelverktøy (M). Å velge # 84EDFF
som fyllfarge og ingen farge for slagfyllingen.
I Forvandle panel, skriv inn 14 px som høyre hjørne radius og 2 px som venstre hjørne radius.
Kopier rektangelet (Control-C> Control-F) og endre dens Bredde til 36 px med Utvalgsverktøy (V). Å velge # 40BDD1
som fyllfarge og endre høyden på høyre hjørne til 10 px.
Kopier det siste rektangelet (Control-C> Control-F) og endre dens Bredde til 24 px. Å velge # 47D2E9
som fyllfarge og endre venstre hjørneradius til 6 px.
Ved siden av øretelefonen, opprett høyttaleren med en 4 x 128 px rektangel, og bruk # 5B5B5F
som fyllfarge Sett deretter høyden på høyre hjørne til 2 px.
Opprett nå huset ved hjelp av a 24 x 80 px rektangel. Å velge # 363434
som fyllfarge og endre venstre hjørneradius til 2 px.
Legg til litt dybde i huset som dupliserer (Control-C> Control-F) forrige rektangel og endring av det Høyde til 58 px. Endre fyllfarge til # 3B3939
.
Gjenta det forrige trinnet og endre rektangulets Høyde til 50 px. Endre fyllfarge til # 444242
.
Lag nå støtten til høyttalershengslet ved hjelp av a 20 x 16 px rektangel. Å velge # 4D4A4A
som fyllfarge og endre venstre radius til 8 px.
Kopier rektangelet (Control-C> Control-F) og flytte 2 px nedover med pilen på tastaturet ditt. Endre fyllfarge til # 3B3B3B
og send den bakover (Objekt> Ordne> Send bakover).
Lage en 8 x 42 px rektangel for det lille hodebåndet på høyttaleren / huset. Sett nedre hjørneradius til 4 px og velg # 5B5B5F
som fyllfarge.
Dupliser det (Control-C> Control-F) og endre fyllfarge til # 3B3B3B
. Flytt rektangelet nedover 2 px, og send den bakover (Objekt> Ordne> Send bakover).
Fortsett med det lille pannebåndet med en 8 x 10 px rektangel. Å velge # 444242
som fyllfarge og plasser rektangelet som vist på bildet under.
Lag nå et hengsel med en 16 x 16 px ellipse med Ellipseverktøyet (L). Å velge # 5B5B5F
som fyllfarge og plasser ellipsen som vist på bildet under.
Dupliserer ellipsen og endrer størrelsen til 12 x 12 px fra Forvandle panel. Endre fyllfarge til # 444242
.
Fortsett å tegne hodebåndets støtte ved hjelp av a 16 x 18 pkt rektangel. Endre fyllfarge til # 444242
. Velg chamfer hjørner for de nederste hjørner og still radien til 4 px. Send rektangelet til baksiden (Objekt> Ordne> Send til Tilbake).
Lage en ny 12 x 20 px rektangel, og velg # 5B5B5F
som fyllfarge. Sett nedre hjørnet radius til 6 px.
Duplisere (Control-C> Control-F) rektangelet og endre fyllfarge til # 3B3B3B
. Send det bakover (Objekt> Ordne> Send til Tilbake) og flytte den nedover 2 px.
Lag to rektangler, en av 4 x 26 px (# D8D9DD
) For hodebåndet, og en annen av 12 x 20 px (# 5B5B5F
) Som stroppstøtte.
Dupliser det første rektangelet (Control-C> Control-F) og endre dens Høyde til 2 px. Endre fyllfarge til # AEADB3
.
Velg alt og grupper det sammen (Kontroll-G).
Nå skal vi tegne hodetelefonens hodebånd. La oss begynne med å lage en 252 x 252 px ellipse og velge 20 px som strekkbredde. Å velge # 84EDFF
som slagfargen og slett ellipsens nedre ankerpunkt med Direkte utvalgsverktøy (A).
Utvid strekningen (Objekt> Utvid ... ) og deretter litt rundt hodebåndets nedre kanter med Direkte utvalgsverktøy (A).
Dupliser hodebåndet (Control-C> Control-F). Sett skalaen til 93% (Objekt> Transform> Skala ... ). Bruk # 47D2E9
som fyllfarge.
Flytt duplisert hodebånd 6 px nedover, og velg deretter begge pannebåndene og fjern den nedre gjenværende delen med Form Builder Tool (Shift-M).
Vi skal ferdigstille hodetelefonene!
Velg nå den venstre høyttaleren, dupliser den (Control-C> Control-F) og reflektere det vertikalt (Objekt> Transformere> Reflektere ... ). Sett det bare på høyre side av hodebåndet.
Nå som vi har avsluttet hodetelefonene, er det på tide å trekke støpslet. Går videre!
La oss starte med kabelinngangen i høyre høyttaler. Tegn det med en 14 x 20 px rektangel, og velg # 2B2A2A
som fyllfarge.
Legg til en annen 8 x 16 px rektangel for kabelkontakten. Bruk # 545252
som fyllfarge.
Nå trekk kabelen med Pennverktøyet (P), ved hjelp av 4 px som slagtykkelsen. Bruk # 47D2E9
som slagfargen.
Rund alle hjørner med Direkte utvalgsverktøy (A). Deretter utvides strokeformen (Objekt> Utvid ... ) og trykk OK.
Skru av Snap to Grid for et øyeblikk (Shift-Control-") for å justere kabelen med kontakten.
La oss trekke kontakten med en 8 x 22 px rektangel og # 545252
som fyllfarge. Legg til en annen 2 x 8 px rektangel (# 8A8686
).
Legg til et tredje rektangel, denne en av (# B4B5B8
) 4 x 20 px, og sett 2 px chamfers i øvre hjørner fra Forvandle panel.
Til slutt legg til to 4 x 2 px rektangler (# 8A8686
) og plasser dem over jacket.
Og vi er ferdige med pluggkabelen, så la oss nå fullføre designen ved å skape en fin bakgrunn for hodetelefonene våre.
La oss begynne med å lage et musikknotat. For å gjøre dette, bruk a 22 x 12 px rektangel, a 4 x 40 px rektangel og til slutt a 20 x 20 px ellipse. Bruk # 003E57
som fyllfarge.
Koble alle former og slå sammen dem ved hjelp av Forene knapp fra Pathfinder panel. Litt rundt alle hjørner med Direkte utvalgsverktøy (A).
Duplisere (Control-C> Control-F) musikalsk notat fire ganger, og roter kopier og endre skalaer ved hjelp av Utvalgsverktøy (V). Plasser dem som vist på bildet nedenfor.
Deretter grupperer du dem sammen og vri dem vertikalt (Objekt> Transformere> Reflektere ... ) for å plassere dem på høyre side av hodetelefonen.
Endelig opprett en 800 x 600 px rektangel, samme størrelse som lerretet. Påfør en radial gradient fra gradient panel, ved hjelp av følgende fyllfargene:
# 1F3B54
# 182D40
Husk å sende rektangelet på baksiden av lerretet (høyreklikk> Ordne> Send til Tilbake).
Yaaaay! Vi er ferdige! Du er ferdig med denne fantastiske hodetelefonillustrasjonen! Det er et utrolig resultat, et annet eksempel at du kan oppnå morsomme illustrasjoner uten mye problemer ved å bruke grunnleggende former.
Jeg håper du likte denne opplæringen så mye som jeg gjorde; Forhåpentligvis var det fullt av ny kunnskap for deg. Jeg vil gjerne se designen din - jeg venter!