Hit Bullseye med denne Dart Ikon Quick Tips i Adobe Illustrator
Hva du skal lage

I de følgende trinnene vil du lære hvordan du lager en enkel dart pil illustrasjon i Adobe Illustrator. For det første vil du lære hvordan du setter opp et enkelt rutenett og hvordan å skape de viktigste figurer ved hjelp av grunnleggende verktøy, noen enkle effekter og live Corners har. Deretter vil du lære hvordan du kan opprette, lagre og bruke en lineær gradient og hvordan du legger subtile skygger for dine former. Til slutt, vil du lære hvordan du enkelt kan fargelegge den endelige dart pilen.

1. Opprett et nytt dokument og sette opp et rutenett

Hit Ctrl-N for å opprette et nytt dokument. Velg Piksler fra Units rullegardinmenyen, skriv 600 i bredde og høyde boksene, og klikk på knappen Avansert. Velg RGB, Screen (72ppi) og sørg for at Align nye objekter være Pixel Grid er merket før du klikker OK.

Aktiver Grid (View > Vis rutenett) og Fest til rutenett (View > Fest til rutenett). Du trenger et rutenett hver 1 px, så bare gå til Rediger > Innstillinger > Guides > Grid, og skriv en i linjenettet hver boks og en i underinndelinger boksen. Prøv ikke å bli motløs av alt som grid-det vil gjøre arbeidet lettere, og husk at du enkelt kan aktivere eller deaktivere den ved hjelp av kontroll- 'hurtigtast.

Du bør også åpne infopanelet (Vindu > Info) for en live forhåndsvisning med størrelsen og plasseringen av figurer. Ikke glem å sette måleenheten til piksler fra Rediger > Innstillinger > Units > General. Alle disse alternativene vil øke arbeidshastigheten.

2. Lag et sett med enkle former

Trinn 1

Velg den rektangelverktøyet (M) og fokus på verktøylinjen. Fjerne fargen fra slaget, og velg deretter fyll og satt sin farge til R = 39 G = 170 B = 225. Flytt til artboard og bare lage en 22 x 4 px rektangel.

Kontroller at denne blå firkant forblir valgt og gå til Effect > Forvrenge & Transform > Transform. Dra Flytt Vertical glidebryteren til -6 px, skriv to i det kopier, klikk på OK-knappen, og deretter gå til Object > Utvid Utseende. Pass på at at den resulterende gruppe figurer er valgt og opp gruppe det ved hjelp av Shift-Control-G hurtigtast.

Trinn 2

Bruke samme rektangelverktøyet (M), lage en 22 x 17 px form og plassere det nøyaktig som vist i det første bildet. Fokus på oversiden av denne nye rektangel og bytte til Direct Selection Tool (A). Velg begge ankerpunkter, flytte til den øverste linjen og sette Corners til 2 px.

Levende Corners funksjonen er kun tilgjengelig for CC brukere. Den beste løsningen for å erstatte det ville være det runde et hjørne skript som kan finnes i denne artikkelen: 20 gratis og nyttig Adobe Illustrator Scripts. Lagre det på harddisken din, går du tilbake til Illustrator og sørge for at Direct Selection Tool (A) er aktiv.

Velg de samme toppankerpunktene og gå til Fil > Scripts > Andre Script. Åpne runde et hjørne Script, skriv en 2 px radius, og klikk OK. I noen tilfeller kan du ha for å øke /redusere verdien nevnt i det Corners boksen.

Flytt til undersiden av figurene som er gjort i dette trinnet, velger begge ankerpunkt, tilbake til det Corners boksen og denne gangen satt den til en px. Til slutt den nye blå form bør se ut i det andre bildet.

Trinn 3

Bruke rektangelverktøyet (M), lage en 14 x 7 px form og legg den som vist i det første bildet. Fokus på oversiden av denne nye rektangel og bytte til Direct Selection Tool (A). Velg begge ankerpunkt, gå tilbake til den øverste linjen og skriv 3 px i at Corners boksen.

Trinn 4

Kom tilbake til verktøylinjen og erstatte den eksisterende fylle farge med en enkel gul (R = 255 G = 200 B = 0). Bruke rektangelverktøyet (M), lage to 20 x 3 px former og to 20 x 2 px former, og plassere dem akkurat som vist i det første bildet.

Fokus på bunn gult rektangel og bytte til Direct Selection Tool (A). Velg begge bunnankerpunkt og deretter inn en px i at Corners boksen.

3. Opprett Tips og fargelegge det eksisterende former

Trinn 1

Velg alle dine blå figurer, åpner Gradient panelet (Vindu > Gradient) og klikker på gradient miniatyr å legge til standard svart -til-hvitt lineær gradient.

