Create en detaljert, Vector klesklype Illustrasjon

I det følgende opplæringen vil du lære hvordan du kan lage en detaljert klesklype illustrasjon. Det hele starter med en enkel pixel perfekt vektorform byggeteknikk. Deretter vil vi bruke utseendet panel og Illustrator effekter for å legge dimensjon til illustrasjonen. Du kan bruke disse profesjonelle teknikker for å skape kvalitet ikoner, detaljerte web-grafikk, og mye mer.

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ørg for at Align nye objekter være Pixel Grid boksen ikke er krysset før din klikker OK. Aktiver Grid (View > Vis rutenett) 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. Alle disse alternativene vil øke arbeidshastigheten.

Trinn 2

Velg rektangel Tool (M) og lage en 20 ved 230px form. Fyll den med R = 0, G = 148, B = 68, og fjerne fargen fra hjerneslag. Velg denne grønne form og gå til Objekt > Sti > Legg ankerpunkter.

Sørg for at denne formen er fortsatt valgt, bytter du til Direct Selection Tool (A) og fokus på de beste ankerpunktene. Velg den øverste, venstre forankringspunkt og flytte den 100px ned, og velg deretter den øverste, midterste festepunkter og flytte den 5PX til høyre. Fest til rutenett skal lette arbeidet ditt.

Fortsett med Direct Selection Tool (A) og fokusere på de nederste festepunktene. Velg nederst, venstre forankringspunkt og flytte den 30px opp. Hold fokus på de nederste festepunktene, plukke Slett ankerpunkter Tool (-) og klikk på midten ankerpunktet (den sirklet en). Til slutt grønn formen skal se ut som den tredje bildet som vises

Trinn 3

Velg det formen opprettet i forrige trinn og gå til Effect >.; Warp > Arc Nedre. Skriv inn de data som vises nedenfor, klikk på OK og gå til Objekt > Utvid Utseende.

Velg den Ellipse Tool, lage en 10px sirkel, og plasser den som vist i det andre bildet. Fortsett med Ellipse Tool, lage en 20 ved 30px form og legg den som vist i det andre bildet. Fokus på denne nye formen, merker du den, plukke Konverter Anchor Point Tool (Shift + C), og klikk på topp- og bunnankerpunkt. Til slutt bør det se ut som det tredje bildet som vises.

Trinn 4

Velg den grønne form, sammen med de to formene opprettet i forrige trinn, åpner Pathfinder-panelet (Vindu > Pathfinder) og klikk på Minus Front-knappen. Den resulterende formen skal se ut som det andre bildet som vises.

Deretter trenger du Round ethvert hjørne script. Du finner den i Vectortuts + artikkel 20 gratis og nyttig Adobe Illustrator Scripts. Lagre det på harddisken din, går du tilbake til Illustrator, og ta tak i Direct Selection Tool (A)

Velg de fire ankerpunktene fremhevet i det andre bildet og gå til Fil >.; Scripts > Andre Script. Åpne Round Enhver Corner Script, skriv en 2px Radius, og klikk OK. Til slutt bør figurer ser ut som det tredje bildet som vises.

Trinn 5

For følgende bilde trenger du et rutenett hver 1px. Så, gå til Rediger > Preferanser > Guides & Grid og skriv en i linjenettet hver boks. Plukk rektangel Tool (M), lage to, fire av 3PX former, og plassere dem som vist i det første bildet.

Nå fyller dem med R = 0, G = 148, B = 68, og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 5px radius, klikk OK, og gå til Objekt > Utvid Utseende. Velg de resulterende former, sammen med store, grønne form, og klikk på Unite knappen fra Pathfinder panel

Trinn 6

Vi trenger å gå tilbake til ". Linjenettet hver 5px ". Så, gå til Rediger > Preferanser > Guides & Grid og skriv 5 i linjenettet hver boks

Velg det grønne formen opprettet i forrige trinn, lage en kopi i front (Command + C > Command + F)., Og dra den til venstre som vist i det første bildet. Fest til rutenett skal lette arbeidet ditt. Sørg for at denne kopien er fortsatt valgt og gå til Objekt > Transform > Reflektere. Sjekk Vertikal og klikk OK

Trinn 7

Deaktiver Grid (View > Vis rutenett). Og Fest til rutenett (View > Fest til rutenett) og deretter gå til Rediger > Preferanser > Generell og sørg for at tastaturet Increment er satt til 1px. Velg riktig, grønn form og gå til Objekt > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk OK

