Share
Leer hoe u de Live Paint-functie, grafische stijlen en het transformatie-effect van Illustrator kunt gebruiken tijdens het maken van een realistisch dartbord. Alle functies die in deze tutorial op middelbaar niveau worden gebruikt, zijn opgenomen in Illustrator CS2 en hoger.
Hieronder is het uiteindelijke beeld waar we naartoe zullen werken. Wil je toegang tot de volledige Vector Source-bestanden en downloadbare exemplaren van elke tutorial, inclusief deze? Word lid van Vector Plus voor slechts 9 $ per maand.
Teken een perfecte cirkel met het ellipstool (L) door eenmaal te klikken op het tekengebied en 8 inch in te voeren in de velden Breedte en Hoogte. Het slaggewicht en de kleur doen er op dit moment niet toe.
Terwijl de cirkel is geselecteerd, dubbelklik je op het gereedschap Schalen. Selecteer Uniform, voer 75% in en klik op Kopiëren. Met de nieuwe cirkel geselecteerd, opnieuw geschaald en gekopieerd, deze keer met invoeren van 95%. Doe dit nog vier keer en voer deze waarden in: 65%, 92%, 15% en 50%. De resulterende concentrische cirkels moeten er ongeveer zo uitzien als de afbeelding hieronder.
Schakel Smart Guides in (Weergave> Slimme hulplijnen). Zoek met het gereedschap Lijnsegment (\) een verticale lijn vanuit het midden van de cirkels naar net voorbij de bovenkant van de eerste binnenring. Houd de Shift-toets ingedrukt om de lijn tot 90 ° te beperken. De slimme hulplijnen geven u visuele aanwijzingen wanneer u zich op het middelpunt bevindt en wanneer uw lijn het pad van de cirkel ontmoet / kruist.
Ga met de geselecteerde lijn naar Effect> Vervormen en transformeren> Transformeren. Roteer de lijn 19 keer, voor een totaal van 20. Aangezien 360 graden (een cirkel) gedeeld door 20 (het aantal segmenten) 18 is, voert u 18 ° in het veld Hoek in. Zorg ervoor dat u op het middelpunt onderaan klikt op de proxy van het referentiepunt, zodat de lijn vanaf het onderste punt roteert. Vink het vakje Voorbeeld aan om te controleren of het eruit ziet als de onderstaande afbeelding.
Ga naar Object> Uiterlijk uitvouwen. Het resultaat is 20 individuele lijnen, geroteerd rond het middelpunt. Dit is de basisstructuur van je dartbord.
Nu is het tijd om te kleuren. Maak daarvoor echter een kopie van de dartbordcontouren. Maak eerst een nieuwe laag in het deelvenster Lagen. Selecteer de paden, houd Alt ingedrukt en sleep de proxy (klein gekleurd vierkant) naar de nieuwe laag om een kopie te maken. Verberg die laag voor nu.
Kies voordat je het dartboard inkleurt een kleurenpalet voor je illustratie. Ik heb deze stalen gebruikt, die het kleurschema van een traditioneel dartbord benaderen. Maak een nieuwe kleurgroep op basis van de stalen door ze te selecteren in het deelvenster Stalen en op het pictogram Nieuwe kleurgroep te klikken. U kunt ook een nieuwe kleurgroep maken op basis van geselecteerde objecten in uw illustratie. Klik op het vervolgmenu van het kleursysteem, kies Nieuwe kleurgroep en vink vervolgens de knop Geselecteerd kunstwerk aan.
Selecteer nu de dartbordstructuur. Als de paden zijn gestreept, wijzig deze dan in een vulling en streek van geen. Kies het emmergereedschap voor actieve verf (K). U ziet drie kleine kleurstalen boven de verfemmer. Standaard zijn die stalen niet wit en zwart. Als uw kleurgroep vooraf is geselecteerd, worden de stalen gevuld met die in de kleurgroep. Zorg er dus voor dat je drie kleuren kunt zien die je eerder hebt gemaakt.
Klik binnen de contouren van het dartbord om ze naar een Live Paint Group te converteren. Wanneer u nu boven elk segment zweeft, verschijnt er een dikke markeringsstreep rond de vorm. Klik eenmaal met de verfemmer om die vorm met kleur te vullen. Als u naar een aangrenzende kleur wilt overschakelen, drukt u op de linker- of rechterpijltoets.
Ga door met het invullen van elke vorm, of 'gezicht'. TIP: voor de rode roos kunt u de verfemmer over meerdere vlakken slepen om er meer dan één tegelijk te beschilderen.
Je gekleurde dartbord zou er uit moeten zien als de afbeelding hieronder.
Om de draden te maken die de gekleurde velden op het dartbord scheiden, maken we eerst een grafische stijl. Teken een korte rechte lijn. Geef het een 0,5 punt slag en een kleur van 5% zwart. Selecteer Ronde dop in het deelvenster Lijn (middelste pictogram naast het veld Gewicht).
Selecteer de lijn en kies vervolgens Nieuwe lijn toevoegen in het deelvenster Uiterlijk.
Wijzig de breedte van de onderste streek in 2 punten en maak de kleur ervan 40% zwart (in CS4 kunnen deze wijzigingen rechtstreeks in het deelvenster Vormgeving worden aangebracht). Uw dubbel gestreept lijn zou er uit moeten zien als de afbeelding hieronder
Sleep de lijn met de dubbele streep naar het paneel Grafische stijlen om de nieuwe stijl te maken. Als je wilt, kun je dubbelklikken op de miniatuur en een naam geven.
Weet je nog de kopie van de dartbordcontouren die je in deel 1 hebt gemaakt? Toon en selecteer het en klik vervolgens op de nieuwe grafische stijl om het op de lijnen toe te passen.
We willen niet dat de radiale lijnen in het midden samenkomen, waar het schot in de roos is, dus neem de schaar tool (C) en snij het overtollige weg. Gebruik het gereedschap Direct selecteren (witte pijl) om de extra bits te selecteren en te verwijderen.
Je zou nu één laag moeten hebben met het gekleurde dartbord en een andere laag met de draadscheiders. De afbeelding moet er uitzien als de afbeelding hieronder.
Selecteer alles en dubbelklik vervolgens op het gereedschap Roteren. We willen dat een zwarte sectie verticaal gecentreerd wordt, dus voer -9 ° in (de helft van de draaihoek gebruikt in Deel I).
De nummers op een traditioneel dartbord zijn gemaakt van draad en lijken met de hand te zijn gebogen. U zult moeite hebben om een lettertype te vinden dat er net zo uitziet als een gebogen draad, maar u kunt een bestaand lettertype wijzigen en de grafische stijl van de draad daarop toepassen. Hier heb ik VAG Rounded gebruikt, en volg deze stappen:
Het maken van alle cijfers en het rangschikken ervan op het dartbord is een moeizaam proces. Je kunt het iets versnellen door de nummerreeks op een cirkelvormig pad te typen. Teken eerst een cirkel. Klik op het pad met het gereedschap Type op een pad en typ deze reeks door een tabstop tussen elke rij in te voegen. Voer deze nummers in: 20, 1, 18, 4, 13, 6, 10, 15, 2, 17, 3, 19, 7, 16, 8, 11, 14, 9, 12 en 5. Het type op een pad Tool kan een beetje lastig zijn, maar met een paar pogingen krijg je het onder de knie.
Zodra de getallen gelijkmatig verdeeld zijn rond je cirkel, kun je deze op het dartbord schalen, dan de personages uitlijnen, de Wire-stijl toepassen en de paden aanpassen zoals hierboven. De illustratie is bijna klaar en ziet er nu uit als de onderstaande afbeelding.
Nu nog 5 minuten om je dartbord een afgewerkte look te geven. Hier zijn enkele suggesties: Schuif de buitenste draadring iets naar beneden, zodat het lijkt alsof de cijfers eraan zijn bevestigd. Gebruik het groepsselectiegereedschap (witte pijl met een + -teken) om alleen de buitenste cirkel te selecteren en schakel vervolgens over naar het selectiegereedschap (V) om het te schalen. Voeg een slagschaduw toe aan de draden om ze een beetje dimensie te geven.
Voeg een subtiel verloop toe aan de gekleurde velden om een gevoel van verlichting te krijgen. Voeg ook een slagschaduw of vervaagde ellips toe aan de achterkant van het dartbord voor een algeheel uiterlijk van de diepte. De laatste illustratie is hieronder.
Abonneer u op de Vectortuts + RSS-feed om op de hoogte te blijven van de nieuwste vectorhandleidingen en -artikelen.
Accentsconagua