Hit Mark med en realistisk Vector Dartboard

Hit Mark med en realistisk Vector Dartboard

Lær hvordan du bruker Illustrator Live Paint funksjonen, Grafisk Styles og Transform Effect mens du oppretter en realistisk dartskive. Alle funksjonene som brukes i denne middels nivå opplæringen finnes i Illustrator CS2 og senere.



Final Bilde Forhåndsvisning

Nedenfor er det endelige bildet vi skal jobbe mot . Vil ha tilgang til hele Vector kildefiler og nedlastbare kopier av hver tutorial, inkludert denne? Bli Vector Plus for bare 9 $ i måneden

Tutorial Detaljer

Program:. Adobe Illustrator

Version: CS2 og senere

Vanskelighetsgrad: Intermediate

Estimert Gjennomføring Tid: 2,5 timer

DEL i: styret

Trinn 1

Tegn en perfekt sirkel med Ellipse Tool ( L), ved å klikke en gang på Artboard, og legge inn 8 inches i både Bredde og Høyde-feltene. Slaget vekt og farge ikke saken på dette punktet.

Trinn 2

Med den valgte sirkelen, dobbeltklikker du på Scale Tool. Velg Uniform, Enter 75%, og klikk på Kopier. Med den nye sirkelen valgt, skala og kopiere en gang igjen, denne gangen går inn 95%. Gjøre dette fire ganger til, å angi følgende verdier: 65%, 92%, 15% og 50%. De resulterende konsentriske sirkler skal se omtrent slik bildet nedenfor

Trinn 3

Slå på Smart Guides. (View > Smart Guides). Bruke Line Segment Tool (\\), tegne en loddrett linje fra midten av sirklene til like utenfor toppen av den første inni ringen. Hold nede Skift-tasten for å begrense linjen til 90 °. Smart Guides vil gi deg visuelle signaler når du er på midtpunktet, og når din linje møter /skjærer sirkelen bane.

Trinn 4

Med den valgte linjen, gå til Effect > Forvrenge & Transform > Transform. Roter linje 19 ganger, til sammen 20. Siden 360 grader (en sirkel) delt på 20 (antall segmenter) er 18, angir 18 ° i feltet Vinkel. Husk å klikke nederst midtpunktet på Reference Point proxy, slik at linjen vil rotere fra bunnen punktet. Sjekk forhåndsvisningsboksen for å sørge for at det ser ut som på bildet nedenfor

Trinn 5

Gå til Object >.; Utvid Utseende. Resultatet vil være 20 enkeltlinjer, roteres rundt senterpunktet. Dette er den grunnleggende strukturen i dartskive.

Nå er det på tide å farge. Før det, skjønt, lage en kopi av dartboard skisserer. Først lage en ny Layer i Lag-panelet. Velg stier, hold nede Alt og dra proxy (liten farget firkant) opp til det nye laget for å lage en kopi. Skjule det laget for nå.

Trinn 6

Før farging dartboard, bestemme seg for en fargepalett for illustrasjon. Jeg har brukt disse fargeprøvene, som omtrentlige fargevalget på en tradisjonell dartskive. Opprett en ny Color Group fra fargeprøvene ved å velge dem i Fargeprøver-panelet og klikke på New Color Group ikonet. Du kan også opprette en ny Color Group fra utvalgte objekter i tegningen. Klikk på Color panelets flyout menyen, velg New Color Group, kryss av den valgte knappen Artwork.

Trinn 7

Nå velger dartboard struktur. Hvis banene er strøket, endre dem til en strek og fyll of none. Velg Live Paint Bucket Tool (K). Du vil se tre små fargekart over maling bøtte. Som standard, vil disse fargeprøver være ingen, hvit og svart. Hvis fargegruppe ble valgt på forhånd, vil fargeprøvene bli fylt med de i fargegruppe. Så sørg for at du kan se tre av de fargene du opprettet tidligere.

Trinn 8

Klikk i dartboard skisserer å konvertere dem til en Live Paint Group. Nå når du holder markøren over hvert segment, vises en tykk høydepunkt linje rundt formen. Klikk én gang med Paint Bucket å fylle den formen med farge. Slik bytter du til en tilstøtende farger, trykker du på venstre eller høyre piltast.

