Hoe maak je een gedetailleerde 3D-vectorband in Illustrator

In deze zelfstudie laat ik je zien hoe je een vectorband maakt met zeer eenvoudige gereedschappen en technieken. Het belangrijke en lastige deel van deze tutorial zijn de bandstrepen, maar we lossen dit eenvoudig op en we geven het een geweldige laatste indruk. De instructie voor de zelfstudie is beschikbaar in Adobe Illustrator CS3.

Final Image Preview

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.

Stap 1

Selecteer een nieuw 1024px bij 768px webdocument met een kleurmodus van RGB en Scherm ingesteld op 72ppi.

Stap 2

Selecteer het Ellips-gereedschap (L) en klik op uw tekengebied in het dialoogvenster Ellipse. Stel de breedte en hoogte in op 400 px en klik vervolgens op OK. Selecteer de cirkel en stel de voorgrondkleur in op Geen en lijn de kleur in op K = 88. Verander deze laagnaam in "band."

Stap 3

Selecteer de cirkel en ga vervolgens naar Effect> 3D> Extrude and Bevel. Klik op de knop Meer opties en stel de onderstaande opties in en klik vervolgens op OK.

Stap 4

Selecteer de Rechthoek-tool of druk op M, klik vervolgens op het tekengebied en stel in het dialoogvenster de breedte in
en hoogte tot 600px bij 4px respectievelijk. Stel nu de vulkleur in op K = 90. Maak vervolgens een rechthoek (M) met een breedte van respectievelijk 4 px en hoogte 14 px (zie 4a hieronder).

Stel de vulkleur in op K = 90. Selecteer voor de twee rechthoeken een voorgrondkleur van K = 100 en stel de lijn in op Geen. Druk op Shift + F7 om het deelvenster Uitlijnen weer te geven. Selecteer nu deze twee nieuw gemaakte rechthoeken en klik op Verticaal Align Bottom en Horizontal Align Left in de Align Objects-groep van het Align-paneel.

Selecteer de mini-rechthoek en verplaats deze 7 pixels omhoog door op de toets Pijl-omhoog te drukken. Maak vervolgens een kopie van de mini-rechthoek (door op Command + C en Command + F te drukken) en verplaats deze naar de rechterkant van de lange rechthoek. Zorg dat de Shift-toets ingedrukt blijft tijdens het verplaatsen (4b).

Selecteer de lange rechthoek en rechter mini-rechthoek en druk vervolgens op Horizontaal uitlijnen rechts in de groep uitgelijnde objecten van het uitlijningspaneel. Selecteer de twee minirechthoeken en ga naar Object> Overvloeien> Overvloeimogelijkheden ... selecteer vervolgens in de sectie Afstand de waarde Specifieke stappen van 50 en stel de richting in op Uitlijnen op pad en klik op OK (4c).

Druk op Command + Alt + B om een ​​blend te maken. Uw resultaat zou precies zoals hieronder getoond moeten zijn (4d).

Stap 5

Selecteer de gemengde minirechthoeken en druk op Command + Alt + Shift + D en stel vervolgens Verticaal in het dialoogvenster in
waarde naar -24 px in de groep Verplaatsen en klik op Kopiëren (5a). Selecteer nu de lange rechthoek en bovenste gemengde mini-rechthoek. Druk nogmaals op Command + Alt + Shift + D en stel vervolgens de verticale uitlijning in op 24 px. Klik nu op Kopiëren (5b). Houd de selectie en druk op Command + D. Uw resultaat moet exact hetzelfde zijn als hieronder weergegeven (5c).

Stap 6

Druk op A of selecteer het gereedschap Direct selecteren van de gereedschapspallet. Selecteer de onderste twee punten van
de meest rechtse en meest linkse minirechthoeken van de zeer lagere gemengde minirechthoeken (6a). Druk één keer op de Shift-toets en vervolgens op de pijl naar rechts. Doe hetzelfde voor de bovenste gemengde mini-rechthoeken (6b).

Selecteer alle gemengde mini-rechthoeken en ga naar Object> Uitbreiden. Controleer vervolgens in het dialoogvenster Uitbreiden of zowel Object als Vulling zijn aangevinkt en klik op OK (6c). Groepeer alle mini en lange rechthoeken. Selecteer de groep en kopieer (Command + C) en plak deze op zijn plaats (Command + F). Sleep het 150px naar beneden door 15 keer op de Pijl-omlaag te drukken, houd ook de Shift-toets ingedrukt tijdens het slepen (6d).

Bewaar de selectie van de onderste groep en kopieer deze en plak deze vooraan. Druk nu op Shift + F8 om de Transformeerpallet te openen. Verlies de selectie van de bovenste groep niet, zet nu in de Transform-pallet de breedte op 610 px. Zorg er ook voor dat uw beperkende breedte- en hoogteverhoudingen is ingeschakeld (6e).

