Rendering av ett 2D-tändsticksdiagram från 3D-komponenter i Illustrator

Ofta är det bästa sättet att vara säker på ditt djup och vinklar att göra objekt med Illustrators 3D-verktyg. Denna handledning tar dig genom att bygga en 3D-tändstift från flera komponenter och sedan expandera bilden i ett 2D-vektorgediagram. Tidigare erfarenheter med Illustrators Revolve and Extrude-verktyg kommer att vara nödvändiga för detta.

Slutlig bildförhandsvisning

Nedan är den slutliga bilden vi ska arbeta för. Vill du ha tillgång till hela Vector Source-filerna och nedladdningsbara kopior av varje handledning, inklusive den här? Gå med VECTORTUTS PLUS för bara 9 / månad.

Steg 1: Bright Spark

Till att börja med behöver vi veta vad en tändstift ser ut. Ta en från internet någonstans, alternativt här är ett exempel att ladda ner om du känner dig mer bekväm att arbeta med från en kvalitetsbild.

Steg 2: Tillvägagångssätt

Vi kan se från bilden att det inte går att skapa ett enda 3D-objekt i Illustrator. De övre och nedre sektionerna kan 3D-roteras, men mitten måste göras med hjälp av 3D-extrusion. Bottenelektroden måste också extruderas.

För mer information om dessa två tekniker varför hänvisa inte till VECTORTUTS-handledning. Arbeta med 3D-objekt och OH-film för att göra en vektor Cola-flaskdesign och skapa en burk av bönor genom att mappa vektorer till ett 3D-objekt.

Steg 3: Översikt

För våra två element som kommer att vridas kan vi göra en skiss. Det resulterande gapet i mitten fylls slutligen av vårt extruderade föremål och genom att vrida de två huvuddelarna som en, efter att vi är säkra på god inriktning. Använd Pathfinder-verktygen för att bygga en silhuett av din kontakt.

Lägg till formen alla tillsammans (utom jordelektroden längst ner) med hjälp av Pathfinder-verktyget och skära resultatet nerför mitten för att skapa ett objekt för att rotera. Fyll den med en ganska blek färg för att kunna tydligt se de skuggade och upplysta områdena en gång roterats.

Steg 4: Sexkant

Tändstiftets hölje har sex sidor så att vi enkelt kan konstruera den med en extruderad sexkant. Först måste vi fastställa dimensionerna för vår polygon. Djupet i gapet kan mätas med hjälpverktyget och bestämmer hur mycket vi måste extrudera hexagonen.

Gå först till Illustrator> Inställningar> Enheter och visningsprestanda. Du måste ange allmänna enheter till poäng, eftersom poäng kommer att användas under 3D-renderingsprocessen. I det här fallet kan du se att du har dragit mätverktyget över klyftan och visar paletten Info på ett avstånd D av 15pt. Känn dig fritt att ändra dina inställningar igen nu, vi behövde bara poäng för den mätningen (men för att vara rättvis är skillnaden mellan px och pt försumbar).

Bredden kan också mätas exakt, eller bedömas av ögat (och ändras även när det görs i 3D om det behövs).

Steg 5: Polygonverktyg

Nu har vi våra mätningar (36px bred x 15pt hög) vi kan ställa om att bygga vår sexkant. Välj polygonverktyget och klicka en gång på tavlan. I Polygon-dialogen anger du 18px för Radius (något linjesegment från mitten till omkretsen - kom ihåg det från skolan?) Och 6 för sidorna. Klicka på OK.

Steg 6: Runt hörnen

Välj din sexkant och gå till Effect> Stylize> Round Corners. Ange ett värde på 1px och klicka på OK. Expandera den resulterande effekten (Objekt> Expand) och den slutliga hexagonen som är klar för extrusion ska se ut som bilden nedan.

Steg 7: 3D Revolve

Välj ditt huvudobjekt och gå till Effect> 3D> Revolve ... Alternativet 3D Revolve kommer förhoppningsvis att vara bekant för dig. Mitt objekt har ritats så att jag måste rotera den runt höger kant, det är vad jag därför väljer i Vänd från falla ner. Kontrollera Förhandsgranska och dra positionkuben runt tills ditt objekt roteras till önskad position. Observera också att vi inte oroar oss för något perspektiv. Det skulle verkligen komplicera saker när vi börjar kombinera objekt tillsammans.