Duplicate formen resulterende (Command + C > Command + F).. Velg denne kopien og traff høyre pil en gang (for å flytte den 1px til høyre). Reselect begge former opprettet i dette trinnet, flytte til Pathfinder-panelet, og klikk på Minus Front-knappen. Velg den resulterende gruppe figurer, slå den inn i en sammensatt bane (Object > Compound Sti > Lag), og fyll den med R = 96, G = 195, B = 109

Trinn 8

Velg den venstre, grønn form og gå til Objekt > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk OK. Duplisere resulterende formen (Command + C > Command + F). Velg denne kopien og flytte den 1px til høyre.

Marker på nytt begge former opprettet i dette trinnet, flytte til Pathfinder-panelet, og klikk på Minus Front-knappen. Velg den resulterende gruppe figurer, slå den inn i en sammensatt bane (Object > Compound Sti > Lag), og fyll den med R = 96, G = 195, B = 109

Trinn 9

Velg det riktig, grønn form og fokus på utseendet panel. Først erstatte flat green med lineær gradient vist nedenfor. Deretter legger du til en annen fylling ved hjelp av Legg til ny Fill-knappen. Det er den lille, hvite firkanten ikon fra bunnen av Utseende panel

Velg denne nye fyll, gjør det svart, senke Opacity til 8%, endre blending mode å formere seg, og gå til Effect >.; Artistic > Film Grain. Skriv inn dataene nedenfor og klikk på OK. Fortsette i Utseende panel og legge til en 1pt slag for denne formen. Satt sin farge på R = 0, G = 104, B = 56, og justere den til innsiden. Den hvite nummer fra gradient bildet står for plassering prosent.

Trinn 10

Velg den venstre grønne form, fokus på Utseende panelet, og legge til en annen fylling. Gjør det svart, senke Opacity til 8%, endre blending mode til Multipliser, og bruke Effect > Artistic > Film Grain. Skriv inn dataene nedenfor og klikk på OK. Fortsette i Utseende panel og legge til en 1pt slag for denne formen. Satt sin farge på R = 0, G = 104, B = 56, og justere den til innsiden

Trinn 11

Re-aktivere Grid (View > Vis rutenett). Og Fest til rutenett (View > Fest til rutenett) deretter bytte til " hjelpelinjer hver 1px ". Plukk Ellipse Tool (L), opprette en 18px sirkel, og plasser den som vist i det første bildet. Fyll den med ingen og legge en 4pt hjerneslag. Satt sin farge på R = 88, G = 89, B = 91, og justere den til innsiden.

Bytt til Pen Tool, og tegne en skrå sti, som vist i det første bildet. Igjen, bør Fest til rutenett lette arbeidet ditt. Legg en 4pt slag for denne veien, satt sin farge på R = 88, G = 89, B = 91, og åpne Strek-panelet. Fokus på Cap delen og sjekk Round Cap-knappen. Til slutt bør det se ut som det andre bildet nedenfor

Trinn 12

Velg det to baner som er opprettet i forrige trinn og gå til Objekt >.; Sti > Outline Stroke. Velg resulterende formen og bare klikke på Unite knappen fra Pathfinder panel

Trinn 13

Velg den formen som ble opprettet i forrige trinn, og lage to kopier i front (Command + C >.; Command + F > Command + F). Velg den øverste kopiere og flytte den 1px til høyre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Slå den resulterende gruppe figurer i en sammensatt bane (Object > Compound Sti > Lag)., Og fyll den med hvit

Trinn 14

Velg det grå form opprettet i trinn 12, fokus på Utseende panelet, og legge til en annen fylling. Velg den, satt sin farge på R = 147, G = 149, B = 152, og gå til Effect > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk OK. Legg en tredjedel fyll for denne formen, merker du den, satt sin farge på R = 209, G = 211, B = 212, og gå til Effect > Sti > Offset Path. Skriv inn et -1.5px Offsettrykk, og klikk OK.

Trinn 15

Velg den Ellipse Tool, lage en 4px sirkel, fyll den med R = 88, G = 89, B = 91, og plassere den som er vist i følgende bilde. Deretter må du legge til egenskapene fra forrige trinn til dette lille sirkelen.

Her er hvordan du enkelt kan kopiere dem. Gå til Lag-panelet, fokus på høyre side, og du vil merke at hver figur kommer med en liten grå sirkel. Det kalles et mål ikon. Hold alt, klikk på sirkel som står for formen redigeres i forrige trinn, og dra ut på sirkel som står for den lille sirkelen skapt i begynnelsen av dette trinnet.

Trinn 16

Plukk Ellipse Tool, lage en 10px sirkel og plassere den som vist i følgende bilde. Fjerne fargen fra fyll og legge en 2pt hjerneslag. Satt sin farge på R = 96, G = 195, B = 109, og justere den til innsiden.