Selecteer nu de onderste twee strepen en klik vervolgens in de Pathfinder-pallet op Snij vormgebieden en klik op Invouwen
de vormmodi (6f). Zet nu de vulkleur van de gestreepte streep op K = 100 (6g). Selecteer de bovenste en onderste streep en klik op Vertical Align Center in de Align Objects-groep van de Align-pallet (6h). Het resultaat wordt getoond in de laatste afbeelding hieronder (6i).

Stap 7

Selecteer nu beide strepen en sleep ze naar de symbolenpallet in het dialoogvenster Symboolopties. Noem het nu "streep" en stel het Type in op Afbeelding (7a). Nu kunt u het stripe-symbool uit uw tekengebied verwijderen.

Stap 8

Selecteer de band en druk op Shift + F6 om de weergavepallet naar voren te halen. In de Appearance Pallet vindt u de 3D Extrude & Bevel-optie, ga je gang en klik erop. Controleer in de 3D Extrude & Bevel Options de Preview (8a). Klik nu op de knop Map Art. In het dialoogvenster Map Art voor het veldveld Surface 6 en druk vervolgens op Enter (8b). Selecteer nu in het veld Symbool ons stripe-symbool (8c). Schaal het zoals weergegeven (8d), klik vervolgens op OK en terug naar het tekengebied. Het resultaat wordt getoond in de laatste afbeelding hieronder (8e).

Stap 9

Selecteer de band en ga naar Object> Uiterlijk uitvouwen. Maak nu de band drie keer los en selecteer het gestreepte gedeelte van de band (9a). Klik er met de rechtermuisknop op en selecteer Clipping Mask vrijgeven (9b).

Stap 10

Selecteer de bandenstreep, knip deze uit (Command + X) en maak een nieuwe laag van de Lagenpallet. Noem het nu "streep" en plak het op zijn plaats (Command + F). Vergrendel de "streep" -laag. Selecteer nu de hele bandlaag, klik op Toevoegen aan vormgebied en dan op Expand in de Pathfinder-pallet (10a).

Stap 11

Maak een nieuwe cirkel met dimensies van 400 x 400 pixels. Stel de lijnkleur in op K = 100 en stel de vulkleur in op geen. Selecteer nu de cirkel en druk op de S toets en Enter. Nu in het dialoogvenster Schalen typt u 80 in het veld Schaal en klikt u op Kopiëren (11a).

Houd de selectie en druk nogmaals op de Enter-toets. Typ 90 in het vak Schaal en klik op Kopiëren (11b). Selecteer en knip (Command + X) de grotere cirkel. Maak een nieuwe laag, noem deze "cirkel 1", en plak vooraan (Command + F).

Selecteer en knip (Command + X) de middelgrote cirkel. Maak een nieuwe laag naam het "cirkel 2." Plak vooraan (Command + F) en selecteer de binnenste cirkel. Knip (Command + X) het uit en pak een make-laag met de naam "wheel" en plak vooraan (Command + F). Het resultaat tot nu toe is hieronder weergegeven (11c).

Stap 12

Selecteer het 'wiel' en druk op S, en dan op Enter. Nu in het dialoogvenster Schalen typt u 45 in de schaal
veld en klik vervolgens op Kopiëren. Knip de minicirkel en maak een nieuwe laag en noem deze "mini_circle" (12a). Selecteer 'Cirkel 2' en klik vervolgens in de Lijnpallet Lijn uitlijnen naar binnen en voer een gewicht van 18pt (12b) in. Selecteer nu "wiel" en doe hetzelfde als met "cirkel 2", maar stel het slagvolume in op 80pt (12c).

Stap 13

Selecteer het wiel en stel een stippellijn in op 89pt voor het eerste streepje en gat naar
92pt, zoals hieronder getoond (13a). Selecteer het "wiel" en "cirkel 2" en ga naar Object> Uiterlijk uitbreiden en klik vervolgens op
Uitbreiden in de Pathfinder-pallet. Nu kun je de "cirkel 2" laag verwijderen, je "cirkel 2" is al
gekopieerd naar de laag "wiel". Dit komt omdat de bovenste laag voorrang heeft, zoals hieronder getoond (13b).

Stap 14

Selecteer de "mini_circle" en druk vervolgens op S. Voer een schaalwaarde van 200 in en druk op Kopiëren. Nog een keer
selecteer de "mini_Circle" en druk op S en dan op Enter. Typ nu een schaalwaarde van 130 en druk op Kopiëren. Vergrendel de laag "mini_circle" (14a).

