How å lage en koffert ikon i Adobe Illustrator

I det følgende opplæringen vil du lære å lage en koffert ikon, egnet for en reise orientert nettsted, eller ferie brosjyre. Ta tak i dine vektor verktøy og la oss komme til å bygge.

Trinn 1

Lag en 255 ved 255px dokumentet. Først slår du på Grid (View > Grid) og Fest til rutenett (View > Fest til rutenett). Deretter trenger du et rutenett hver 5px. Gå til Rediger > Preferanser > 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 dine figurer. Ikke glem å bytte måleenheten til piksler fra Rediger > Preferanser > Unit > General. Al disse alternativene vil øke arbeidshastigheten.

Trinn 2

Velg rektangel Tool (M). Opprett en 225 ved 170px form og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 10px radius, klikk OK og deretter gå til Objekt > Utvid Utseende.

Trinn 3

Velg den formen laget i forrige trinn, og fylle den med lineær gradient vist nedenfor. Deretter trenger du et bestemt mønster. Åpne fly-out menyen i Fargeprøver-panelet og gå til åpne Swatch Library > Patterns > Basic Graphics > Basic Graphics_Texture. Et nytt vindu med noen kule mønstre bør åpnes.

Velg det eksisterende form, åpner fly-out menyen i Utseende-panelet og klikk på Legg til ny Fill. Dette vil legge til en annen fylling for formen. Velg det, senke Opacity til 8%, deretter fylle den med Diamond mønster. Legg en tredjedel fyll for denne formen. Gjør det svart, endre blending mode til Multipliser, senk opacity til 10% og deretter gå til Effect > Forvrenge > Diffuse Glow. Skriv inn dataene nedenfor og klikk på OK. Nå bør formen ser ut som på bildet under.

Trinn 4

Deretter må du maskere den eksisterende form. Velg den, først traff Ctrl + C og deretter Ctrl + F. Dette vil legge en kopi i front. Velg det, fyll den eneste med hvit (fjerne de ekstra fills fra Utseende panel) åpne deretter Transparency panel. Velg de to figurer laget så langt, åpner fly-out menyen i Transparency panel og klikk på Lag Opacity Mask.

Trinn 5

Deaktiver Fest til rutenett og lage to kopier av eksisterende form. Velg den øverste kopien og traff pil venstre og pil opp en gang. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 158, G = 100, B = 72. Nå endre blending mode til Multipliser og senke Opacity til 50%.

Gjør ytterligere to eksemplarer av den maskerte form. Velg den øverste kopien og traff venstre piltast to ganger. Reselect disse to eksemplarer og klikk på Minus Front knappen fra Pathfinder-panelet. Fylle denne nye formen med R = 158, G = 100, B = 72. Nå endre blending mode til Multipliser og senke Opacity til 25%

Trinn 6

Velg den maskerte form og gå til Objekt >.; Sti > Offset Path. Skriv inn en 1px Offsettrykk, og klikk OK. Fyll formen resulterer med en mørk farge og senke opacity. Det vil være lettere for deg å skille det i de videre trinnene. Dobbeltklikk på den (i Lag-panelet) og endre navnet "00"

Trinn 7

Aktiver Fest til rutenett. Plukk Ellipse Tool (L), opprette fire perfekte sirkler og legg dem som vist i følgende bilde. Alle fire sirkler bør være 35px bred og høy.

Trinn 8

Fokus øverst til venstre sirkelen. Først duplisere "00" Deretter velger denne kopien sammen med den øverste, venstre sirkel og klikk på Skjæring knappen fra Pathfinder-panelet. Nå må du legge til en diskret rundhet effekt ved hjelp av det runde et hjørne Script.

Lagre det på harddisken og deretter plukke Direct Selection Tool (A). Velg ankerpunktene fremhevet i det andre bildet og gå til Fil > Scripts > Andre Script. Åpne Round Enhver Corner Script, skriv en 1px Radius og klikk på OK. Fyll den resulterende form med lineær gradient er vist i det endelige bildet. Den hvite teksten fra gradient bildet står for Location.

