Create en Vector Ticket ikon i Illustrator

I denne opplæringen vil du lære å bruke Illustrator til å lage et rent, vektor billett ikon. Begynn med å skape de grunnleggende vektorfigurer, og deretter legge pixel perfekt høydepunkter, alt nødvendig tekst, fordreining og grunge effekter for å gi det endelige resultatet interesse. Kom i gang med å utarbeide denne vektoren billett ikonet hopp.

Trinn 1

Hit Command + N for å opprette et nytt dokument. Skriv inn 600 i bredde og høyde boksene, klikk deretter på knappen Avansert. Velg RGB, Screen (72ppi) og sørge for at " Rett nye objekter til Pixel Grid " er merket før og klikk på OK. Nå, slå på Grid (View > Grid) og Fest til rutenett (View > Fest til rutenett).

Deretter trenger du et rutenett hver 5px. Gå til Rediger > Innstillinger > Guides > Grid, skriv 5 i linjenettet hver boks og en i underinndelinger boksen. Du kan også åpne infopanelet (Vindu > Info). For en live forhåndsvisning med størrelsen og plasseringen av figurer

Ikke glem å erstatte måleenheten til piksler fra Rediger > Innstillinger > Enhet > General. Alle disse alternativene vil øke arbeidshastigheten.

Trinn 2

Velg den rektangelverktøyet (M) og lage en 490 ved 330px form. Fest til rutenett vil lette arbeidet ditt. Husk å se inn i infopanelet for live forhåndsvisning med størrelsen og plasseringen av formen. Når den er laget, fylle formen med R = 247, G = 240, B = 224. Nå fjerne fargen fra hjerneslag.

Trinn 3

Velg den Ellipse Tool (L), lage en fire perfekte sirkler (45 45 piksler) og plassere dem som vist i følgende bilde. Igjen, vil Fest til rutenett lette arbeidet ditt.

Trinn 4

Fortsett med Ellipse Tool (L), lage to nye kretser (10 av 10px) og plassere dem som vist i første bildet. Velg begge former og gå til Effect > Forvrenge & Transform > Transform. Tast inn dataene vist i det andre bildet, klikk OK, og deretter bruke Object > Utvid Utseende

Trinn 5

Velg alle figurene laget så langt, åpne Pathfinder-panelet (Vindu > Pathfinder)., Og klikk på Minus Front-knappen. Den resulterende formen skal se ut som det andre bildet som vises. Flytt til Lag-panelet Dobbeltklikk på denne formen og gi den navnet " Ticket ". Det vil være lettere for deg å finne den igjen senere når du trenger å redigere den.

Trinn 6

Velg den rektangelverktøyet (M), opprette en 260 etter 110px form, og plassere den som vist i følgende bilde. Fyll den med ingen, men legger til en 3pt slag. Velg det fra Utseende panel og sette farge på R = 35, G = 103, B = 164

Nå åpner Strek-panelet (Vindu > Stroke).. Klikk på " Rett Stroke til Inside " knappen, og deretter bruke Effect > Stylize > Avrundede hjørner. Skriv inn et 5px radius, klikk OK, og bruke Object > Utvid Utseende.

Trinn 7

Velg den Pen Tool (P) og trekker to vertikale baner (110px høy). Plassere dem som er vist i det første bildet. Legg en 3pt slag for disse banene og sette farge på R = 35, G = 103, B = 164. Fortsett med Pen Tool (P), lage to horisontale baner (65px lange), og plasser dem som vist i det andre bildet. Igjen, legg en 3pt slag for disse banene og sette farge på R = 35, G = 103, B = 164.

Trinn 8

Velg stiene opprettet i de to siste trinnene. Først fikk Object > Utvid Utseende, så gå til Object > Utvid (eller Objekt > Sti > Outline Stroke). Velg den resulterende gruppe av former, klikk på Unite knappen fra Pathfinder-panelet, og deretter bruke Object > Forbindelse Sti > Lage. Til slutt bør du ha bare en blå sammensatt bane. Flytt til Lag-panelet Dobbeltklikk på denne nye banen, og gi den navnet " Ramme ".

Trinn 9

