Gjengi en 2D Spark Plug Diagram fra 3D komponenter i Illustrator

Rendering en 2D Spark Plug Diagram fra 3D komponenter i Illustrator

Ofte, den beste måten å være sikker på din dybde og vinkler er å gjengi objekter ved hjelp Illustratører 3D-verktøy. Denne opplæringen vil ta deg gjennom å bygge en 3D tennplugg fra flere komponenter og deretter utvide bildet inn i en 2D vektor diagram. Tidligere erfaring med Illustratører Revolve og Extrude verktøy vil være nødvendig for dette.



Final Bilde Forhåndsvisning

Nedenfor er det siste bildet vi skal jobbe mot. Ønsker tilgang til de fulle Vector kildefiler og nedlastbare kopier av hver tutorial, inkludert denne? Bli VECTORTUTS PLUS for bare 9 /måned

Trinn 1:. Bright Spark

Til å begynne med må vi vite hva en tennplugg ser ut. Hente en fra internett et sted, alternativt her er et eksempel for å laste ned hvis du føler deg mer komfortabel å jobbe fra en bildekvalitet

Trinn 2:. Approach

Vi kan se fra bildet som skaper en enkelt 3D-objekt er ikke til å være mulig i Illustrator. Topp- og bunnseksjonene kan være 3D dreiet, men den midterste vil måtte bli gjengitt ved bruk av 3D-ekstrudering. Den nedre elektrode vil også måtte ekstruderes.

For mer informasjon om disse to teknikkene hvorfor ikke refererer til VECTORTUTS tutorials Arbeide med 3D-objekter og transparenter lage en Vector Cola Bottle Design og lage en Can of Beans ved Kartlegging vektorer til en 3D Object.
< h3> Trinn 3: Outline

For våre to elementer som vil bli dreide vi kan lage en skisse. Den resulterende gap i midten til slutt vil bli fylt av vår ekstrudert objekt og etter rullerende de to hoveddeler som ett, etter at vi er sikker på god justering. Bruk Pathfinder verktøy for å bygge en silhuett av pluggen.

Legg figurene alle sammen (bortsett fra bakken elektrode nederst) ved hjelp av Pathfinder verktøy og skjær resultatet ned på midten for å lage et objekt for rullerende. Fyll den med en ganske blek farge, slik som å kunne tydelig se de skraverte og opplyste områder gang dreide

Trinn 4:. Hexagon

Tennpluggen casing har seks sider, slik at vi enkelt kan konstruere den ved hjelp av en ekstrudert sekskant. Først må vi etablere dimensjonene av vår polygon. Dybden av gapet kan måles med måleverktøyet og bestemmer hvor mye vi blir nødt til å ekstrudere seks

Først går du til Illustrator >.; Preferanser > Units & Skjermytelse. Du må sette Generelle Units til Points, som Poeng vil bli brukt under 3D-rendering prosessen. I dette tilfellet kan du se at det å ha dratt Measure verktøyet over gapet, infopaletten viser en avstand D
av 15pt. Føl deg fri til å endre enheter preferanser tilbake nå, vi trengte poeng for at måling (selv om å være rettferdig, er ubetydelig forskjell mellom px og pt).

Bredden kan også måles nøyaktig, eller dømt av øyet (og endret selv når gjengitt i 3D om nødvendig)

Trinn 5:. Polygon Tool

Nå har vi våre målinger (36px bred x 15pt høy) kan vi satt om å bygge vår sekskant . Velg Polygon verktøyet og klikk en gang på artboard. I Polygon dialog angi 18px for Radius (noen linjesegmentet fra sentrum til omkretsen - husk at fra skolen?) Og 6 for sidene. Klikk OK

Trinn 6:. Round Corners

Velg sekskant og gå til Effect > Stilisere > Runde hjørner. Angi en verdi av 1px og klikk på OK. Utvid resulterende effekten (Object > utvide) og den siste sekskanten klar for ekstrudering skal se ut som på bildet nedenfor

Trinn 7:. 3D Revolve