Hold fokus på Gradient panel, sett Angle ved 0 grader, og deretter fokusere på de gradient glidere. Først velger venstre gradient glideren og sette farge på R = 139 G = 146 B = 152, og deretter velge riktig gradient glidebryteren og sette farge på R = 209 G = 211 B = 212.

Fokus på gradient linjen, og klikk på den for å legge til en ny gradient skyveknapp. Sørg for at denne nye glidebryteren er valgt, satt sin farge til R = 229 G = 226 B = 223, fokus på boksen Plassering (fra Gradient panel) og sett den på 15%. Husk at de blå tallene fra Gradient bildene stå for Location prosentandel. Legg tre nye glidere for denne gradienten og deretter bruke farge og plassering attributter vist i følgende bilde.

Nå må du lagre denne lineær gradient. Gå tilbake til Gradient panelet klikker du på at gradient miniatyr og bare dra den i Fargeprøver-panelet (Vindu > fargeprøver).

Trinn 2

Pass på at formene fylt med lineær gradient er valgt, fokusere på Utseende panelet (Vindu > Utseende) og legge til en annen fylling ved hjelp av Legg til ny Fyll knappen . Velg denne nye fyll, erstatte den eksisterende farge med en enkel hvit (R = 255 G = 255 B = 255) og deretter endre Blending Mode til Soft Light.

Trinn 3

Velg alle gule figurer og bare erstatte den eksisterende fylle farge med den lagrede lineær gradient.

Trinn 4

Bruke rektangelverktøyet (M), lage et 4 x 62 px blå formen og legg den som vist i det første bildet. Sørg for at det forblir valgt og gå til Object > Sti > Legg ankerpunkter. Fokus på oversiden av denne nye rektangel, plukke Slett Anchor Point Tool (-) og klikker på de to festepunktene fremhevet i det andre bildet for å bli kvitt dem.

Nå formen skal se ut i det andre bildet. Bytt til Direct Selection Tool (A), velger de to ankerpunktene markert i tredje bildet, og dra dem 15 px ned. Til slutt blå formen skal se ut i det fjerde bildet.

Trinn 5

Sørg for at din blå formen er valgt og lage en kopi i front (Ctrl-C > Kontroll-F). Bruke rektangelverktøyet (M), opprette en 1 x 62 px form og legg den som vist i det første bildet. Velg denne nye rektangelet sammen med kopi av blå form, åpne Pathfinder-panelet (Vindu > Pathfinder) og klikk Snitt knappen.

Sørg for at den resulterende formen forblir valgt, fokus på Utseende panel og erstatte den eksisterende fylle farge med R = 190 G = 200 B = 203.

Trinn 6

Kontroller at blå formen er valgt og lage en kopi i front (Ctrl-C > Kontroll-F). Bruke rektangelverktøyet (M), opprette en 1 x 62 px form og legg den som vist i det første bildet. Velg denne nye rektangelet sammen med kopi av blå form og klikk på Snitt knappen fra Pathfinder-panelet.

Sørg for at den resulterende formen forblir valgt, fokus på Utseende panel og erstatte den eksisterende fylle farge med R = 222 G = 232 B = 235. Reselect blå form, fokus på Utseende panel og erstatte det blå med R = 145 G = 155 B = 158.

4. Lag kroppen

Trinn 1

Bruke rektangelverktøyet (M), lage en 18 x 174 px grønn form og plassere den som vist i det første bildet. Fokus på undersiden av denne nye rektangel og bytte til Direct Selection Tool (A). Velg venstre ankerpunktet og dra det fem piksler til høyre, og velg deretter riktig ankerpunktet og dra det 5 px til venstre.

Marker på nytt hele grønne form og gå til Effect > Warp > Utbulning. Skriv inn attributtene som vist i følgende bilde, klikker du på OK-knappen, og deretter gå til Object > Utvid Utseende.

Trinn 2

Sørg for at din grønne formen forblir valgt og fokusere på utseendet panel. Først velger fyll og bare erstatte den flat farge med den lagrede lineær gradient. Deretter legger du til en annen fylling for denne formen bruker det samme Legg til ny Fill-knappen.

Velg den nye fyll, senke Opacity til 50% og legge den lineære gradient vist i følgende bilde. Husk at den blå tall fra Gradient bildet står for plassering prosent, mens den gule null står for Opacity prosentandel.

Trinn 3

Pass på at formen redigeres i forrige trinn er valgt, holde fokus på Utseende panel og legge til en tredje fyll. Velg denne nye fyll, senke Opacity til 70%, endre Blending Mode til Hardt lys og sette farge på R = 247 G = 148 B = 30.

5. Lag flyturen

Trinn 1