Deaktiver Grid (View > Vis rutenett) og Snap til Grid (View > Fest til rutenett). Velg det " Ticket " forme og flytte til Utseende panel. Velg den eksisterende fyll og gå til Effect > Stylize > Indre glød. Oppgi dataene nedenfor og klikk på OK

Trinn 10

Kontroller at ". Billett " Formen er fortsatt valgt, fokus på utseendet panelet, og klikk på Legg til ny Fill-knappen. Det er den lille hvite firkanten påpekt av pilen. Selvfølgelig vil dette legge til en ny fyll for formen. Velg det fra Utseende panelet og bruke lineær gradient vist nedenfor. Den gule null fra gradienten bildet står for Opacity prosent

Trinn 11

reselect ". Billett ", legge til et nytt fyll, og velg den fra Utseende panel. Gjør det svart, senke Opacity til 3%, endre blending mode til Multipliser, og gå til Effect > Kunstnerisk > Film Grain. Oppgi dataene nedenfor og klikk på OK

Trinn 12

reselect ". Billett ", fokusere på utseendet panelet, og velg slag. Sett farge på R = 212, G = 209, B = 179. Nå gjør det 2PT bred og justere den til utenfor

Trinn 13

Kontroller at ". Billett " er fortsatt valgt og fokus på utseendet panel. Velg hjerneslag og klikk på Duplicate valgte elementet. Det er den lille filikonet påpekt av pilen. Selvfølgelig vil dette legge en kopi av det valgte hjerneslag. Velg denne nye slag, gjør det 1pt bred, og erstatte den eksisterende farge med hvite

Trinn 14

reselect ". Billett " og fokus på utseendet panel. Velg hjerneslag lagt i forrige trinn, og klikk på Duplicate valgte elementet. Velg den nylig lagt slag, gjør det 3pt bred, og senke Opacity til 15%

Trinn 15

reselect ". Billett " og fokus på utseendet panel. Velg hjerneslag lagt i forrige trinn, og klikk på Duplicate valgte elementet. Velg denne nye slag og redusere størrelsen til 1.5pt bredt

Trinn 16

reselect ". Billett ", fokusere på utseendet panelet, og klikk på Legg til ny Fill-knappen. Velg denne nye fyll, drar du den til bunnen av Utseende panelet satt sin farge på R = 212, G = 209, B = 179. Nå gå til Effect > Sti > Offset Path. Skriv en 2 piksler offset, klikk OK, og deretter gå til Effect > Forvrenge & Transform > Transform. Oppgi dataene nedenfor og klikk på OK

Trinn 17

reselect ". Billett " og fokus på utseendet panel. Velg fyllet legges i forrige trinn, og klikk på Duplicate valgte elementet. Velg den nylig lagt fyll, drar du den til bunnen av Utseende panelet satt sin farge på R = 151, G = 145, B = 70. Nå åpner den eksisterende Transform effekt. Bare ved å dra Move-Vertical glidebryteren til 3px og klikk på OK

Trinn 18

reselect ". Billett " og fokus på utseendet panel. Velg fyllet legges i forrige trinn, og klikk på Duplicate valgte elementet. Velg den nylig lagt fyll, drar du den til bunnen av Utseende panelet, gjør det svart, og åpne eksisterende Transform effekt.

Dra Move-Vertical skyve 5px, klikk OK, og deretter åpne eksisterende Offset Sti effekt. Sett på 2 piksler offset med en 3px Offsettrykk, og klikk på OK. Til slutt, sørg for at denne svarte fylle fortsatt velges og senke Opacity til 5%

Trinn 19

Velg det ". Billett " form, sørg for at det ikke fyll eller hjerneslag er valgt, og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK

Trinn 20

Velg den ". Ramme " banen og legge til en ny fyll. Velg det fra Utseende panel og sette farge på R = 79, G = 150, B = 192. Nå gå til Effect > Sti > Offset Sti og skriv en -1px Offsettrykk, og klikk på OK

Trinn 21

Velg det ". Ramme " banen og legge et 0.5pt slag. Juster det til inne og sette farge på R = 16, G = 48, B = 96

Trinn 22

Velg det ". Ramme " sti, sørg for at det ikke fyll eller hjerneslag er valgt, og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK

Step 23