Trinn 9

La oss gå til toppen, høyre sirkel. Lag en ny kopi av "00", velg den sammen med sirkelen og klikk på Skjæring knappen fra Pathfinder-panelet. Plukk Direct Selection Tool (A), velger ankerpunktene fremhevet i det andre bildet og gå til Fil > Scripts > Andre Script. Åpne Round Enhver Corner Script, skriv en 1px Radius og klikk på OK. Fyll formen resulterer med lineær gradient vist i det endelige bildet.

Trinn 10

Fortsett med bunnen, venstre sirkel. Igjen, lage en kopi av "00". Velg den sammen med sirkelen og klikk på Skjæring knappen fra Pathfinder-panelet. Plukk Direct Selection Tool (A), velger ankerpunktene fremhevet i det andre bildet og gå til Fil > Scripts > Andre Script. Åpne Round Enhver Corner Script, skriv en 1px Radius og klikk på OK. Fyll formen resulterer med lineær gradient vist i det endelige bildet.

Trinn 11

Til slutt, nederst, til høyre sirkel. Velg den opprinnelige "00" sammen med sirkelen og klikk på Skjæring knappen fra Pathfinder-panelet. Plukk Direct Selection Tool (A), velger ankerpunktene fremhevet i det andre bildet og gå til Fil > Scripts > Andre Script. Åpne Round Enhver Corner Script, skriv en 1px Radius og klikk på OK. Fyll formen resulterer med lineær gradient vist i det endelige bildet.

Step 12

Fra nå av vil du trenge et rutenett hver 1px. Gå til Rediger > Preferanser > Guides & Grid og skriv en i linjenettet hver boks. Plukk Ellipse Tool (L) og lage et tre ved 3px form. Fyll den med radial gradient vist nedenfor, og legge til en 0.15pt, justert til utenfor hjerneslag (R = 60, G = 36, B = 21). Lag to kopier av denne sirkelen deretter plassere alle tre figurer som vist i følgende bilde. Fest til rutenett vil lette arbeidet ditt.

Trinn 13

Lag noen nye kopier av formen opprettet i forrige trinn, og plassere dem som vist nedenfor.

Trinn 14

Grab rektangel Tool (M) og lage en 15 ved 172px form. Plasser det som i følgende bilde, så gå til Effect > Stilisere > Avrundede hjørner. Skriv inn en 1px radius, klikk OK, og deretter gå til Objekt > Utvid Utseende.

Trinn 15

Velg den formen resulterte fra forrige trinn, og fylle den med lineær gradient vist nedenfor.

Trinn 16

Velg Pen Tool (P) og trekker to vertikale baner som vist i følgende trinn. Legg en 0,25pt slag (R = 169, G = 124, B = 80) for hver bane og deretter åpne slaget panel. Sjekk den stiplede linjen, og angi 1pt i første dash boksen.

Trinn 17

Grab Ellipse Tool (L), lage en liten sirkel (2 av 2 piksler) og plasser den som vist i følgende bilde. Fyll den med R = 96, G = 57, B = 19, legg en 0.25pt, justert til utenfor hjerneslag (R = 169, G = 124, B = 80) og deretter gå til Effect > Forvrenge & Transform > Transform. Tast 2 i boksen eksemplarer og dra Move-Vertical slider til 10px klikk deretter OK. Kopiere denne formen og de som er opprettet i de tre siste trinnene. Velg disse kopiene og flytte dem til venstre, som vist i det andre bildet.

Trinn 18

Velg rektangel Tool (M) og lage en 45 ved 10px form. Plasser den som vist i følgende bilde og deretter gå til Effect > Stilisere > Avrundede hjørner. Skriv inn en 1px radius, klikk OK og deretter gå til Objekt > Utvid Utseende.

