Rendern eines 2D-Zündkerzendiagramms aus 3D-Komponenten in Illustrator

Häufig können Sie die Tiefe und den Winkel am besten mithilfe von 3D-Werkzeugen von Illustrators rendern. Dieses Tutorial führt Sie durch den Aufbau einer 3D-Zündkerze aus mehreren Komponenten und die Erweiterung des Bildes zu einem 2D-Vektordiagramm. Hierfür sind Vorkenntnisse mit den Illustratoren Revolve und Extrude notwendig.

Endgültige Bildvorschau

Unten ist das endgültige Bild, auf das wir hinarbeiten werden. Möchten Sie auf die vollständigen Vector Source-Dateien und herunterladbaren Kopien jedes Tutorials zugreifen, einschließlich dieses Tutorials? Nehmen Sie an VECTORTUTS PLUS für nur 9 / Monat teil.

Schritt 1: Bright Spark

Zunächst müssen wir wissen, wie eine Zündkerze aussieht. Holen Sie sich eines aus dem Internet, alternativ hier ein Beispiel zum Herunterladen, wenn Sie sich beim Arbeiten mit einem qualitativ hochwertigen Bild wohler fühlen.

Schritt 2: Annäherung

Aus dem Bild können wir ersehen, dass das Erstellen eines einzelnen 3D-Objekts in Illustrator nicht möglich ist. Der obere und der untere Abschnitt können in 3D gedreht werden, der mittlere Teil muss jedoch mit 3D-Extrusion gerendert werden. Die untere Elektrode muss ebenfalls extrudiert werden.

Weitere Informationen zu diesen beiden Techniken finden Sie in den VECTORTUTS-Tutorials. Mit 3D-Objekten und Transparenzen arbeiten, um ein Vector Cola-Flaschendesign zu erstellen und eine Dose Bohnen zu erstellen, indem Sie Vektoren einem 3D-Objekt zuordnen.

Schritt 3: Gliederung

Für unsere zwei Elemente, die sich drehen werden, können wir eine Übersicht machen. Die resultierende Lücke in der Mitte wird letztendlich durch unser extrudiertes Objekt und durch das Drehen der beiden Hauptabschnitte als Einheit gefüllt, nachdem wir uns einer guten Ausrichtung sicher sind. Verwenden Sie die Pathfinder-Tools, um eine Silhouette Ihres Plug zu erstellen.

Fügen Sie alle Formen (mit Ausnahme der Bodenelektrode unten) mit dem Pathfinder-Werkzeug hinzu und schneiden Sie das Ergebnis in der Mitte, um ein Objekt zum Drehen zu erstellen. Füllen Sie es mit einer ziemlich blassen Farbe, um die schattierten und beleuchteten Bereiche nach dem Drehen deutlich sehen zu können.

Schritt 4: Sechseck

Das Zündkerzengehäuse hat sechs Seiten, so dass wir es einfach mit einem extrudierten Sechskant konstruieren können. Zuerst müssen wir die Abmessungen unseres Polygons festlegen. Die Tiefe der Lücke kann mit dem Messwerkzeug gemessen werden und bestimmt, wie viel wir das Sechseck extrudieren müssen.

Gehen Sie zunächst zu Illustrator> Voreinstellungen> Einheiten und Anzeigeleistung. Sie müssen allgemeine Einheiten auf Punkte setzen, da Punkte während des 3D-Rendering-Prozesses verwendet werden. In diesem Fall können Sie sehen, dass die Infopalette eine Entfernung anzeigt, nachdem Sie das Messwerkzeug über die Lücke gezogen haben D von 15pt. Fühlen Sie sich frei, Ihre Einheitenpräferenzen jetzt zu ändern, wir brauchten nur Punkte für diese Messung (obwohl fairerweise der Unterschied zwischen px und pt zu vernachlässigen ist).

Die Breite kann auch genau gemessen oder mit dem Auge beurteilt werden (und ggf. auch geändert werden, wenn in 3D gerendert wird)..

Schritt 5: Polygonwerkzeug

