Het renderen van een 2D-bougie-diagram van 3D-componenten in Illustrator

De beste manier om zeker te zijn van uw diepte en hoeken, is vaak om objecten te renderen met Illustrators 3D-tools. Deze tutorial neemt je mee door een 3D-bougie van meerdere componenten te bouwen en vervolgens de afbeelding uit te breiden naar een 2D-vectordiagram. Hiervoor zijn eerdere ervaringen met Illustrators Revolve en Extrude-tools noodzakelijk.

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? Sluit u aan bij VECTORTUTS PLUS voor slechts 9 / maand.

Stap 1: Bright Spark

Om te beginnen moeten we weten hoe een bougie eruit ziet. Pak eentje ergens op internet, of klik hier om een ​​voorbeeld te downloaden als je je prettiger voelt als je aan een kwaliteitsafbeelding werkt.

Stap 2: Benadering

We kunnen aan de afbeelding zien dat het maken van een enkel 3D-object niet mogelijk zal zijn in Illustrator. De bovenste en onderste secties kunnen 3D worden gedraaid, maar het midden moet worden gerenderd met 3D-extrusie. De bodemelektrode zal ook geëxtrudeerd moeten worden.

Voor meer informatie over deze twee technieken, waarom niet verwijzen naar VECTORTUTS-tutorials Werken met 3D-objecten en transparanten om een ​​Vector Cola-flesontwerp te maken en een blik bonen maken door Vectoren in een 3D-object te mappen.

Stap 3: overzicht

Voor onze twee elementen die zullen worden gedraaid, kunnen we een overzicht maken. De resulterende opening in het midden wordt uiteindelijk opgevuld door ons geëxtrudeerde voorwerp en door de twee hoofdsecties als één te draaien, nadat we zeker zijn van een goede uitlijning. Gebruik de Pathfinder-gereedschappen om een ​​silhouet van je plug te maken.

Voeg de vormen allemaal samen toe (behalve de grondelektrode aan de onderkant) met behulp van het Pathfinder-gereedschap en snijd het resultaat in het midden om een ​​roterend object te maken. Vul het met een vrij bleke kleur om de gearceerde en verlichte gebieden duidelijk te kunnen zien.

Stap 4: Hexagon

De behuizing van de bougie heeft zes zijden, zodat we deze gemakkelijk kunnen construeren met een geëxtrudeerde zeshoek. Eerst moeten we de dimensies van onze polygoon bepalen. De diepte van de opening kan worden gemeten met het gereedschap Meten en bepaalt hoeveel we de zeshoek moeten extruderen.

Ga eerst naar Illustrator> Voorkeuren> Eenheden en weergaveprestaties. U moet algemene eenheden instellen op punten, omdat punten worden gebruikt tijdens het 3D-renderingproces. In dit geval kunt u zien dat het Info-palet een afstand heeft weergegeven nadat het meetgereedschap over de opening is gesleept D van 15pt. Voel je vrij om je unit-voorkeuren nu te veranderen, we hadden alleen punten nodig voor die meting (hoewel om eerlijk te zijn, het verschil tussen px en pt is te verwaarlozen).

De breedte kan ook nauwkeurig worden gemeten, of worden beoordeeld op basis van het oog (en zelfs worden gewijzigd in 3D indien nodig).

Stap 5: Polygoontool

Nu hebben we onze metingen (36px breed x 15pt hoog) die we kunnen instellen om onze zeshoek te bouwen. Selecteer de tool Polygoon en klik eenmaal op het tekengebied. Voer in het Polygoon-dialoogvenster 18px in voor de Radius (een willekeurig lijnsegment van het midden naar de rand - onthoud dat van school?) En 6 voor de zijkanten. Klik OK.

Stap 6: Rond de hoeken

Selecteer je zeshoek en ga naar Effect> Stileren> Ronde hoeken. Voer een waarde van 1px in en klik op OK. Breid het resulterende effect uit (Object> Uitbreiden) en de uiteindelijke zeshoek die gereed is voor extrusie zou er uit moeten zien als de afbeelding hieronder.

Stap 7: 3D Revolve

Selecteer uw hoofdobject en ga naar Effect> 3D> Revolve ... De 3D Revolve-opties zullen u hopelijk bekend voorkomen. Mijn object is getekend, dus ik moet het rond de rechterrand draaien, daarom selecteer ik het in de Draaien van laten vallen. Bekijk Preview en sleep de positioneringskubus rond totdat uw object naar de gewenste positie is gedraaid. Merk ook op dat we ons geen zorgen maken over enig perspectief; dat zou het echt ingewikkeld maken als we objecten combineren.

