Create en Vector Film Slate Ikon
Dette innlegget er en del av en serie som heter Icon Design.Make en Headphones symbol Bruke Adobe Illustrator

I denne opplæringen, vil jeg vise deg hvordan du oppretter en vektor film skifer ikon. Opplæringen bruker noen grunnleggende former, noen stigninger, og selv en blanding. Videre kan du enkelt tilpasse denne opplæringen med din egen logo eller typografi.

publiseres Tutorial

Hver noen uker, vi besøker noen av våre lesernes favoritt innlegg fra hele historien til området. Denne opplæringen ble første gang utgitt i august 2008.

Trinn 1

Opprett et nytt brev størrelse dokument. Bruk rektangel Tool (M) og lage et rektangel 190 px bred og 150 px høy

Trinn 2

Med rektangelet valgte gå til Objekt >.; Sti > Offset Sti for å få opp offset dialog. Endre Offset til 16 px

Trinn 3

Velg begge rektangler og gå til Filter >.; Stilisere > Runder Corner, og deretter endre radiusen til 8PX.

Trinn 4

Fyll større rektangel med en lineær gradient fra Gradient Panel. Endre første prøven på Gradient Slider til en 50% svart og den andre swatch til en 80% svart.

Trinn 5

Kopier (Kommando + C) mindre rektangel og lim den inn Front (Command + F). Deretter bruker du Ellipse Tool (L) og skape en ellipse som er 385 px bred og 230 px høy. Plasser bunnen av ellipsen halvveis vertikalt over rektanglene.

Trinn 6

Velg en av de kopierte mindre rektangler og ellipsen, og trykk deretter skjærer Shape Områder fra Pathfinder Panel. Trykker Utvid knappen fra Pathfinder Panel etter at du har krysses figurene.

Trinn 7

Velg den ikke-krysses mindre rektangel og lage en lineær Blend. Endre første swatch til en lys cyan farge og andre swatch til en cyan farge. Bruk Gradient Tool (G) og juster gradient ved å klikke og dra fra toppen av formen til midten så lysere farge er på toppen av formen.

Trinn 8

Velg for å oppveie form og fyll med en lineær Blend. Endre første swatch til cyan farge og andre farge til en mørkere blått. Juster gradient så mørkere farge er på toppen av forskyvningen form.

Trinn 9

Velg den større rektangel og den mindre (ikke offset) og offset banene på 2 px . Endre fylle av disse forskyvninger til en lineær gradient. Endre første swatch til en 75% svart og den andre swatch til en 90% svart. Juster gradient så den lysere siden av gradienten er på høyre side av forskyvninger.

Trinn 10

Neste vi kommer til å begynne å lage klapp på toppen av filmen skifer. Start med å lage en 240 px med 28 px rektangel.

Trinn 11

Fyll rektangelet med en lineær gradient. Legg en fargeprøve til overgang ved å klikke rett under Gradient Slider. Endre første swatch til en 20% svart, den andre swatch til hvitt, og den siste swatch til en 20% svart. Velg midten hvit prøven på Gradient Slider og endre plassering i Gradient Panel til 8. Neste justere gradient så de to fargene nærmest hverandre er på toppen av rektangelet.

Trinn 12

Tegn et rektangel som er 16 px bred og 64 px høy. Hold markøren over øvre høyre hjørne av rektangelet med Selection Tool (V) til du får pilen alternativer å rotere. Når du gjør, hold Shift og roter rektangel 45 grader, så legg den over på venstre side av forrige rektangelet.

Trinn 13

Velg den roterte rektangel med Selection Tool (V) Hold nede Shift og Alt-dra en kopi til høyre side

Trinn 14

Velg begge rektangler og gå Object >.; Blend > Gjør for å lage en blanding. Du vil ha tre kopier i blandingen. Jeg var heldig og tre var standard når jeg laget blandingen. Hvis du ikke er så heldig, gå til Objekt > Blend > Blend Alternativer og velger Spesifiserte Skritt fra rullegardinmenyen. Her kan du endre antall trinn til 3. Når du har riktig antall skritt, gå til Objekt > Utvid for å utvide blanding.

Trinn 15

Kopier (Kommando + C) den horisontale rektangel og lim den inn Front (Command + F). Med trappet rektangel og den kopierte rektangel valgt, trykker du skjærer Shape Områder fra Pathfinder-panelet, og trykk deretter Utvid.

Trinn 16

Fyll trappet barer til en fire swatch Lineær Gradient. Endre første swatch til en 100% svart, den andre swatch til en 75% svart, den tredje swatch til en 85% svart, og den fjerde swatch til en 63% svart. Endre plasseringen av andre swatch til 13 og for det tredje swatch 47. Juster gradient så den mørkeste fargeprøve er på toppen av de avtrappede former.

Step 17

Velg avtrappede former og rektangel, deretter drar ut en kopi over den opprinnelige. Med kopien fortsatt er valgt, velger du Vend vannrett fra hurtigmenyen for Transform Panel. Deretter roterer du kopierte bar 10 grader i Transform Panel, deretter stille opp hjørnet av både barer.

Trinn 18

Velg Star Tool fra Verktøy-panelet og klikk på artboard til få opp dialogboksen Star. Endre Radius 1 til 30 px, Radius 2 til 15 px, og poeng til 3. Deretter Roter stjernen 90 grader til høyre.

Trinn 19

Round hjørnene i trekanten form til 8 px og skalere ned til 36 px bredt med 41 px høy.

Trinn 20