Jetzt haben wir unsere Maße (36px breit x 15pt hoch) und können mit dem Bau unseres Sechsecks beginnen. Wählen Sie das Polygonwerkzeug aus und klicken Sie einmal auf die Zeichenfläche. Geben Sie im Polygon-Dialog 18px für den Radius (beliebiges Liniensegment vom Zentrum bis zum Umfang - erinnern Sie sich daran an die Schule?) Und 6 für die Seiten an. OK klicken.

Schritt 6: Runden Sie die Ecken ab

Wählen Sie Ihr Sechseck aus und gehen Sie zu Effekt> Stilisieren> Runde Ecken. Geben Sie einen Wert von 1 Pixel ein und klicken Sie auf OK. Erweitern Sie den resultierenden Effekt (Objekt> Erweitern), und das endgültige, für die Extrusion bereite Sechseck sollte wie in der Abbildung unten aussehen.

Schritt 7: 3D-Drehung

Wählen Sie Ihr Hauptobjekt aus und gehen Sie zu Effekt> 3D> Drehen. Die 3D-Drehoptionen sind Ihnen hoffentlich vertraut. Mein Objekt wurde so gezeichnet, dass ich es um den rechten Rand drehen muss, das wähle ich deshalb im Von drehen Dropdown-Liste. Überprüfen Sie die Vorschau und ziehen Sie den Positionierungswürfel, bis Ihr Objekt an die gewünschte Position gedreht ist. Beachten Sie auch, dass wir uns um keine Perspektive sorgen. das würde die Dinge wirklich komplizieren, wenn wir anfangen, Objekte miteinander zu kombinieren.

Beachten Sie die Werte, die Sie für die 3 Drehachsen eingegeben haben, da Sie diese erneut benötigen: -30 °, -14 ° und 19 °.

Schritt 8: 3D-Extrusion & Abschrägung

OK, wir haben einen guten Start gemacht, jetzt machen wir weiter mit dem Sechseck, das wir zuvor gemacht haben. Wir brauchen es in 3D, im richtigen Drehwinkel und in der richtigen Extrusionstiefe. Wir haben alle unsere Informationen, also machen wir weiter…

Wählen Sie das Sechseck aus und gehen Sie zu Effekt> 3D> Extrudieren & Abschrägen. Geben Sie nun die Werte ein, die wir bereits für die Drehwinkel kennen: -30 °, -14 ° und 19 °. Verwenden Sie außerdem eine Extrusionstiefe von 15pt.

Wenn Sie die Vorschau überprüfen, können Sie sehen, dass unser Sechseck fast korrekt ist. Der Positionierungswürfel ist auf jeden Fall genau derselbe wie bei unserem Hauptobjekt…

Aufgrund der Art und Weise, wie Illustrator die Flächen der Objekte zugewiesen hat, wird unser Sechseck genau um 90 ° auf die Seite gekippt. Wir müssen den Wert auf der roten Achse um 90 ° erhöhen (also 60 °), um unser Sechseck mit dem Hauptkörper der Zündkerze in Einklang zu bringen. Bingo!

Schritt 9: Major Tom zur Bodenkontrolle

Unser letzter Teil des dreidimensionalen Systems (ist das ein Wort?) Ist die Masseelektrode; das kleine Stück, das sich um den Boden krümmt, um Funken zu erzeugen. Wir haben seine 2D-Kontur von früher, jetzt wird 3D mit dem gleichen Winkel wie die anderen Objekte und auf eine geeignete Tiefe extrudiert. Noch einmal: -30 °, -14 ° und 19 °. Bringen Sie dann unsere Masseelektrode mit dem richtigen Grad an Rotation an, extrudieren Sie sie auf 7pt und sie passt perfekt zu unseren anderen Objekten.

Schritt 10: Aufbrechen ist schwer zu tun

Wir können unsere Objekte jetzt zusammenstellen, da Illustrator jedoch nicht für die Kombination von 3D-Objekten geeignet ist, muss unser Sechseck darauf sitzen. Lassen Sie uns alle aufteilen, damit wir sie richtig einordnen können. Wählen Sie die Objekte aus und gehen Sie zu Objekt> Darstellung erweitern. Stellen Sie sicher, dass Sie zuerst eine Kopie all dieser Objekte haben, falls Sie später auf ihre ursprünglichen Formulare zurückgreifen müssen. Unten sehen Sie die resultierenden Vektoren - ziemlich komplexe Objekte!