Notera de värden du har angett för de tre rotationsaxlarna, eftersom du behöver dem igen: -30 °, -14 ° och 19 °.

Steg 8: 3D Extrude & Bevel

OK, vi har gjort en bra start, nu ska vi fortsätta med den sexkant vi gjorde tidigare. Vi behöver det i 3D, med rätt rotationsvinkel och med rätt extrusionsdjup. Vi har all vår information, så låt oss ta itu med det ...

Välj sexkant och gå till Effect> 3D> Extrude & Command ... Ange nu de värden som vi redan vet för rotationsvinklarna: -30 °, -14 ° och 19 °. Använd också en Extrude Depth of 15pt.

Med förhandsgranskad kontroll kan vi se att vår sexkant är nästan korrekt, positioneringskuben är exakt densamma som den var med vårt huvudobjekt under alla omständigheter ...

På grund av det sätt på vilket Illustrator har tilldelat objektenas ansikten tippas vår sexkant exakt 90 ° på sidan. Vi måste lägga 90 ° till värdet på den röda axeln (så den läser 60 °) för att få vår sexkant i linje med tändstiftets huvuddel. Bingo!

Steg 9: Major Tom till Ground Control

Vår sista stycke tredimensionionalism (är det ett ord?) Är jordelektroden; det lilla stycket som kurvor runt botten för att hjälpa till att göra en gnista. Vi har sin 2D-skiss från tidigare, nu är det fallet med 3D-extrudering av det i samma vinkel som de andra objekten och till ett lämpligt djup. Återigen: -30 °, -14 ° och 19 °. Sätt sedan vår jordelektrod i rätt rotationsgrad, sträng den sedan till 7pt, och den passar perfekt med våra andra föremål.

Steg 10: Att bryta upp är svårt att göra

Vi kan ordna våra objekt tillsammans nu, men för att Illustrator inte tillgodoser att kombinera 3D-objekt måste vår sexkant sitta på toppen. Låt oss bryta upp dem så att vi kan lagra dem ordentligt. Markera objekten och gå till Objekt> Expand Utseende. Se till att du först har en kopia av alla dessa objekt om du behöver referera till deras ursprungliga formulär senare. Nedan kan du se de resulterande vektorerna - ganska komplexa objekt!

Steg 11: Gruppterapi

Dessa komplexa objekt är byggda från grupper. Och grupper av grupper. Och grupper av grupper av grupper. Välj huvudkroppen på tändstiftet och ungroup den (Command + Shift + G). Försök nu och välj bara en del av det. Det kan vara att du behöver avgruppera igen för att börja skilja mellan komponenterna. Så småningom ska du kunna isolera den övre sektionsgruppen från den nedre sektionsgruppen och placera därför komponenterna i rätt lagerordning enligt nedan.

Steg 12: Att beskriva problemet

Låt oss nu börja skapa segmenten i vårt diagram som kommer att beskrivas. Det kan vara lättast att placera var och en av de bitar som vi redan har gjort på sina egna lager. Låsa lager som du inte arbetar med kommer att förhindra svårigheter att välja vad du efterfrågar.

Välj först sektionen först och avgruppera det (Command + Shift + G). Välj sedan en mindre del, såsom den som illustreras nedan. Du måste kunna kombinera det är mindre delar för att skapa ett stort objekt och det här görs naturligtvis med Pathfinder-verktygen. För att kunna använda verktyget Lägg till form i paletten måste du se till att de mindre delarna är separerade. Om ungrouping inte fungerar kan du försöka dela dem först med hjälp av Pathfinder's Divide-verktyg.

När du har kombinerat de mindre delarna, expandera dem.

Steg 13: Upprepa dig själv

Efter att ha gjort det en gång måste du nu gå in på att upprepa processen ganska många gånger. Tänk på att inte allt måste ingå Ditt utökade 3D-objekt kommer att innehålla många lager och ansikten som du helt enkelt kan ignorera. Bygg de bitar du behöver, fyll dem alla med samma färg och i nästa steg arbetar vi med att rengöra dem.