Flytt til Utseende panel og legge til en andre slag for denne form ved hjelp av Legg til ny Stroke knappen. Det er den lille, svarte firkanten ikonet nederst, venstre hjørne av Utseende panel. Velg denne nye slag, gjør det 1PT bred, satt sin farge på R = 0, G = 104, B = 56, og justere den til innsiden.

Trinn 17

Velg alle figurene laget så langt (bortsett fra 10px sirkel opprettet i forrige trinn) og kopiere dem (Command + C > Command + F). Velg disse kopiene, klikk på Unite knappen fra Pathfinder-panelet, og deretter gå til Objekt > Forbindelse Sti > Lage. Fyll den resulterende banen med svart, send den til å sikkerhets (Shift + Command + [), senke Opacity til 25%, og flytte den 1px til høyre.

Trinn 18

Velg det bane som er opprettet i forrige trinn, lage en kopi i front (Command + C > Command + F), velger du den og flytte den 1px til høyre. Øke sin Opacity til 40% og gå til Effect > Blur > Gaussian Blur. Skriv inn en 3px radius og klikk OK

Trinn 19

Gå tilbake til ". Linjenettet hver 5px ". Plukk rektangel Tool (M) og lage en 30 ved 230px form. Fyll den med R = 0, G = 148, B = 68, fjerne fargen fra slaget, og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn en 3px radius, klikk OK, og gå til Objekt > Utvid Utseende

Trinn 20

Deaktiver Fest til rutenett (View > Fest til rutenett).. Velge formen opprettet i forrige trinn og gå til Objekt > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk OK. Duplisere resulterende formen (Command + C > Command + F). Velg denne kopien og flytte den 1px til høyre. Reselect begge former opprettet i dette trinnet, flytte til Pathfinder-panelet, og klikk på Minus Front-knappen. Fyll formen resulterer med R = 96, G = 195, B = 109.

Trinn 21

Fokus på den grønne, avrundet rektangel opprettet i trinn 19 og bruke den teknikken som er nevnt i punkt 15 kopiere bygninger som benyttes for den grønne formen redigeres i trinn 10.

Trinn 22

Re-aktivere Fest til rutenett (View > Fest til rutenett) og bytte til " linjenettet hver 1px ". Plukk rektangelverktøyet, opprette en 24 ved 73px form, og fyll den med en tilfeldig farge. Plasser den som vist i det første bildet og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 2px radius, klikk OK, og gå til Objekt > . Utvid Utseende

Velg den resulterende formen og lage to kopier foran (Command + C > Command + F > Command + F). Velge nederste kopien og flytte den 1px opp. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll formen resulterer med R = 96, G = 195, B = 109.

Trinn 23

Velg det avrundet rektangel opprettet i forrige trinn, og erstatte den flate fargen som brukes for fyll med lineær gradient vist nedenfor. Husk de hvite tall fra gradient bilde stå for plassering prosent.

Trinn 24

Velg det formen redigeres i forrige trinn, fokus på Utseende panelet, og legge til en annen fylling. Gjør det svart, senke Opacity til 5%, endre blending mode å formere seg, og gå til Effect > Artistic > Film Grain. Skriv inn dataene nedenfor og klikk på OK. Hold fokus på Utseende panel, sørg for at det ikke fyll eller hjerneslag er valgt og gå til Effect > Stilisere > Indre glød. Skriv inn dataene nedenfor og klikk på OK.

Trinn 25

Velg rektangelverktøyet, opprette en 24 ved 9px form, og fyll den med lineær gradient vist nedenfor. Plasser den som vist i følgende bilde og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 2px radius, klikk OK, og gå til Objekt > Utvid Utseende

Trinn 26

Velg den formen som ble opprettet i forrige trinn, og lage to kopier foran (Command + C > Command + F > Command + F).. Velg den øverste kopiere og flytte den 1px ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 0, G = 104, B = 56.

Trinn 27

Velg det formen opprettet i trinn 25 og lage to nye eksemplarer foran (Command + C > Command + F > Command + F). Velg den øverste kopiere og flytte den 2PX ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll formen resulterer med R = 96, G = 195, B = 109

Trinn 28

Velg det formen opprettet i trinn 25 og lage en kopi i front (Command + C >.; Command + F). Fyll den med lineær gradient vist i det andre bildet og åpne Transparency panel. Velg denne kopien, sammen med den opprinnelige formen, åpner fly-out menyen i Transparency panel og klikk på Lag Opacity Mask. Til slutt, bør maskert form ser ut som det tredje bildet som vises.

Trinn 29

Velg rektangelverktøyet, opprette en 24 ved 15px form, og fyll den med lineær gradient vist nedenfor . Plasser den som vist i følgende bilde og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 2px radius, klikk OK, og gå til Objekt > Utvid Utseende

Trinn 30

Velg den formen som ble opprettet i forrige trinn, og lage to kopier foran (Command + C > Command + F > Command + F).. Velg den øverste kopiere og flytte den 1px opp. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 0, G = 104, B = 56.

Trinn 31

Velg det avrundet rektangel opprettet i trinn 29 og lage to kopier i front (Command + C > Command + F > Command + F). Velg den øverste kopiere og flytte den 2PX opp. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll formen resulterer med R = 96, G = 195, B = 109.

Trinn 32

Velg det avrundet rektangel opprettet i trinn 29 og lage en kopi i front (Command + C > Command + F). Fyll den med lineær gradient vist i det andre bildet. Velg denne kopien, sammen med den opprinnelige formen, åpner fly-out menyen i Transparency panelet, og klikk på Kontroller Opacity Mask. Til slutt, bør maskert form ser ut som det tredje bildet som vises.

Trinn 33

Velg rektangel Tool (M) og lage en 28 ved 6PX form. Fyll den med en tilfeldig farge og plassere den som vist i det første bildet

Trinn 34

Velg rektangelet opprettet i forrige trinn og gå til Effect >.; Forvrenge & Transform > Transform. Skriv inn de data som vises nedenfor, klikk OK, og gå til Objekt > Utvid Utseende. Til slutt, bør du ha en gruppe på fem, perfekt justert rektangler

Trinn 35

Velg den store, avrundet rektangel redigeres i trinn 21, og gå til Objekt >.; Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk OK. Velg resulterende formen, sammen med den øverste rektangelet opprettet i forrige trinn, og klikk på Skjæring knappen fra Pathfinder-panelet.

Trinn 36

Velg det formen opprettet i forrige trinn, og fokusere på Utseende panelet. Først erstatte flat farge fra fylle med lineær gradient vist nedenfor. . Legg en annen fylling for denne formen og gjøre det svart

Velg den, senke Opacity til 5%, endre blending mode å formere seg, og gå til Effect > Artistic > Film Grain. Skriv inn dataene nedenfor og klikk på OK. Flytt ned til de andre fire rektangler og legge de samme egenskapene. Bruk målikoner lett kan kopiere egenskapene.

Trinn 37

Velg rektangelverktøyet, lage en 27 x 55 piksler form, og legg den som vist i følgende bilde. Fjerne fargen fra fylle legge en 4pt slag, satt sin farge på R = 88, G = 89, B = 91, og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 5px radius og klikk på OK.

Trinn 38

Fokus på rektangelet opprettet i forrige trinn. Plukk Direct Selection Tool (A), velge det øverste, venstre ankerpunkt, og trykk Delete-tasten på tastaturet. Velg den resulterende banen og flytte til Strek-panelet. Sjekk Round Cap-knappen og deretter bruke Object > Sti > Outline Stroke

Trinn 39

Velg den formen som ble opprettet i forrige trinn, og lage to kopier foran (Command + C > Command + F > Command + F).. Velg den øverste kopiere og flytte den 1px til høyre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll venstre form med R = 209, G = 211, B = 212, og riktig form med R = 65, G = 64, B = 66.

Trinn 40

Kopier bygninger som benyttes i den lille sirkelen redigeres i trinn 15 for å danne den grå form opprettet i trinn 38.

Step 41

Velg rektangelverktøyet, lage et 4 av 59px form, og fylle det med R = 88, G = 89, B = 91. Plasser den som vist i følgende bilde og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 2px radius, klikk OK, og gå til Objekt > Utvid Utseende

Trinn 42

Velg den formen som ble opprettet i forrige trinn, og lage to kopier foran (Command + C > Command + F > Command + F).. Velg den øverste kopiere og flytte den 1px til høyre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll formen resulterer med hvitt.

Trinn 43

Igjen, kopiere bygninger som benyttes i liten sirkel redigeres i trinn 15 til avrundet rektangel opprettet i trinn 41.

Trinn 44

Velg alle figurene opprettet starter med det nittende trinnet og kopiere dem (Command + C > Command + F). Velg disse kopiene, klikk på Unite knappen fra Pathfinder. Fyll den resulterende banen med svart, send den til å sikkerhets (Shift + Command + [), senke opacity til 25% og flytt den 1px til høyre.

Trinn 45

Velg det bane opprettet i forrige trinn, lage en kopi i front (Command + C > Command + F), velger du den og flytte den 1px til høyre. Øke sin Opacity til 40% og gå til Effect > Blur > Gaussian Blur. Skriv inn en 3px radius og klikk på OK.

Konklusjon

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