Velg hovedformål og gå til Effect > 3D > Revolve ... 3D dreie alternativer vil forhåpentligvis være kjent for deg. Min hensikt har blitt trukket slik at jeg trenger å dreie den rundt høyre kant, det er hva jeg velger derfor i Revolve fra
drop-down. Sjekk Preview og dra posisjonering kuben rundt til objektet roteres til den posisjonen du ønsker. Vær også oppmerksom på at vi ikke bekymre noen perspektiv; det ville virkelig komplisere ting når vi begynner å kombinere gjenstander sammen

Legg merke til de verdiene du har angitt for de 3 aksene i rotasjon, som du trenger disse igjen. -30 &grader;, -14 &grader;, og 19 grader;.

Trinn 8: 3D Extrude & Bevel

OK, vi har gjort en god start, nå la oss fortsette med seks vi har gjort tidligere. Vi trenger det i 3D, i riktig vinkel for rotasjon og med riktig press dybde. Vi har all vår informasjon, så la oss komme videre med det ...

Velg sekskanten og gå til Effect > 3D > Extrude & Bevel ... Nå skriver de verdier vi allerede vet for rotasjonsvinkler: -30 &grader;, -14 &grader;, og 19 grader;. Også bruke en Extrude Dybde 15pt.

Med Preview sjekket vi kan se at vår sekskanten er nesten riktig, er det posisjonering kuben nøyaktig det samme som det var med vår hovedobjekt i alle fall ...

Men på grunn av den måten som Illustrator har tildelt ansiktene til objektene, vår seks er tippet nøyaktig 90-graders på sin side. Vi må legge til 90-graders til verdien på den røde akse (slik at den leser 60-graders) for å bringe vår sekskant på linje med hoveddelen av tennpluggen. Bingo

Trinn 9: Major Tom til Ground Control

Vår siste delen av tre-dimensionalism (? Er det et ord) er bakken elektrode; det lille stykket som kurver rundt bunnen for å gjøre en gnist. Vi har sin 2D skisse fra tidligere, nå er det snakk om 3D ekstrudering det i samme vinkel som de andre objektene og til en passende dybde. Nok en gang: -30 &grader;, -14 &grader;, og 19 grader;. Deretter satte vår første elektrode på riktig grad av rotasjon, så ekstrudere det å 7PT, og det passer perfekt med våre andre gjenstander

Trinn 10:. Bryte opp er vanskelig å gjøre

kan ordne våre gjenstander sammen nå, men fordi Illustrator ikke plass til å kombinere 3D-objekter vår Hexagon har å sitte på toppen. La oss bryte dem opp slik at vi kan lag dem riktig. Velg objektene og gå til Objekt > Utvid Utseende. Sørg for at du først har en kopi av alle disse objektene i tilfelle du trenger å referere til sine opprinnelige former senere. Nedenfor kan du se de resulterende vektorer - ganske komplekse objekter

Trinn 11: Gruppe Therapy

Disse komplekse objekter er bygget fra grupper. Og grupper av grupper. Og grupper av grupper av grupper. Velg hoveddelen av tennpluggen og løse opp det (Command + Shift + G). Nå prøver og velge bare en del av det. Det kan være at du trenger å løse opp igjen for å starte å skille komponentene. Til slutt bør du være i stand til å isolere den øverste delen gruppe fra den nederste delen gruppen og derfor plassere komponentene i riktig lag rekkefølge som vist nedenfor

Trinn 12:. Skisserte Issue

La oss nå begynne å lage de segmentene av våre diagram som vil bli skissert. Du kan finne det lettest å plassere hver enkelt av de bitene vi allerede har gjort på sine egne lag. Låse lag du ikke jobber med vil hindre problemer med å velge hva du leter etter.

Velg den øverste delen først og løse opp det (Command + Shift + G). Velger deretter en mindre del, slik som den som er illustrert nedenfor. Du må være i stand til å kombinere det er mindre deler for å lage ett stort objekt og dette gjøres selvfølgelig med Pathfinder verktøy. For å bruke Legg til Shape Tool i paletten du trenger for å sikre at de mindre delene er alle skilt. Hvis løse opp dem ikke fungerer, kan du prøve å dele dem opp først med Pathfinder Divide verktøy

Når du har samlet de mindre deler, utvide dem