Noteer de waarden die u hebt ingevoerd voor de 3 rotatie-assen, want u hebt deze opnieuw nodig: -30 °, -14 ° en 19 °.

Stap 8: 3D Extrude & Bevel

OK, we hebben een goede start gemaakt, laten we nu verder gaan met de zeshoek die we eerder hebben gemaakt. We hebben het nodig in 3D, bij de juiste rotatiehoek en met de juiste extrusiediepte. We hebben al onze informatie, dus laten we verder gaan ...

Selecteer de zeshoek en ga naar Effect> 3D> Extrude & Bevel ... Voer nu de waarden in die we al kennen voor de rotatiehoeken: -30 °, -14 ° en 19 °. Gebruik ook een Extrude Depth van 15pt.

Met Voorvertoning aangevinkt kunnen we zien dat onze zeshoek bijna correct is, de positioneringskubus is in elk geval precies hetzelfde als bij ons hoofdobject ...

Vanwege de manier waarop Illustrator de vlakken van de objecten heeft toegewezen, wordt onze zeshoek echter precies 90 ° op zijn zijkant gekanteld. We moeten 90 ° toevoegen aan de waarde op de rode as (zodat deze 60 ° aangeeft) om onze zeshoek in lijn te brengen met het hoofdgedeelte van de bougie. Bingo!

Stap 9: Major Tom naar Ground Control

Ons laatste stuk van driedimensionaliteit (is dat een woord?) Is de aardelektrode; dat kleine stukje dat rond de onderkant ronddraait om een ​​vonk te maken. We hebben zijn 2D-omtrek van vroeger, nu is het een geval van 3D-extruderen onder dezelfde hoek als de andere objecten en tot een geschikte diepte. Nogmaals: -30 °, -14 ° en 19 °. Plaats vervolgens onze aardingselektrode op de juiste rotatie, extrudeer het tot 7pt en het past perfect bij onze andere objecten.

Stap 10: Breken is moeilijk om te doen

We kunnen onze objecten nu samenbrengen, maar omdat Illustrator niet geschikt is voor het combineren van 3D-objecten, moet onze zeshoek bovenop zitten. Laten we ze allemaal opbreken, zodat we ze op de juiste manier kunnen omzetten. Selecteer de objecten en ga naar Object> Uiterlijk uitvouwen. Zorg ervoor dat je eerst een kopie van al deze objecten hebt voor het geval je later hun originele formulieren moet raadplegen. Hieronder ziet u de resulterende vectoren - vrij complexe objecten!

Stap 11: Groepstherapie

Deze complexe objecten zijn opgebouwd uit groepen. En groepen groepen. En groepen groepen groepen. Selecteer het hoofdgedeelte van de bougie en ontkoppel deze (Command + Shift + G). Probeer nu maar een deel ervan te selecteren. Het kan zijn dat u opnieuw moet degraderen om de componenten te scheiden. Uiteindelijk zou u in staat moeten zijn om de bovenste sectiegroep te isoleren van de onderste sectiegroep en daarom de componenten in de juiste laagvolgorde te plaatsen, zoals hieronder getoond.

Stap 12: Het probleem schetsen

Laten we nu beginnen met het creëren van de segmenten van ons diagram die zullen worden geschetst. Misschien vind je het het gemakkelijkst om elk van de stukken die we al hebben gemaakt op hun eigen lagen te plaatsen. Het vergrendelen van lagen waarmee u niet werkt, voorkomt dat u moeilijk kunt selecteren wat u zoekt.

Selecteer eerst de bovenste sectie en maak de groepering ongedaan (Command + Shift + G). Selecteer vervolgens een kleiner deel zoals hieronder geïllustreerd. Je moet in staat zijn om de kleinere delen te combineren om een ​​groot object te maken en dit gebeurt natuurlijk met de Pathfinder-gereedschappen. Om het hulpmiddel Toevoegen aan vorm in het palet te gebruiken, moet u ervoor zorgen dat de kleinere delen allemaal gescheiden zijn. Als het verwijderen van groepen niet werkt, probeer je ze eerst te verdelen met behulp van Pathfinder's Divide-tool.

Als je de kleinere delen hebt gecombineerd, vouw ze uit.

Stap 13: Herhaal jezelf

Als je het eenmaal hebt gedaan, moet je nu het proces een paar keer herhalen. Houd er rekening mee dat niet alles hoeft te worden opgenomen; uw uitgebreide 3D-object bevat veel lagen en gezichten die u eenvoudig kunt negeren. Bouw de stukjes die je nodig hebt, vul ze allemaal met dezelfde kleur en in de volgende stap zullen we werken aan het opruimen ervan.