Schritt 11: Gruppentherapie

Diese komplexen Objekte werden aus Gruppen aufgebaut. Und Gruppen von Gruppen. Und Gruppen von Gruppen. Wählen Sie den Hauptkörper der Zündkerze aus und geben Sie die Gruppierung auf (Befehl + Umschalttaste + G). Versuchen Sie jetzt, nur einen Teil davon auszuwählen. Möglicherweise müssen Sie die Gruppierung erneut auflösen, um die Komponenten zu trennen. Möglicherweise sollten Sie in der Lage sein, die obere Abschnittsgruppe von der unteren Abschnittsgruppe zu isolieren und die Komponenten daher in der richtigen Layerreihenfolge wie unten gezeigt zu positionieren.

Schritt 12: Das Problem umreißen

Beginnen wir nun mit der Erstellung der Segmente unseres Diagramms, die umrissen werden. Es kann am einfachsten sein, jedes der Stücke, die wir bereits gemacht haben, auf ihren eigenen Ebenen zu platzieren. Das Sperren von Ebenen, mit denen Sie nicht arbeiten, verhindert die Schwierigkeit bei der Auswahl der gewünschten Objekte.

Wählen Sie zuerst den oberen Abschnitt aus und geben Sie die Gruppierung auf (Befehl + Umschalttaste + G). Wählen Sie dann einen kleineren Teil aus, wie den unten abgebildeten. Sie müssen kleinere Teile kombinieren können, um ein großes Objekt zu erstellen. Dies geschieht natürlich mit den Pathfinder-Werkzeugen. Um das Werkzeug Form hinzufügen in der Palette verwenden zu können, müssen Sie sicherstellen, dass die kleineren Teile alle voneinander getrennt sind. Wenn das Aufheben der Gruppierung nicht funktioniert, versuchen Sie zunächst, sie mit dem Teilungswerkzeug von Pathfinder zu teilen.

Wenn Sie die kleineren Teile kombiniert haben, erweitern Sie sie.

Schritt 13: Wiederholen Sie sich

Nachdem Sie dies einmal ausgeführt haben, müssen Sie den Vorgang einige Male wiederholen. Bedenken Sie, dass nicht alles enthalten sein muss. Ihr erweitertes 3D-Objekt enthält viele Ebenen und Flächen, die Sie einfach ignorieren können. Baue die Teile, die du brauchst, fülle sie mit der gleichen Farbe und im nächsten Schritt werden wir daran arbeiten, sie aufzuräumen.

Hinweis: Im Nachhinein war Pink hier vielleicht nicht die beste Wahl… Entschuldigung.

Schritt 14: Sortieren des Weizens aus der Spreu

Wählen Sie eines Ihrer neu erstellten Segmente aus und wählen Sie unter Auswählen> Gleich> Füllfarbe… die anderen aus. Drücken Sie Befehlstaste + 3, um sie auszublenden, und lassen Sie nur den Überschuss aus dem erweiterten 3D-Objekt. Es gibt ziemlich viel - und das kann alles gelöscht werden. Also mach es!

Schritt 15: Vereinfachen

Wenn der Müll nicht zur Verfügung steht, vereinfachen wir unsere verbleibenden Pfade. Durch das Erweitern des 3D-Objekts wurden Tausende Ankerpunkte erstellt, die die Verarbeitungszeit erhöhen und die Glätte Ihrer Vektoren reduzieren. Drücken Sie Befehlstaste + Alt + 3, um die Objekte anzuzeigen, die Sie zuvor ausgeblendet haben. Gehen Sie dann mit den ausgewählten Objekten auf Objekt> Pfad> Vereinfachen…