Kopier (Kommando + C) trekanten rektangel og lim den inn Front (Command + F). Lag en ellipse som er 60 px bred og 52 px høy. Plasser den over trekanten slik at bunnen er i midten av trekanten. Velg den kopierte trekant og ellipse, deretter skjærer figurer.

Trinn 21

Velg forskyvningen trekant form og fyll den med en lineær gradient. Endre første swatch til en lys gråblå farge og andre swatch til en blå grå farge. Juster gradient så lysere farge er på toppen. Endre trekant form til en lineær gradient. Endre første swatch til gråblå farge og andre swatch til en mørk gråblå farge. Juster gradient så den mørkere delen er på toppen av trekanten form.

Trinn 22

Lag en liten ellipse som er 5 px av 5 px og fyll den med en lineær gradient. Endre første swatch til lys blå farge og andre swatch til en mørk gråblå farge. Juster gradient slik at den lettere del er på toppen av ellipsen. Med ellipse valgt, Offset banen ved en px, og deretter justere gradient av offset banen slik den mørkere fargen er på toppen av forskyvningen ellipse.

Trinn 23

Sett ellipse over toppen venstre side av trekanten form. Dra ut en kopi av ellipsen til nederst til venstre på trekanten.

Trinn 24

Plasser den ferdige trekanten over slat klemmer du opprettet tidligere.

Trinn 25

Når plassert, velge original trekant og dra ned en kopi. Endre fargen på kopien til en 80% svart og sende den bak den opprinnelige trekanten. Med Selection Tool (V), squish den kopierte trekanten mot venstre til høyre side av det skjuler under den opprinnelige trekanten.

Trinn 26

Velg alle topp film skifer kunstverk og sted over hele kroppen av filmen skifer.

Trinn 27

Nå kan vi legge til litt tekst til det blå området på filmen skifer. For skriften brukte jeg Georgia for hovedstaden V Hotell og Helvetica Light for teksten nederst. Type hva du vil i en font du vil, plassere den, og skissere teksten ved å gå til Type > Lag Outlines.

Trinn 28

Hvis du vil legge litt mer pizzazz til type, Kopier (Kommando + C) den blå utlignet form og lim den inn Front (Command + F), deretter Copy (Command + C) teksten overlappende blå utlignet form og lim den inn Front (Command + F) i tillegg. Velg begge eksemplarene og Snitt dem. Endre fylle av formen til en lineær gradient med den første swatch hvit og den andre swatch en svært lys blå. Juster gradient så mørkere farge er på toppen av krysses form.

Trinn 29

Nå filmen skifer er gjort kan vi begynne å legge litt dybde til det. Start med å gruppere alle kunstverk sammen ved å velge alle kunstverk og kommer til å Objekt > Group (Command + G).

Trinn 30

For dette neste skritt vi skal bruke Free Distort å gi skifer litt perspektiv. Velg kunstverk og åpne opp dialogen Gratis Distort ved å gå til Effect > Forvrenge og Transform > Gratis Distort. Når dialogen er opp, ta øverst til høyre ankerpunkt og flytte den litt til venstre og ned. Ta det øverste venstre forankringspunkt og flytte den til høyre og ned, veldig lett. Når du er ferdig Utvid effekten. Ta en titt på bildet under for å få et bedre inntrykk. Det kan se litt rart akkurat nå, men tro meg, vil det se mye bedre snart.

Trinn 31

Velg film skifer og rotere det 10 grader i Transform Panel.

Step 32

Løs opp gruppe objektet ved å gå Object > Løs opp gruppe (Command + Shift + G).

Trinn 33

Velg den største avrundet rektangel banen i filmen skifer kroppen og bruke Selection Tool (V) til å strekke det ned litt. Endre Lineær Gradient til en tre swatch gradient med de ytre fargeprøver en 80% svart og innsiden swatch en 30% svart.

Trinn 34

Kopier (Kommando + C) strukket form og lim den inn i Back (Command + B). Strekk denne formen ned og litt til venstre, deretter endre midten gradient swatch til en 50% svart.

Trinn 35

Velg den nederste hvite klem form og drar ned en kopi, så endring til en to swatch gradient med det første swatch en 80% svart og den andre swatch en 100% svart. Send den kopierte formen bak den opprinnelige og juster gradient så den mørkeste delen er på toppen av formen.

Trinn 36

Med Direct Selection Tool, velg høyre ankerpunkt og flytte det til venstre til kroppen av filmen skifer. Når du gjør dette prøve å holde den opprinnelige vinkelen. Deretter justerer du øverst til høyre forankringspunkt med høyre poenget med den opprinnelige formen du kopierte denne fra. Juster venstre punkt på kroppen og justere øvre venstre festepunktet til det nederste punkt av den opprinnelige form. Se på bildene nedenfor hvis dette virke forvirrende.

Trinn 37

Dra ut en kopi av den øverste klemmen som før, men flytte kopien mer til venstre og ned enn tidligere. Endre gradient til samme mørke fire swatch gradient i klemmene. Også justere ankerpunktene som før.

Trinn 38

Velg alle kunstverk, deretter Copy (Command + C) og lim (Command + V). Med all den kopierte kunstverk valgt, trykker du på Legg til Shape-området knappen i Pathfinder panelet, og trykk Utvid.

Trinn 39

Endre fargen på det nye objektet til en 30% svart. Deretter utlignet banen fire px og endre fargen til hvit

Trinn 40

Velg begge former og lage en blanding ved å gå Object >.; Blend > Lage. Deretter plasserer blanding bak alle andre kunstverk. Sett blandingen litt til venstre bak filmen skifer, noe som skaper en skygge. All Ferdig!

Final Bilde

La oss ta en titt på det endelige bildet nedenfor. Anmeldelser