Opmerking: Achteraf was roze misschien niet de beste keuze hier ... sorry.

Stap 14: Sorteer de tarwe van het kaf

Selecteer een van uw nieuw gemaakte segmenten en ga naar Selecteren> Zelfde> Vulkleur ... om ook de andere te selecteren. Druk op Command + 3 om ze te verbergen en laat alleen het overschot van je uitgebreide 3D-object achter. Er is best veel - en dit kan allemaal worden verwijderd. Dus doe het!

Stap 15: Simplify

Laten we met het afval uit de weg gaan over het vereenvoudigen van onze resterende paden. Uitbreiding van het 3D-object heeft duizenden ankerpunten gecreëerd, waardoor de verwerkingstijd toeneemt en de vlotte werking van uw vectoren afneemt. Druk op Command + Alt + 3 om de objecten te onthullen die je eerder verborgen had. Ga dan met hen geselecteerd naar Object> Pad> Vereenvoudig ...

Het vereenvoudigingsdialoogvenster verschijnt. Bekijk Preview en kijk welk effect uw instellingen hebben op de geselecteerde paden. Ik stel voor dat je Curve Precision op 100% houdt, zodat je objecten trouw blijven aan hun oorspronkelijke vorm. Wijziging van de hoekdrempel wijzigt de limieten waaraan uw ankers kunnen worden geschoord. Dit heeft weer invloed op de vorm van je objecten en je zult merken dat hoe hoger de drempel, hoe meer ankerpunten nodig zijn en hoe nauwkeuriger je objecten blijven. Vind je eigen balans. In mijn geval heb ik het aantal ankerpunten teruggebracht van 3196 naar slechts 315. Een enorme verbetering.

Stap 16: Waifs en Strays

Schakel over naar de overzichtsweergave (Command + Y om de weergave te wisselen) om snel te kunnen werken (in elk geval was die roze kleur aanstootgevend). Selecteer en verwijder met het gereedschap Direct selecteren alle overbodige paden en laat alleen dat wat nodig is voor de algehele vorm. Voel je vrij om de paden op te knappen zoals je wilt.

Stap 17: Stap terug en bewonder

Met een geschikte vulkleur (wit) en een mooi gewogen streek zou je zoiets als onderstaande afbeelding moeten krijgen. De zeshoek is ook goed verlopen, maar we moeten er nog wat detail aan toevoegen om de zijkanten te markeren.

Maak een rechthoek en ga naar Effect> Warp> Ardennen. Voer 15% in als een Horizontale buiging, klik op OK en vouw vervolgens het resulterende object uit.

Plaats het object op uw diagram en gebruik het gereedschap Vrije transformatie om het op zijn plaats te plaatsen. Het commando vasthouden tijdens het slepen van de grensbox zal zo nodig scheef trekken. Herhaal dit voor alle drie de zichtbare zijden.

Stap 18: Gefeliciteerd, het is een bougie!

Het zal een tijdje duren, maar uiteindelijk blijft u achter met al uw objecten, schoongemaakt en correct gepositioneerd, samen met een herkenbare bougie.

Stap 19: Afwerking

Kopieer en plak het geheel (Command + C, Command + F) en gebruik vervolgens de Pathfinder-tools om alles te combineren. Geef dit nieuwe object een dikkere streek, verwijder de vulling en lijn de lijn naar buiten uit. Het toevoegen van een achtergrond met een geschikte kleur geeft het diagram ook wat sfeer.

Stap 20: verdere afwerkingen

Het toevoegen van een logo aan de bougie is ook mogelijk door een symbool toe te wijzen aan uw oorspronkelijke 3D-object. Nogmaals, refereer naar een van de vorige VECTORTUTS-tutorials om precies te zien hoe dit wordt gedaan. Door een vectorobject toe te wijzen aan uw bougie, kan dat ook worden uitgebreid zoals hieronder wordt weergegeven.

Conclusie

Met wat labels die erop wijzen wat er in de anatomie van een bougie zit, hebben we zelf een technisch diagram! Dankzij Illustrators 3D-tools konden we bouwen met een bijna perfecte diepte en hoeken, allemaal op de juiste manier uitgelijnd en afgewerkt in een duidelijke en eenvoudige stijl. Natuurlijk kunnen 3D-tools worden gebruikt om een ​​basis voor allerlei dingen te bouwen - ga en experimenteer!

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