Trinn 19

Velg den formen resulterte fra forrige trinn, og fyll den med R = 98, G = 58, B = 39. Legg en annen fylling for denne formen. Gjør det svart, flytte den under den eksisterende fyll, så gå til Effect > Warp > Utbulning. Skriv inn de data som vises nedenfor, klikk OK og deretter gå til Effect > Forvrenge > Forvrenge & Transform. Gjør endringer bare i Scale-delen (som vist) og klikk OK. Med svart fill likevel valgt gå til Effect > Blur > Gaussian Blur og skriv en 1px radius.

Trinn 20

Grab rektangel Tool (M) og lage en 43 med 8 piksler form. Plasser den som vist i følgende bilde, så gå til Effect > Stilisere > Avrundede hjørner. Skriv inn en 1px radius, klikk på OK og gå deretter til Objekt > Utvid Utseende. Fyll den resulterende form med ingen og legge en 0.25pt, stiplet strek (R = 169, G = 124, B = 80). Lag to nye kopier av formen laget i tolvte trinnet og plassere dem slik det er vist i det endelige bildet.

Trinn 21

Duplicate figurer skapt i de tre siste trinnene. Velg disse kopiene og flytte dem til venstre, som vist i følgende bilde.

Trinn 22

Velg rektangel Tool (M), opprette en 17 ved 6PX form og plassere den som vist i følgende bilde. Fyll den med lineær gradient, så gå til Effect > Stilisere > Avrundede hjørner og angi et 2px radius.

Opprett en ny form. Gjør det 2px høy og 3px bred, fyll den med R = 241, G = 158, B = 86, og deretter gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 0,5pt radius og klikk på OK. Sørge for at disse to figurene er plassert på baksiden av de andre figurer. Kopiere disse to formene og flytte kopiene til venstre, som vist i det endelige bildet nedenfor.

Trinn 23

Velg rektangelverktøyet, lage to like figurer (7 av 2px) og sted dem som er vist i følgende bilde. Fyll dem både med lineær gradient vist nedenfor, og deretter gå til Effect > Stilisere > Avrundede hjørner og angi en 1pt radius.

Trinn 24

Igjen, lage to lignende former (14 av 2px) og plassere dem som vist i følgende bilde. Fyll dem begge med R = 80, G = 45, B = 27. Nå gå til Effect > Stilisere > Avrundede hjørner og angi en 1pt radius.

Trinn 25

Grab rektangel Tool (M), opprette en 49 ved 23px form og legg den som vist i følgende bilde. Fyll den med ingen og legge en 8 pkt, justert til utenfor slag, så gå til Effect > Stilisere > Avrundede hjørner. Skriv inn en 1px radius, klikk OK etter påføring Object > Utvid Utseende.

Duplicate den maskerte form. Velg kopien og den utvidede slag, klikk deretter på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 80, G = 45, B = 27. Nå gjelder Effect > Stilisere > Inner Glow og skriv inn data vist nedenfor

Trinn 26

Velg den formen laget i forrige trinn og gå til Objekt >.; Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk OK. Marker figuren resulterende og erstatte den spennende fyllfarge med lineær gradient vist i følgende bilde

Trinn 27

Til slutt velger den maskerte form og gå til Objekt >.; Sti > Offset Path. Skriv inn et -2px Offsettrykk, og klikk OK. Fyll den resulterende form med ingen, legge en 1pt slag og deretter gå til Objekt > Utvid.

Velg denne nyopprettede form. Først bringe den til front (Shift + Ctrl +]) og fyll den med lineær gradient vist i det endelige bildet. Endre blending mode til Overlay, senk Opacity til 50% og deretter gå til Effect > Blur > Gaussian Blur. Skriv inn en 1px radius, klikk OK og du er ferdig.

Konklusjon

Det siste bildet er nedenfor. Nå tar en vektor ferie. Anmeldelser