Fortsett å fylle hver form, eller "ansikt". TIPS:.. For den røde blink, kan du dra Paint Bucket tvers av flere ansikter å male mer enn én om gangen

farget dartskive skal se ut som på bildet nedenfor

DEL II: ledningene

Trinn 1

For å gjøre ledningene som skiller de fargede feltene på dartboard, vil vi først opprette en grafisk stil. Tegn en kort rett linje. Gi den en 0,5-punkt hjerneslag og en farge på 5% svart. Velg Round Cap i Strek-panelet (midten ikonet ved siden av Weight feltet).

Trinn 2

Velg slag, deretter fra Utseende-panelet, velger du Legg til ny Stroke.
< p> Endre bredden på bunnen hjerneslag til 2 poeng, og gjøre sin farge 40% svart (i CS4, kan disse endringene gjøres direkte i Utseende-panelet). Din dobbelt strøk linje skal se ut som på bildet nedenfor

Trinn 3

Dra dobbelt strøk linjen inn i Graphic Styles panelet for å opprette den nye stilen. Hvis du vil, kan du dobbeltklikke miniatyrbildet, og gi den et navn.

Trinn 4

Husk kopien av dartboard skisserer du har gjort tilbake i del 1? Vis og velg det, klikk deretter på ny grafisk stil å bruke den på linjene.

Trinn 5

Vi vil ikke at den radielle linjer møte i sentrum, hvor blinken er, så ta den saks Tool (C) og skjære vekk overflødig. Bruk Direct Selection Tool (hvit pil) for å velge og slette ekstra biter.

Trinn 6

Du skal nå ha ett lag med farget dartboard, og et annet lag som inneholder lednings separatorer. Illustrasjonen skal se ut som på bildet nedenfor.

Velg alle, og deretter dobbeltklikker du på Roter Tool. Vi ønsker et svart felt å være sentrert vertikalt, så skriv -9 ° (halv roteringsvinkelen brukt i del I)

DEL III:. Tallene

Trinn 1

tallene på en tradisjonell dartbrett er laget av wire og ser ut til å bøyes for hånd. Du vil bli hardt presset til å finne en font som vil se akkurat ut som en bøyd wire, men du kan endre en eksisterende skrift og bruke ledning grafisk stil til det. Her har jeg brukt VAG Rounded, følgende:


    Konverter typen til skisserer

    Switch Stroke og Fill (Shift + X)

    Bruk av "Wire" grafisk stil

    Skjær banen

    Slett inne banen

    Tweak banen med Pen Tool

    Trinn 2

    Å gjøre alt sifrene og arrangere dem på dartskiven er en langtekkelig prosess. Du kan fremskynde den opp litt ved å skrive inn tallrekken på en sirkulær bane. Først tegne en sirkel. Klikk på banen med den type på en bane Tool, og skriv denne sekvensen, sette inn en tabulator mellom hver enkelt. 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. Tekst i en bane Tool kan være litt vanskelig, men med et par forsøk, vil du få taket på det.

    Når tallene er jevnt fordelt rundt sirkelen, kan du skalere det til å passe dartboard, deretter skissere tegn, bruke Wire stil, og justere stiene som ovenfor. Illustrasjonen er nesten ferdig, og skal nå se ut som på bildet nedenfor

    DEL IV:. Finpuss

    Nå kun 5 minutter å gi din dartskive en ferdig utseende. Her er noen forslag: skalere ned den ytre tråd ring litt, så det ser ut til at tallene er knyttet til den. Bruk konsernet Selection Tool (hvit pil med et + tegn) for å velge bare den ytre sirkelen, deretter bytte til Selection Tool (V) for å skalere det. Tilsett en dråpe Shadow til ledninger for å gi dem en bit av dimensjon.

    Legg til en subtil gradient til de fargede feltene for å gi en følelse av belysning. Også legge til en skygge eller uklare ellipse på baksiden av dartbrett for en generelle utseendet av dybde. Den endelige illustrasjonen er under.

    Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektor tutorials og artikler.