Design et Vector Audio Speaker-ikon i Illustrator

I denne mellomveiledningen viser jeg deg hvordan du lager et vektorhøyttalereikon. Når du bryter ned elementene, finner du det ganske enkelt. Vi bruker noen ellipser med gradienter, gridverktøyet og maskverktøyet for å lage dette ikondesignet.


Trinn 1

Lag et nytt dokument som er 8,5 tommer bredt med 11 tommer høyt. Bruk deretter Ellipse Tool (L) og opprett en 6 tommer x 6 tommer ellipse.


Steg 2

Med ellipsen valgt, opprett en Linear Gradient fra Gradient Panel. Legg til en annen fargeprøve til Gradient Slider ved å klikke like under glidebryteren. Bytt første fargeprøve til en 57% svart, den andre fargeprøven til en 12% svart, og den tredje fargeprøven til en 57% svart.


Trinn 3

Med Gradient Tool (G), juster gradienten ved å klikke og hold Shift, og dra øverst til høyre i sirkelen til nederst til venstre. Nå skal graden se ut som om den er i en 45 graders vinkel.


Trinn 4

Med valgt ellipse, gå til Objekt> Sti> Offset-vei for å hente ut kompensasjonsdialogen. Endre forskyvningen til -25 cm.


Trinn 5

Bytt den første swatchen på offset ellipse til 50% svart, den andre swatchen til en 4% svart, og den siste swatchen til 50% svart.


Trinn 6

Med den minste ellipse valgt, forskyv stien igjen. Denne gangen satte forskyvningen til -3 tommer og endret fyllingen til en 60% svart.


Trinn 7

Med den minste ellipse som er valgt, forskyver du banen enda en gang. Denne gangen endres offset til -25 cm.


Trinn 8

Med den nye ellipsen, opprett en Radial Gradient fra Gradient Panel og bytt den første swatchen til hvit og den andre swatchen til en 100% svart.


Trinn 9

Med den radiale gradientellipse valgt, forskyv banen til -3 tommer og bytt fyllfarge til 50% svart.


Trinn 10

Forskyv den siste ellipsen igjen, men denne gangen endrer du forskyvningen til -5,5 tommer og endrer fyllfarge til en 90% svart.


Trinn 11

Igjen, Offset den siste ellipsen, men endre offseten til -125.


Trinn 12

Lag en tre kurve Linjær Gradient som de første par ellipser. Bytt første fargeprøve til 82% svart, den andre fargeprøven til 34% svart, og den siste fargeprøven til 82% svart. Som det første par lineære gradienter, juster du gradienten i en 45 graders vinkel.


Trinn 13

Med Rektangulært Rutenettverktøy (plassert under Linjesegmentverktøyet i Verktøy-panelet), klikker du på tavla for å få opp dialogboksen Rektangulære Rutenettverktøy. I dialogboksen endrer du bredden og høyden til 5 tommer og endrer horisontale og vertikale dividere til 80.


Trinn 14

Pass på at rutenettet har et 1-punkts svart slag uten fylling. Utvid deretter strekkene til rutenettet ved å gå til Objekt> Sti> Strekning. Hvis du ikke skisserer strekkene til rutenettet, får du uventede resultater når du går videre til neste trinn.


Trinn 15

Når du har valgt rutenettet, går du til Effekter> Varsel> Vri for å få opp dialogboksen Varselalternativ. Endre Bend for Twist-effekten til 50. Utvid deretter utseendet på effekten ved å gå til Objekt> Utvid.


Trinn 16

Plasser rutenettet slik at den er sentrert over ellipser. Kopier (Command + C) den nest til siste ellipse (den 90% svarte fylt) og Lim inn den foran (Command + F). Velg den kopierte ellipsen og rutenettet, og trykk på Intersect Shape Areas i Pathfinder Panel. Fullfør det ved å trykke på Utvid-knappen i panelet.


Trinn 17

Velg ellipsen under rutenettet (det kan være lettere å velge ellipsen ved å låse (Command + 2) rutenettobjektet. Deretter forskyve banen -1,25 tommer. Ta ellipsen til forsiden og endre gradienten slik at den bare har to fargeprøver. Bytt første fargeprøve til 50% svart og den andre fargeprøven til 4% svart. Juster gradienten, slik at den mørkere fargen er øverst på graden.


Trinn 18

Med ellipsen fremdeles valgt, forskyv stien -25 cm og endre fyllingen til en 30% svart.


Trinn 19

Withe Mesh Tool (U), klikk halvveis mellom toppen og midten av ellipsen i midten, som lager et Mesh Point. Når maskepunktet er valgt, endrer du fargen i fargepanelet til hvitt. Deretter bruker du Mesh Tool igjen for å lage et Mesh Point ved å klikke på den vertikale linjen fra det første Mesh Point mot bunnen av ellipsen. Bytt dette Mesh Point til en 40% svart.


Trinn 20

Velg ellipse under maskingellene og Kopier (Kommando + C) og Lim inn foran (Command + F). Med markeringsverktøyet (V) strekker du den kopierte ellipsen ned fra det nedre midtre ankerpunktet. Bytt farge til 70% svart og send objektet bak rutenettet.


Trinn 21

De neste trinnene håndterer skruene på kanten av høyttaleren. Lag en ellipse som er .16 tommer med .16 tommer. Deretter oppretter du en lineær gradient med de samme fargene som ellipsen midt på høyttaleren (ikke maskingellene). Juster graden slik at den mørkere fargen er øverst på ellipsen.


Trinn 22

Forskjell ellipsen med 0,03 tommer, og juster gradienten slik at lysere farge er øverst på ellipsen.


Trinn 23

Kopier (Command + C) og Lim (Command + V) disse to ellipse, slik at du har totalt fire skruer. Plasser skruene rundt høyttaleren.


Trinn 24

Tegn en 4 tommers 4 tommers ellipse og opprett en radial blanding. Endre gradienten, slik at den første swatchen er svart og den andre er hvit.


Trinn 25

Squish Radial Gradient Ellipse med Direct Select Tool (V). Legg ellipsen bak alle andre kunstverk. Still også opp midten av ellipsen med bunnen av høyttaleren.


Trinn 26

Det er ganske mye det! Hvis du vil legge til en bakgrunnsfarge, må du sørge for at skyggeformen er satt til å multiplisere inn i gjennomsiktighetspanelet. For min bakgrunn skapte jeg et rektangel størrelsen på dokumentet mitt, og brukte en Radial Gradient med en 75% svart som min første swatch og en 100% svart som min andre swatch.


Endelig bilde

Nedenfor er det endelige bildet fullført!