Das Dialogfeld "Vereinfachen" wird angezeigt. Überprüfen Sie die Vorschau und sehen Sie, welche Auswirkungen Ihre Einstellungen auf die ausgewählten Pfade haben. Ich empfehle Ihnen, Curve Precision bei 100% zu halten, damit Ihre Objekte ihrer ursprünglichen Form treu bleiben. Wenn Sie den Winkelschwellenwert ändern, werden die Grenzen geändert, bis zu denen Ihre Anker ausgerichtet werden können. Dies wirkt sich wiederum auf die Form Ihrer Objekte aus. Je höher der Schwellenwert, desto mehr Ankerpunkte werden benötigt und desto genauer bleiben Ihre Objekte. Finden Sie Ihr eigenes Gleichgewicht In meinem Fall habe ich die Anzahl der Ankerpunkte von 3196 auf 315 reduziert. Eine massive Verbesserung.

Schritt 16: Waifs und Streuner

Wechseln Sie zur Gliederungsansicht (Befehl + Y, um die Ansicht umzuschalten), um ein schnelles Arbeiten zu ermöglichen (in jedem Fall war diese rosa Farbe anstößig). Wählen Sie mit dem Direktauswahl-Werkzeug alle überflüssigen Pfade aus, und löschen Sie nur noch das, was für die Gesamtform erforderlich ist. Fühlen Sie sich frei, um die Wege zu verbessern, wie Sie es für richtig halten.

Schritt 17: Schritt zurück und bewundern

Mit einer geeigneten Füllfarbe (weiß) und einem gut gewichteten Strich sollten Sie etwas wie das Bild unten erhalten. Das Sechseck hat sich ebenfalls gut entwickelt, obwohl wir einige Details hinzufügen müssen, um die Seiten hervorzuheben.

Erstellen Sie ein Rechteck und gehen Sie zu Effekt> Warp> Bulge. Geben Sie 15% als horizontale Biegung ein, klicken Sie auf OK und erweitern Sie das resultierende Objekt.

Positionieren Sie das Objekt in Ihrem Diagramm und positionieren Sie es mit dem Werkzeug "Frei transformieren". Wenn Sie die Befehlstaste gedrückt halten, während Sie die Begrenzungsbox ziehen, wird sie nach Bedarf verzerrt. Wiederholen Sie dies für alle drei sichtbaren Seiten.

Schritt 18: Glückwunsch, es ist eine Zündkerze!

Es wird eine Weile dauern, aber irgendwann werden Sie mit all Ihren Objekten gereinigt und richtig positioniert sein, um zusammen eine erkennbare Zündkerze zu bilden.

Schritt 19: Fertigstellen von Berührungen

Kopieren Sie das Ganze und fügen Sie es ein (Befehlstaste + C, Befehlstaste + F). Verwenden Sie dann die Pathfinder-Werkzeuge, um alles zu kombinieren. Geben Sie diesem neuen Objekt einen stärkeren Strich, entfernen Sie die Füllung und richten Sie den Strich nach außen aus. Das Hinzufügen eines Hintergrunds mit einer geeigneten Farbe verleiht dem Diagramm auch etwas Atmosphäre.

Schritt 20: Weitere Feinarbeiten

Das Hinzufügen eines Logos zur Zündkerze ist auch möglich, indem ein Symbol Ihrem ursprünglichen 3D-Objekt zugeordnet wird. Sehen Sie sich erneut eines der vorherigen VECTORTUTS-Tutorials an, um genau zu erfahren, wie dies geschieht. Durch Zuordnen eines Vektorobjekts zu Ihrer Zündkerze kann auch dieses wie unten gezeigt erweitert werden.

Fazit

Mit einigen Etiketten, die auf die Anatomie einer Zündkerze hinweisen, haben wir selbst ein technisches Diagramm! Dank der 3D-Werkzeuge von Illustrators konnten wir mit nahezu perfekten Tiefen und Winkeln bauen, alle richtig ausgerichtet und klar und einfach abschließen. Natürlich können 3D-Tools verwendet werden, um eine Grundlage für alle möglichen Dinge zu schaffen - gehen und experimentieren!

Abonnieren Sie den VECTORTUTS RSS-Feed, um mit den neuesten Vektor-Tutorials und -Artikeln auf dem Laufenden zu bleiben.