Hit Mark med et realistisk Vector Dartboard

Lær hvordan du bruker Illustrators Live Paint-funksjon, Grafiske stiler og Transform Effect, samtidig som du lager et realistisk dartbord. Alle funksjonene som brukes i denne opplæringen på mellomnivå finnes i Illustrator CS2 og senere.

Endelig bildeforhåndsvisning

Nedenfor er det endelige bildet vi skal jobbe for. Ønsker du tilgang til hele Vector Source-filene og nedlastbare kopier av hver opplæring, inkludert denne? Bli med Vector Plus for bare 9 $ i måneden.

Opplæringsdetaljer

  • Program: Adobe Illustrator
  • Versjon: CS2 og senere
  • Vanskelighetsgrad: Mellomliggende
  • Anslått sluttid: 2,5 timer

DEL I: Styret

Trinn 1

Tegn en perfekt sirkel med Ellipse Tool (L), ved å klikke en gang på Artboard, og skriv inn 8 tommer i både bredde og høyde feltene. Stroppens vekt og farge spiller ingen rolle på dette punktet.

Steg 2

Med den valgte sirkelen, dobbeltklikk på Skalverktøyet. Velg Uniform, Skriv 75%, og klikk Kopier. Med den nye sirkelen valgt, skala og kopiere igjen, denne gangen angir du 95%. Gjør dette fire ganger, inn i disse verdiene: 65%, 92%, 15% og 50%. De resulterende konsentriske sirkler bør se ut som bildet nedenfor.

Trinn 3

Slå på Smart Guides (Vis> Smart Guides). Bruk linjesegmentverktøyet (\) til å tegne en vertikal linje fra senterets senter til like utenfor toppen av den første innvendige ringen. Hold nede Skift-tasten for å begrense linjen til 90 °. Smart Guides gir deg visuelle signaler når du er på midtpunktet, og når linjen møter / krysser sirkelens sti.

Trinn 4

Med linjen som er valgt, gå til Effect> Distort & Transform> Transform. Roter linjen 19 ganger, for totalt 20. Siden 360 grader (en sirkel) delt med 20 (antall segmenter) er 18, skriv 18 ° i feltet Angle. Pass på at du klikker på det nederste senterpunktet på referansepunktets proxy, slik at linjen vil rotere fra bunnpunktet. Sjekk forhåndsvisningsboksen for å sikre at den ser ut som bildet nedenfor.

Trinn 5

Gå til Objekt> Utvid utseende. Resultatet blir 20 individuelle linjer, rotert rundt midtpunktet. Dette er den grunnleggende strukturen til dartbordet ditt.

Nå er det på tide å farge. Før det, gjør du en kopi av dartbordet. Først lag et nytt lag i lagpanelet. Velg stiene, hold Alt og dra proxyen (liten farget firkant) opp til det nye laget for å lage en kopi. Skjul det laget for nå.

Trinn 6

Før du farger dartbordet, må du bestemme på en fargepalett for illustrasjonen. Jeg har brukt disse fargene, som tilnærmer fargeskjemaet til et tradisjonelt dartbord. Opprett en ny fargegruppe fra fargeprøket ved å velge dem i fargepatronen og klikk på ikonet Ny fargegruppe. Du kan også opprette en ny fargegruppe fra utvalgte objekter i illustrasjonen. Klikk på Fargepanelens fly-meny, velg Ny fargegruppe, og merk av på knappen Utvalgt kunstverk.

Trinn 7

Velg dartbordstrukturen nå. Hvis stiene er strøket, skift dem til en fylling og strekk av ingen. Velg Live Paint Bucket Tool (K). Du ser tre små fargestifter over malingsbøtten. Som standard blir disse fargene ingen, hvite og svarte. Hvis fargegruppen ble valgt på forhånd, blir fargene fylt med de i fargegruppen. Så sørg for at du kan se tre av fargene du opprettet tidligere.

Trinn 8

Klikk i dartbordets disposisjoner for å konvertere dem til en Live Paint Group. Nå når du svinger over hvert segment, vises en tydelig markeringslinje rundt formen. Klikk en gang med Paint Bucket for å fylle den formen med farge. For å bytte til en tilstøtende farge, trykk på venstre eller høyre piltast.