Trinn 13:.. Gjenta Self
< p> Etter å ha gjort det en gang du har nå til å ta fatt på å gjenta prosessen ganske mange ganger. Husk at ikke alt trenger å bli inkludert; din utvidet 3D-objekt vil inneholde mange lag og ansikter som du kan rett og slett ignorere. Bygg bitene du trenger, fylle dem alle med samme farge og i neste trinn vil vi jobbe sammen med rense dem opp

Merk:. I ettertid rosa kanskje ikke har vært det beste valget her ... sorry

Trinn 14:. Sortering The klinten fra hveten

Velg en av dine nylig gjort segmenter og gå til Velg > Samme > Fyll Color ... til også å velge de andre. Trykk Kommando + 3 for å skjule dem, slik at bare det overskytende fra utvidet 3D-objektet. Det er ganske mye - og dette kan alle bli slettet. Så gjør det

Trinn 15: Forenkle

Med søppel ut av veien, la oss gå om å forenkle våre resterende baner. Utvide 3D-objektet har skapt tusenvis av ankerpunktene som vil øke behandlingstiden og redusere glatthet av vektorer. Trykk Command + Alt + 3 for å avsløre de objektene du tidligere har skjult. Deretter med dem valgte gå til Objekt > Sti > Forenkle ...

Simplify dialog vil vises. Sjekk Preview og se hvilken effekt innstillingene har på utvalgte baner. Jeg foreslår at du holder Curve Presisjon på 100%, slik at objekter forblir tro mot sin opprinnelige form. Endring av Angle Threshold vil endre grensene som dine ankere kan vinkles. Dette påvirker igjen formen på objektene, og du vil merke at den høyere terskelen, jo flere ankerpunkt trengte og mer nøyaktige objektene vil forbli. Finn din egen balanse. I mitt tilfelle har jeg redusert antall ankerpunkter fra 3196 til bare 315. En massiv forbedring

Trinn 16:. Waifs og Strays

Bytt til disposisjonsvisning (Command + Y for å veksle view) for å tillate rask arbeids (i alle fall den rosa fargen var støtende). Med segmentmarkøren, velge og slette alle de overflødige banene slik at bare det som er nødvendig for den generelle formen. Føl deg fri til å fiffe opp banene slik du ønsker

Trinn 17:. Skritt tilbake og beundre

Med en egnet fyllfarge (hvit) og et pent vektet hjerneslag bør du begynne å få noe som bildet nedenfor. Sekskanten har også viste seg bra, selv om vi må legge noen detaljer til det å markere sidene

Lag et rektangel og gå til Effect >.; Warp > Utbulning. Skriv inn 15% som en horisontal Bend, klikk på OK og deretter utvide den resulterende objektet.

Plasser objekt på diagrammet og bruke Free Transform verktøyet for å plassere den på plass. Holding Command mens du drar den Boundary Box vil forskyve etter behov. Gjenta for alle tre synlige sider

Trinn 18:. Gratulerer, det er en tennplugg

Det vil ta en stund, men til slutt vil du sitte igjen med alle dine gjenstander, rengjort og plassert! riktig, sammen gjør en gjenkjennelig tennplugg

Trinn 19:. finpuss

Kopier og lim hele greia (Command + C, Command + F) deretter bruke Pathfinder verktøy for å kombinere alt . Gi dette nye objektet en tykkere strek, fjerne fyll og juster slag på utsiden. Legge til en bakgrunn med en passende farge vil også gi diagrammet noen atmosfære

Trinn 20:. Ytterligere finpuss

Legge til en logo til tennpluggen er også mulig ved å tilordne et symbol som originalen 3D-objektet. Igjen, se en av de tidligere VECTORTUTS opplæringsprogrammer for å se nøyaktig hvordan dette gjøres. Ved å kartlegge en vektor objekt til tennpluggen, som også kan utvides som vist nedenfor.

Konklusjon

Med noen etiketter peker ut hva som er hva i anatomi av en tennplugg har vi oss selv en teknisk skjemaet! Takket være Illustrators 3D-verktøyene vi har vært i stand til å bygge med nesten perfekt dybde og vinkler, alt riktig justert, og endte på en klar og enkel stil. Selvfølgelig kan 3D-verktøy brukes til å bygge en basis for alle slags ting - gå og eksperimentere

Abonner på VECTORTUTS RSS-feed for å holde deg oppdatert med de nyeste vektor tutorials og artikler product:!.