Bruke rektangelverktøyet (M), lage en 26 x 102 px blå formen og legg den som vist i det første bildet. Bytt til Direct Selection Tool (A) og holde fokus på denne nye rektangel. Velg øverst til høyre ankerpunktet og dra det 64 px ned og 6 piksler til høyre, og velg deretter venstre ankerpunktet og dra det fire piksler til venstre.

Trinn 2

Hold fokus på blå form og sørge for at Direct Selection Tool (A) er fortsatt aktiv. Velg tre uthevet ankerpunkt én etter én og inn Corners attributter som er angitt i følgende bilde.

Trinn 3

Bruke rektangelverktøyet (M), lage en 24 x 102 px røde formen og legg den som vist i det første bildet. Bytt til Direct Selection Tool (A) og holde fokus på denne nye rektangel. Velg den øverste venstre forankringspunkt og dra den 64 px ned og 6 piksler til venstre, og velg deretter høyre ankerpunktet og dra det fire piksler til høyre.

Trinn 4

Hold fokus på den røde form og sørge for at Direct Selection Tool (A) er fortsatt aktiv. Velg tre uthevet ankerpunkt én etter én og inn Corners attributter som er angitt i følgende bilde.

Trinn 5

Bruke rektangelverktøyet (M), lage en 19 x 144 px grønn form og plassere den som vist i det første bildet. Bytt til Direct Selection Tool (A) og holde fokus på denne nye rektangel. Velg den øverste venstre forankringspunkt og dra den 73 px ned, velge nederste venstre forankringspunkt og dra den 5 piksler til høyre, og velg deretter høyre ankerpunktet og dra det 51 px opp og 3 px til høyre.

Trinn 6

Hold fokus på grønn form og sørge for at Direct Selection Tool (A) er fortsatt aktiv. Velg to uthevede ankerpunkt én etter én og inn Corners attributter som er angitt i følgende bilde.

Trinn 7

Sørg for at din blå formen er valgt og fokusere på utseendet panel. Først velger du eksisterende fylle og erstatte den blå med lineær gradient vist i følgende bilde. Deretter legger du til en annen fylling for denne formen og velg det. Sett farge til R = 247 G = 148 B = 30, senke Opacity til 70%, og endre Blending Mode til Hard Light.

Trinn 8

Kontroller at røde formen er valgt og fokusere på utseendet panel. Først velger du eksisterende fylle og erstatte den røde med lineær gradient vist i følgende bilde. Deretter legger du til en annen fylling for denne formen og velg det. Sett farge til R = 247 G = 148 B = 30, senke Opacity til 70%, og endre Blending Mode til Hard Light.

Trinn 9

Sørg for at din grønne formen er valgt og fokusere på utseendet panel. Først velger du eksisterende fylle og erstatte det grønne med lineær gradient vist i følgende bilde. Deretter legger du til en annen fylling for denne formen og velg det. Sett farge til R = 247 G = 148 B = 30, senke Opacity til 70%, og endre Blending Mode til Hard Light.

6. Legg Subtle Shading, Multipliser og Skift farger Dine piler

Trinn 1

reselect alle figurene er gjort så langt og duplisere dem (Ctrl-C > Kontroll-F). Velg bare kopier og klikk på Unite knappen fra Pathfinder-panelet. Sørg for at den resulterende formen er valgt, fokus på Utseende panelet, bli kvitt det andre fyll, og velg deretter de rester fylle og sette sin farge til R = 167 G = 169 B = 172.

Trinn 2

Sørg for at dine små grå formen forblir valgt, send den til å sikkerhets hjelp av Shift-Control-[hurtigtast, og deretter gå til Effect > Stylize > Drop Shadow. Skriv inn attributtene som vises i øvre venstre vindu (i følgende bilde), klikk på OK-knappen, og deretter legge til de andre tre Drop Shadow effekt er vist nedenfor.

Trinn 3

Marker på nytt alle former laget så langt og konsernet dem ved hjelp av kontroll-G hurtigtast. Sørg for at denne nye gruppen forblir valgt og gå til Effect > Forvrenge & Transform > Transform. Sett vinkel på 30 grader, sjekk øverst til høyre referansepunkt, skriv tre i at kopier boksen, og klikk deretter på OK-knappen.

Trinn 4

Til slutt, her er hvordan du enkelt kan endre farge pilen. Velg de fire figurer som har den oransje fill (R = 247 G = 148 B = 30), fokus på Utseende panel og bare erstatte den oransje med fargen du foretrekker.

Gratulerer! Du er ferdig!

Her er hvordan det skal se ut. Jeg håper du har hatt glede av denne opplæringen, og kan bruke disse teknikkene i din fremtidige prosjekter.