Re-aktivere Grid (View > Vis rutenett). Og Fest til rutenett (View > Fest til rutenett). For neste trinn må du et rutenett hver 2.5px. Så, gå til Rediger > Innstillinger > Guides > Grid og skriv 2,5 i linjenettet hver boks. Plukk rektangel Tool (M) og lage en 5 av 10px form.

Nå fyller den med R = 16, G = 48, B = 96. Plasser den som er vist i det første bildet. Fest til rutenett skulle lette arbeidet ditt. Sørg for at denne nye formen er fortsatt valgt og gå til Object > Transform > Roter.

Legg inn en 90 graders vinkel, og klikk på Kopier-knappen. Dette vil legge til en ny form som vist i det andre bildet. Velg begge former og klikk på Unite knappen fra Pathfinder-panelet.

Trinn 24

La oss fokusere på formen opprettet i forrige trinn. Velg den og flytte til Utseende panel. Legg til en ny fyll, velger du den fra Utseende panel, og sette farge på R = 247, G = 240, B = 224. Nå gå til Effect > Sti > Offset Path. Skriv inn et -1.75px Offsettrykk, og klikk på OK.

Trinn 25

Hold fokus på korset form. Velg det, gå til Utseende panel, og legge til en tredje fyll. Dra den til bunnen av Utseende panel, fyll den med lineær gradient vist nedenfor, og gå til Effect > Sti > Offset Path. Skriv en 1px Offsettrykk, og klikk på OK. Husk at den gule null fra gradienten bildet står for Opacity prosentandel.

Trinn 26

Velg den type Tool (T), klikk på artboard, og legg til litt enkel tekst som vist nedenfor. Sett farge på R = 16, G = 48, B = 96, og bruke MoolBoran skrift med en størrelse på 40pt.

Trinn 27

Velg teksten lagt i forrige trinn, gå til Utseende panelet, og klikk på Legg til ny Fill-knappen. Velg denne nye fill og sette farge på R = 247, G = 240, B = 224

Nå gå til Effect >.; Sti > Offset Path. Skriv inn et -1.25px Offsettrykk, og klikk på OK. Reselect denne teksten, sørg for at den ferske fyll ikke er valgt, og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK.

Trinn 28

Velg den type Tool (T) og legg til litt tilfeldig tall, som vist i følgende bilde. Bruk samme skrifttype og samme farge, men senke størrelsen til 40pt.

Trinn 29

Velg det tallene lagt i forrige trinn, gå til Utseende panelet, og klikk på Legg til New Fill-knappen. Velg denne nye fyll, gjør det hvitt, senke Opacity til 70%, og gå til Effect > Sti > Offset Path.

Legg inn en -1px Offsettrykk, og klikk på OK. Reselect disse tall stier, sørg for at det hvite fyllet ikke er valgt, og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK

Trinn 30

Velg tekstbaner, korset form, og ". Ramme ", deretter gruppere dem (Kommando + G). Åpne Børster panelet (Vindu > Børster). Åpne fly-out menyen i dette panelet og gå til åpne Brush Library > Kunstnerisk > Artistic_ChalkCharcoalPencil. Velg " Chalk-Rabbel " pensel, plukke Brush Tool (B), og trekker tre enkle veier (som vist i det andre bildet). Gjør dem svart og gruppere dem (Kommando + G)

Trinn 31

Velg de to gruppene som er opprettet i forrige trinn og gå til Transparency panelet (Vindu > Transparent).. Åpne fly-out menyen, klikk på Make Opacity Mask, deretter fjerner du merket i Clip-boksen. Dette vil legge den diskrete grunge effekt for billetten.

Trinn 32

Velg alle figurene laget så langt og gruppere dem (Kommando + G). Velg denne nye gruppen og gå til Effect > Warp > Fisheye. Oppgi dataene nedenfor og klikk på OK. Du kan prøve noen andre Warp effekter. De fleste av dem vil fungere godt for dette

Trinn 33

Velg det gruppen ble opprettet i forrige trinn, og gå til Effect >.; Forvrenge & Transform > Transform. Oppgi dataene nedenfor og klikk på OK.

Konklusjon

Nå arbeidet er ferdig. Her er hvordan det skal se ut.