Obs! I efterhand kan rosa inte ha varit det bästa valet här ... förlåt.

Steg 14: Sortera veten från köttet

Välj ett av dina nyskapade segment och gå till Välj> Samma> Fyll färg ... för att även välja de andra. Tryck på Command + 3 för att dölja dem och lämna bara överskottet från ditt expanderade 3D-objekt. Det finns ganska mycket - och det här kan alla raderas. Så gör det!

Steg 15: Förenkla

Med skräpet ur vägen, låt oss gå om att förenkla våra återstående banor. Genom att expandera 3D-objektet har du skapat tusentals ankarpunkter som ökar behandlingstiden och minskar jämnheten hos dina vektorer. Tryck på Command + Alt + 3 för att visa de föremål som du tidigare gömde. Sedan väljer du med dem, gå till Objekt> Sti> Förenkla ...

Dialogrutan Förenkla visas. Kontrollera Förhandsgranska och se vilken effekt dina inställningar har på de valda sökvägarna. Jag föreslår att du håller Curve Precision på 100% så att dina föremål förblir sanna mot sin ursprungliga form. Om du ändrar vinkelgränsen ändras gränserna för vilka dina ankare kan vinklas. Detta påverkar återigen formen på dina föremål och du märker att ju högre tröskelvärdet, desto fler ankarpunkter behövs och desto mer exakt kommer dina objekt att förbli. Hitta din egen balans. I mitt fall har jag minskat antalet ankarpunkter från 3196 till bara 315. En enorm förbättring.

Steg 16: Waifs and Strays

Växla till översiktsvy (Kommando + Y för att växla) för att möjliggöra snabb arbete (i vilket fall den rosa färgen var stötande). Med Direct Selection-verktyget väljer du och tar bort alla överflödiga sökvägar som lämnar bara vad som behövs för den övergripande formen. Känn dig fri att smarta upp stigarna men du passar dig.

Steg 17: Steg tillbaka och beundra

Med en lämplig fyllfärg (vit) och en snyggvägd stroke bör du börja få något som bilden nedan. Sexhörnan har också visat sig bra, men vi måste lägga till lite detalj för att markera sidorna.

Skapa en rektangel och gå till Effect> Warp> Bulge. Ange 15% som en horisontell böjning, klicka på OK och expandera det resulterande objektet.

Placera objektet på ditt diagram och använd verktyget Free Transform för att placera det på plats. Holding Command medan du drar gränsboxen kommer skev vid behov. Upprepa för alla tre synliga sidor.

Steg 18: Grattis, det är en tändstift!

Det kommer ta en stund, men så småningom kommer du att vara kvar med alla dina föremål, rengöras och placeras korrekt, tillsammans gör en igenkännbar tändstift.

Steg 19: Efterbehandling

Kopiera och klistra in hela saken (Command + C, Command + F) och använd sedan Pathfinder-verktygen för att kombinera allt. Ge det nya objektet en tjockare stroke, ta bort fyllningen och rikta stroken på utsidan. Att lägga till en bakgrund med lämplig färg kommer också att ge diagrammet lite atmosfär.

Steg 20: Ytterligare avslutningsdrag

Att lägga till en logotyp i tändstiftet är också möjligt genom att kartlägga en symbol för ditt ursprungliga 3D-objekt. Återgå till en av de föregående VECTORTUTS-handledningarna för att se exakt hur det här görs. Genom att kartlägga ett vektorobjekt till din tändstift, kan det också utökas enligt nedan.

Slutsats

Med några etiketter som pekar på vad som är vad i en tändstifts anatomi har vi oss ett tekniskt diagram! Tack vare Illustrators 3D-verktyg har vi kunnat bygga med nästan perfekt djup och vinklar, alla justerade ordentligt och avslutas i en tydlig och enkel stil. Naturligtvis kan 3D-verktyg användas för att bygga en grund för alla möjliga saker - gå och experimentera!

Prenumerera på VECTORTUTS RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.