Share
Hva du skal skapeI de følgende trinnene lærer du hvordan du lager en enkel pilpille i Adobe Illustrator. Til å begynne med lærer du hvordan du konfigurerer et enkelt nett og hvordan du lager hovedformene ved hjelp av grunnleggende verktøy, noen enkle effekter og funksjonen Live Corners. Deretter lærer du hvordan du oppretter, lagrer og bruker en lineær gradient og hvordan du legger til subtil skygging for dine former. Til slutt lærer du hvordan du enkelt lurer på den endelige pilen.
Truffet Kontroll-N å opprette et nytt dokument. Å velge piksler fra enheter rullegardinmenyen, skriv inn 600 i bredde og høyde bokser, og klikk på Avansert knapp. Å velge RGB, Skjerm (72ppi) og sørg for at Juster nye objekter til pikselruten boksen er ikke merket før du klikker OK.
Aktiver Nett (Vis> Vis rutenett) og Snap to Grid (Se> Snap to Grid). Du trenger et rutenett hver 1 px, så bare gå til Rediger> Innstillinger> Guider> Grid, og skriv inn 1 i Gridline hver boks og 1 i inndelinger eske. Forsøk ikke å bli motløs av alt det rutenettet - det vil gjøre arbeidet enklere, og husk at du enkelt kan aktivere eller deaktivere den ved hjelp av Styre-' hurtigtast.
Du bør også åpne info panelet (Vindu> Info) for et levende forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å sette måleenheten til piksler fra Rediger> Innstillinger> Enheter> Generelt. Alle disse alternativene øker arbeidshastigheten betydelig.
Velg Rektangelverktøy (M) og fokus på verktøylinjen. Fjern fargen fra streken, og velg deretter fyll og sett fargen til R = 39 G = 170 B = 225. Flytt til din tavle og bare lage en 22 x 4 px rektangel.
Pass på at dette blå rektangelet forblir valgt og gå til Effekt> Distort & Transform> Transform. Dra Flytt vertikal skyvekontrollen til -6 px, Tast inn 2 i det kopier boks, klikk på OK knappen og deretter gå til Objekt> Utvid Utseende. Pass på at den resulterende gruppen av figurer er valgt og Del opp gruppe det bruker Skift-Control-G hurtigtast.
Bruke det samme Rektangelverktøy (M), lage en 22 x 17 px form og plasser den nøyaktig som vist i det første bildet. Fokuser på toppen av dette nye rektangelet og bytt til Direkte utvalgsverktøy (A). Velg begge ankerpunkter, flytt til topplinjen og sett inn Corners til 2 px.
Live Corners-funksjonen er bare tilgjengelig for CC-brukere. Den beste løsningen for å erstatte den ville være Runde hvilket som helst hjørne Skript som kan bli funnet i denne artikkelen: 20 Gratis og nyttige Adobe Illustrator-skript. Lagre det på harddisken, gå tilbake til Illustrator og sørg for at Direkte utvalgsverktøy (A) er aktiv.
Velg de samme toppankerpunktene og gå til Fil> Skript> Annet skript. Åpne Runde et hvilket som helst hjørnescript, skriv inn en 2 px radius og klikk OK. I noen tilfeller må du kanskje øke / redusere verdien som er nevnt i det Corners eske.
Flytt til bunnen av formene i dette trinnet, velg begge ankerpunkter, gå tilbake til det Corners boks og denne gangen satte den på 1 px. Til slutt skal den nye blå formen se ut i det andre bildet.
Bruker Rektangelverktøy (M), lage en 14 x 7 px form og plasser den som vist i det første bildet. Fokuser på toppen av dette nye rektangelet og bytt til Direkte utvalgsverktøy (A). Velg begge ankerpunkter, gå tilbake til topplinjen og skriv inn 3 px i det Corners eske.
Gå tilbake til verktøylinjen og erstatt eksisterende fyllfarge med en enkel gul (R = 255 G = 200 B = 0). Bruker Rektangelverktøy (M), opprett to 20 x 3 px former og to 20 x 2 px former, og plasser dem nøyaktig som vist i det første bildet.
Fokuser på det nederste gule rektangelet og bytt til Direkte utvalgsverktøy (A). Velg begge nedre ankerpunkter og skriv inn 1 px i det Corners eske.
Velg alle dine blå former, åpne gradient panelet (Vindu> Gradient) og bare klikk på gradient miniatyrbildet for å legge til standard svart-hvitt lineær gradient.
Fortsett å fokusere på din gradient panel, sett inn Angle på 0 grader, og fokuser deretter på glidebryterne. Først velg venstre glidebryter og sett fargen til R = 139 G = 146 B = 152, og velg deretter den høyre gradientregulatoren og sett fargen til R = 209 G = 211 B = 212.
Fokus på gradientlinjen og klikk på den for å legge til en ny glidebryter. Pass på at denne nye skyveknappen er valgt, sett fargen til R = 229 G = 226 B = 223, fokus på plassering boks (fra gradient panelet) og sett det på 15%. Husk at de blå tallene fra gradient bilder står for plassering prosentdel. Legg til tre nye glidebrytere for denne gradienten, og bruk deretter fargen og plassering attributter vist i følgende bilde.
Nå må du lagre denne lineære gradienten. Gå tilbake til gradient panel, klikk på den gradient miniatyrbilden og bare dra den inn i fargeprøver panelet (Vindu> Stikkord).
Pass på at figurene fylt med din lineære gradient fortsatt er valgt, fokus på Utseende panelet (Vindu> Utseende) og legg til en ny fylling ved hjelp av Legg til ny fylling knapp. Velg denne nye fyllingen, erstatt eksisterende farge med en enkel hvit (R = 255 G = 255 B = 255) og deretter endre dens Blandingsmodus til Mykt lys.
Velg alle dine gule former og erstatt bare den eksisterende fyllfargen med den lagrede lineære gradienten.
Bruker Rektangelverktøy (M), lage en 4 x 62 px blå form og plasser den som vist i første bilde. Pass på at den forblir valgt og gå til Objekt> Sti> Legg til ankerpoeng. Fokus på toppen av dette nye rektangelet, velg Slett ankerpunktsverktøy (-) og klikk bare på de to ankerpunktene som er markert i det andre bildet for å kvitte seg med dem.
Nå skal formen din se ut i det andre bildet. Bytt til Direkte utvalgsverktøy (A), velg de to ankerpunktene som er markert i det tredje bildet, og dra dem 15 px ned. Til slutt skal din blå form se ut i det fjerde bildet.
Pass på at den blå formen din er valgt, og lag en kopi foran (Control-C> Control-F). Bruker Rektangelverktøy (M), lage en 1 x 62 px form og plasser den som vist i det første bildet. Velg dette nye rektangelet sammen med kopien av den blå formen, åpne Pathfinder panelet (Vindu> Pathfinder) og klikk på Krysse knapp.
Pass på at den resulterende formen forblir valgt, fokus på Utseende panel og erstatt eksisterende fyllfarge med R = 190 G = 200 B = 203.
Pass på at den blå formen din er valgt, og lag en kopi foran (Control-C> Control-F). Bruker Rektangelverktøy (M), lage en 1 x 62 px form og plasser den som vist i det første bildet. Velg dette nye rektangelet sammen med kopien av den blå formen din og klikk på Krysse knapp fra Pathfinder panel.
Pass på at den resulterende formen forblir valgt, fokus på Utseende panel og erstatt eksisterende fyllfarge med R = 222 G = 232 B = 235. Velg den blå formen på nytt, fokus på Utseende-panelet og erstatt det blå med R = 145 G = 155 B = 158.
Bruker Rektangelverktøy (M), opprett en 18 x 174 px grønn form og plasser den som vist i det første bildet. Fokuser på bunnen av dette nye rektangelet og bytt til Direkte utvalgsverktøy (A). Velg venstre ankerpunkt og dra det 5 px til høyre, og velg deretter høyre ankerpunkt og dra den 5 px til venstre.
Vellgir hele grønn form og gå til Effekt> Warp> Bulge. Skriv inn attributtene som vises i det følgende bildet, klikk på OK knappen og deretter gå til Objekt> Utvid Utseende.
Pass på at din grønne form forblir valgt og fokus på Utseende panel. Først velg fyllingen og erstatt bare den flade fargen med den lagrede lineære gradienten. Deretter legger du til et nytt fyll på denne formen ved å bruke det samme Legg til ny fylling knapp.
Velg denne nye fyllingen, senk den opacity til 50% og legg til den lineære gradienten som vises i det følgende bildet. Husk at det blå nummeret fra gradient bildet står for plassering prosent, mens det gule nullet står for opacity prosentdel.
Pass på at formen som er redigert i forrige trinn, fortsatt er valgt, fortsett å fokusere på Utseende panel og legg til en tredje fylling. Velg denne nye fyllingen, senk den opacity til 70%, endre Blandingsmodus til Hardt lys og sett fargen til R = 247 G = 148 B = 30.
Bruker Rektangelverktøy (M), lage en 26 x 102 px blå form og plasser den som vist i første bilde. Bytt til Direkte utvalgsverktøy (A) og fortsett å fokusere på dette nye rektangel. Velg det øverste høyre ankerpunktet og dra det 64 px ned og 6 px til høyre, og velg deretter nedre venstre ankerpunkt og dra det 4 px til venstre.
Fortsett å fokusere på din blå form og sørg for at Direkte utvalgsverktøy (A) er fortsatt aktiv. Velg de tre markerte ankerpunktene en etter en og skriv inn Corners attributter angitt i bildet nedenfor.
Bruker Rektangelverktøy (M), lage en 24 x 102 px rød form og plasser den som vist i første bilde. Bytt til Direkte utvalgsverktøy (A) og fortsett å fokusere på dette nye rektangel. Velg det øverste venstre ankerpunktet og dra det 64 px ned og 6 px til venstre, og velg deretter det nederste høyre ankerpunktet og dra det 4 px til høyre.
Fortsett å fokusere på din røde form og sørg for at Direkte utvalgsverktøy (A) er fortsatt aktiv. Velg de tre markerte ankerpunktene en etter en og skriv inn Corners attributter angitt i bildet nedenfor.
Bruker Rektangelverktøy (M), lage en 19 x 144 px grønn form og plasser den som vist i det første bildet. Bytt til Direkte utvalgsverktøy (A) og fortsett å fokusere på dette nye rektangel. Velg det øverste venstre ankerpunktet og dra det 73 px ned, velg det nedre venstre ankerpunktet og dra det 5 px til høyre, og velg deretter det nederste høyre ankerpunktet og dra det 51 px opp og 3 px til høyre.
Fortsett å fokusere på din grønne form og sørg for at Direkte utvalgsverktøy (A) er fortsatt aktiv. Velg de to markerte ankerpunktene en etter en, og skriv inn Corners attributter angitt i bildet nedenfor.
Kontroller at den blå formen er valgt og fokus på Utseende panel. Først velger du den eksisterende fyllingen og erstatter den blå med den lineære gradienten som vises i følgende bilde. Deretter legger du til et nytt fyll på denne formen og velger den. Sett fargen til R = 247 G = 148 B = 30, senk det opacity til 70%, og endre Blandingsmodus til Hardt lys.
Pass på at den røde figuren er valgt og fokus på Utseende panel. Først velger du den eksisterende fyllingen og erstatter den røde med den lineære gradienten som vises i følgende bilde. Deretter legger du til et nytt fyll på denne formen og velger den. Sett fargen til R = 247 G = 148 B = 30, senk det opacity til 70%, og endre Blandingsmodus til Hardt lys.
Pass på at din grønne form er valgt og fokus på Utseende panel. Først velger du den eksisterende fyllingen og erstatter den grønne med den lineære gradienten som vises i bildet nedenfor. Deretter legger du til et nytt fyll på denne formen og velger den. Sett fargen til R = 247 G = 148 B = 30, senk det opacity til 70%, og endre Blandingsmodus til Hardt lys.
Vellgjøre alle former laget så langt og duplikere dem (Control-C> Control-F). Velg bare kopier og klikk på Forene knapp fra Pathfinder panel. Kontroller at den resulterende formen er valgt, fokus på Utseende panelet, bli kvitt den andre fyllingen, og velg deretter gjenværende fyll og sett fargen til R = 167 G = 169 B = 172.
Pass på at gråformen din blir valgt, send den tilbake ved å bruke Shift-Control-[ tastaturgenvei, og deretter gå til Effekt> Stylize> Drop Shadow. Skriv inn attributtene som vises i øverste venstre vindu (i det følgende bildet), klikk på OK knappen og legg deretter til de andre tre Drop Shadow effekter vist nedenfor.
Vellgjøre alle former laget så langt og Gruppe dem som bruker Kontroll-G hurtigtast. Pass på at denne nye gruppen forblir valgt og gå til Effekt> Distort & Transform> Transform. Sett Angle på 30 grader, sjekk øverste høyre referansepunkt, skriv inn 3 i det kopier boksen, og klikk deretter på OK knapp.
Til slutt, her er hvordan du enkelt kan få tak i pilen din. Velg de fire figurene som har oransje fyllingen (R = 247 G = 148 B = 30), fokus på Utseende panel og erstatt det oransje med fargen du foretrekker.
Slik ser det ut. Jeg håper du har hatt denne opplæringen og kan bruke disse teknikkene i dine fremtidige prosjekter.
Accentsconagua