Selecteer het gereedschap Ankerpunt toevoegen. Voeg met deze tool ankerpunten toe aan elk midden van het wiel, zoals hieronder weergegeven (14b). Voeg nu met deze tool meer ankerpunten toe aan het kruisende deel van het wiel met twee nieuwe cirkels van de "mini_circle", zoals hieronder getoond (14c tot 14d). Ontgrendel nu de laag "mini_circle" en selecteer alleen de lagen "mini_circle" en "wheel", klik op Toevoegen aan vormgebied en vervolgens op Expand in de Pathfinder-pallet.

Wis nu die twee cirkels, wat we eerder hebben gemaakt met de "mini_circle". Verander de naam van de "mini_circle" in "wheel" en verwijder de oudere "wiel" laag. Selecteer het gereedschap Ankerpunt toevoegen, maak nu enkele ankerpunten in de opening van het wiel naar de rand van de "mini_circle" zoals afgebeeld (14e).

Stap 15

Selecteer het ankerpuntgereedschap verwijderen uit de gereedschapspallet. Verwijder nu alle hoekankerpunten van het wiel zoals getoond in (15a). Gebruik nu het gereedschap Ankerpunt converteren of druk op Shift + C om de rand van de minicirkel glad te maken zoals weergegeven in afbeelding 15b herhaal ditzelfde mechanisme om ook alle andere mini-cirkelrondes glad te maken.

Zie deze afbeelding bij het idee hoe u uw ankerpunten moet omzetten (15c). Selecteer nu de hoekpunten (15d) met het gereedschap Directe selectie (A) en klik vervolgens op Converteer geselecteerde ankerpunten op Vloeiend als in (15e). Herhaal deze stap om alle andere hoekpunten van het wiel glad te strijken. Uw uiteindelijke afbeelding moet er als afbeelding uitzien (15f).

Stap 16

Maak een nieuwe laag en noem die "wielblad". Maak een cirkel met 35 px bij 35 px formaat. Stel vervolgens de vul- en lijnkleur in op K = 100. Stel ook de Align Stroke in op Outside, Weight to 37pt, Dashed Line to first dash 12pt and first gap 10pt (16a).

Sluit alle lagen behalve de nieuw gemaakte "wieltop" -laag. Selecteer het "wielblad" en ga naar Object> Uiterlijk uitvouwen, klik er met de rechtermuisknop op en selecteer Groep opheffen. Selecteer de cirkel van het "wielblad" (16b) en maak het iets groter door het te slepen, blijf Command + Shift drukken tijdens het slepen om de perfecte vorm en positie te krijgen.

Selecteer nu de cirkel- en streekvorm en klik op Toevoegen aan vormgebied en vervolgens op Uitvouwen in de Pathfinder-pallet zoals weergegeven (16c). Maak een nieuwe cirkel met een afmeting van 85 px bij 85 px en lijn deze uit in het midden van het 'wielblad'. Doe dit door "wielblad" en de cirkel te selecteren en klik vervolgens op Horizontaal uitlijnen midden en verticaal uitlijnen midden in de groep uitlijnobjecten van de uitlijnbare pallet (16d).

Stap 17

Selecteer nu de cirkel en vergrendel deze (Command + 2), maak vervolgens punten van elk kruisend pad van "wielblad" met de cirkel en maak ook punten in het midden van elke buitenste lange rand van "wielblad" (17a).

Verwijder nu alle hoekpunten (17b). Converteer de randhoeken en draai deze zoals getoond (17c). Selecteer de hoekpunten met het gereedschap Direct selecteren en klik op Geselecteerde ankerpunten omzetten in vloeiend (17d). Druk nu op Command + Alt + 2 om de cirkel te ontgrendelen en te verwijderen.

Stap 18

Maak een nieuwe cirkel met een grootte van 22px bij 22px. Zet de vulkleur op donkerbruin (R = 66 G = 33 B = 11). U vindt het in standaard RGB-stalenpallet en stelt de lijnkleur in op bruin (R = 96 G = 56 B = 19). U vindt deze kleur aan de linkerkant van uw vulkleur (18a).

Selecteer nu het gereedschap Polygoon, houd Shift ingedrukt terwijl je de polygoon tekent en stel de breedte in op 19px. Zorg ervoor dat Breedte- en hoogteverhoudingen beperkt zijn ingeschakeld (18b).

Selecteer de polygoon en stel de vulkleur in op Geen en Lijn op 3 px en een zwarte (K = 100) kleur. Ga naar Object Uitbreiden in het dialoogvenster en klik op OK. Gebruik nu het gereedschap Ankerpunt verwijderen om de binnenste punten van de polygoon te verwijderen, zoals hieronder weergegeven (18d).

Selecteer de polygoon en vul deze met een verloop zoals weergegeven (18e). De kleuren zijn verschillende grijstinten, met een hoek van -34. Stel de lijnkleur van de polygoon in op donkergrijs met een lijndikte van 0,5 pt. Centreer nu de cirkel en de polygoon samen. Plaats het in het midden van een "wiel boven" hand en kopieer het naar alle andere handen, draai ook een aantal schroeven in een andere hoek.