Fortsett å fylle hver form, eller "ansikt". TIPS: For det røde tyretøyet kan du dra Paint Bucket over flere ansikter for å male mer enn en om gangen.

Ditt fargede dartbord bør se ut som bildet nedenfor.

DEL II: Ledningene

Trinn 1

For å gjøre ledningene som skiller de fargede feltene på dartbordet, oppretter vi først en grafisk stil. Tegn en kort rett linje. Gi det en .5-punkts slag og en farge på 5% svart. Velg Round Cap i Stroke-panelet (midtikon ved siden av Vekt-feltet).

Steg 2

Velg strekk, og velg deretter Legg til nytt slag fra Utseendepanelet.

Endre bredden på bunnslaget til 2 poeng, og gjør fargen 40% svart (I CS4 kan disse endringene gjøres direkte i Utseendepanelet). Din dobbeltslagede linje skal se ut som bildet nedenfor

Trinn 3

Dra den dobbeltslagede linjen i panelet Grafiske stiler for å opprette den nye stilen. Hvis du vil, kan du dobbeltklikke på miniatyrbildet og gi det et navn.

Trinn 4

Husk kopien av dartbordet skissene du lagde tilbake i del 1? Vis og velg det, og klikk deretter på den nye grafiske stilen for å bruke den på linjene.

Trinn 5

Vi vil ikke at de radiale linjene møtes i midten, der tyrens øye er, så ta saksverktøyet (C) og kutte bort overskytende. Bruk Direct Selection Tool (hvit pil) for å velge og slette de ekstra bitene.

Trinn 6

Du bør nå ha ett lag med det fargede dartbordet, og et annet lag som inneholder trådseparatorene. Illustrasjonen skal se ut som bildet nedenfor.

Velg alt, og dobbeltklikk deretter på rotasjonsverktøyet. Vi ønsker at en svart seksjon skal være sentrert vertikalt, så skriv inn -9 ° (halv rotasjonsvinkel som brukes i del I).

DEL III: Tallene

Trinn 1

Tallene på et tradisjonelt dartbord er laget av ledning og synes å være bøyd for hånd. Du vil bli presset hardt for å finne en skrifttype som vil se ut som en bøyd ledning, men du kan endre en eksisterende skrifttype og bruke ledningen Graphic Style til den. Her har jeg brukt VAG Rounded, følger disse trinnene:

  1. Konverter type til konturer
  2. Slå på slag og fyll (Shift + X)
  3. Påfør "Wire" Graphic Style
  4. Klipp bane
  5. Slett innsiden av banen
  6. Tweak sti med pennverktøyet

Steg 2

Å gjøre alle sifrene og arrangere dem på dartbordet er en kjedelig prosess. Du kan øke hastigheten litt ved å skrive tallssekvensen på en sirkulær bane. Først tegner du en sirkel. Klikk på banen med Type på et sporverktøy, og skriv inn denne sekvensen, og legg inn et Tabstopp mellom hver. Skriv inn disse tallene: 20, 1, 18, 4, 13, 6, 10, 15, 2, 17, 3, 19, 7, 16, 8, 11, 14, 9, 12 og 5. Typen på en bane Verktøyet kan være litt vanskelig, men med noen få forsøk vil du få tak i det.

Når tallene er jevnt fordelt rundt sirkelen din, kan du skala den slik at den passer til dartbordet, deretter skissere tegnene, bruke Wire-stilen og justere stiene som ovenfor. Illustrasjonen er nesten ferdig, og skal nå se ut som bildet nedenfor.

DEL IV: Etterbehandlingen

Nå bare 5 minutter å gi dartbordet ditt et ferdig utseende. Her er noen forslag: Skal ned den ytre ledningsringen litt, så det ser ut til at tallene er festet til det. Bruk gruppevalgverktøyet (hvit pil med et + tegn) for å velge bare den ytre sirkelen, og bytt til valgverktøyet (V) for å skalere den. Legg til en dråpe Skygge på ledningene for å gi dem litt dimensjon.

Legg til en subtil gradient til de fargede feltene for å gi følelse av belysning. Legg også til en dråpeskygge eller sløret ellipse på baksiden av dartbordet for et generelt dybde. Den endelige illustrasjonen er under.

Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektoropplæringene og artiklene.