Stap 19

Voeg verloopoverlay toe aan "wielblad" zoals weergegeven in afbeelding 19a. Selecteer 'wielblad' en maak er een kopie van en plak deze op zijn plaats. Verander nu zijn kleur in grijs (K = 30). Verplaats hem 1px naar links en 1px naar beneden, stuur hem terug door op de Command + Left Bracket-toets te drukken (19b).

Selecteer wiel en verander de vulkleur in verloop (19c). Kopieer en plak voor het wiel. Wijzig de opvulkleur in Geen en Lijn in donkergrijs (K = 70) en stuur het terug door op Command + Left Bracket-toets te drukken.

Voeg nu een lijnkleur van lichtgrijs (K = 20) toe aan 'bovenste wiel'. Selecteer het bovenste en onderste wiel en ga naar Object> Meng> Mengopties (19d). Druk op Command + Alt + B om een ​​blend te maken (19e). Bewerk een logo zoals weergegeven (19f). Plaats de tekst (19g). Selecteer nu 'wiel', 'wielblad' en de tekstgroep en geef ze de naam 'wiel' (19 uur).

Stap 20

Selecteer "wiel" en ga naar Effect> 3D> Roteren en wijzig de instellingen zoals getoond (20a). Bewaar de selectie en ga naar Object> Uiterlijk uitbreiden (20b).

Stap 21

Ga en ontgrendel de "band" -laag. Maak een nieuwe cirkel van 500px bij 500px en stel de vulkleur in op Geen en Lijnkleur op Zwart. Ga naar Effect> 3D> Roteer en verander het zoals getoond (21a). Plaats het nu zoals hieronder getoond (21b).

Maak een kopie van deze cirkel en plak deze op zijn plaats. Verander de grootte in 322px met 322px. Plaats dat zoals getoond (21c). Maak nu meer twee cirkels op 390px bij 390px en 440px bij 440px door het aan te pakken en te plaatsen zoals getoond (21d). We noemen deze vier streken: "cirkel 1", "cirkel 2", "cirkel 3" en "cirkel 4" vanaf de kleinere.

Stap 22

Stel de lijnkleur "cirkel 1" in op grijs (K = 40) en de lijnkleur "cirkel 2" op lichtgrijs (K = 20). Selecteer "cirkel 1" en "cirkel 2 en maak een kopie. Houd de kopie geselecteerd (22a).

Ga naar Object> Blend> Mengopties, stel in zoals getoond (22b). Druk nu op Command + Alt + B om te mengen. Knip nu "wiel" uit de laag en plak het in de "band" laag Plaats het zoals getoond (22c) Selecteer "cirkel 1" en "cirkel 2" mix en druk op Command + Shift + Rechter beugel sleutel om het te brengen naar voren.

Stap 23

Neem de kopie "cirkel 1" en "cirkel 2" terug en plaats deze precies in de vorige staat. Selecteer het en druk vervolgens op de Command + Shift + Rechtertoets om het naar voren te brengen.

Wijzig de "cirkel 1" -kleur in grijs (K = 60) en "cirkel 2" in donkergrijs (K = 80), zoals weergegeven (23a). Zet de "cirkel 3" Lijnkleur op donkergrijs (K = 70), cirkel 4's Lijn de kleur op donkergrijs (K = 80). Selecteer "cirkel 2", "cirkel 3" en "cirkel 4". Stel de overvloeimodus in en voeg deze toe zoals afgebeeld (23b).

Stap 24

Maak een cirkel die 220px bij 220px is en vul deze met zwart. Ga naar Effect> 3D> Roteren ... en wijzig de instellingen zoals getoond (24a). Kopieer het en plaats het vooraan (Command + F). Verander de bovenste cirkelvulling naar donkergrijs (K = 70). Verplaats de kopie 6 px naar boven en 6 px naar rechts. Selecteer de twee cirkels en meng (4b). Plaats het nu zoals hieronder getoond (24c).

Conclusie

Ik heb eindelijk de gebrandmerktekst toegevoegd en enigszins aangepast om het duidelijker te maken. Een groot probleem met de wielvorm is dat wanneer we het draaien met de 3D-tool, het de perfecte look heeft verloren (vooral met zijn gaten), dit kan niet direct worden opgelost, maar we kunnen het handmatig oplossen. Het is dus een goed idee om de hoek van het wiel vanaf het begin goed in te plannen. Dit was mijn eerste zelfstudie en opmerkingen zijn welkom. Bedankt voor het lezen!

Abonneer u op de Vectortuts + RSS-feed om op de hoogte te blijven van de nieuwste vectorhandleidingen en -artikelen.