Arbeiten mit 3D-Objekten und Folien zum Erstellen eines Vector Cola-Flaschendesigns

VECTORTUTS hat einige Male die 3D-Effekte von Illustrator behandelt, daher sollten Ihnen die Grundlagen bereits vertraut sein. In diesem Tutorial werden wir diese Fähigkeiten noch weiter verbessern und diskutieren, wie Illustrator mit Transparenz in 3D-Objekten umgeht. In nur wenigen Schritten haben Sie eine Cola-Flasche aus Kunststoff entwickelt, die sich ideal für diejenigen eignet, die im Produktmarketing tätig sind.

Endgültige Bildvorschau

Dies ist, was wir mit diesem Tutorial bauen wollen.

Schritt 1

Wir benötigen zwei Symbole für die Abbildung auf unser endgültiges 3D-Objekt. ein Flaschenetikett und etwas Textur für den Schraubverschluss. Machen Sie Ihre mit ähnlichen Proportionen wie unten gezeigt und verwenden Sie die gewünschten Designs. Gruppieren Sie die Beschriftungskomponenten (Objekte> Gruppe), um eine Beschriftungsgruppe zu erstellen, und gruppieren Sie auch die obersten Texturkomponenten.

Dabei ist zu beachten, dass innerhalb dieser Symbole Farbverläufe verwendet werden. Illustrator rastert Farbverläufe, wenn Sie die Symbole auf 3D-Flächen anwenden. Dies ist in Ordnung und kann den gewünschten Effekt erzielen, aber Sie beschränken dabei die Skalierbarkeit Ihres endgültigen Objekts.

Schritt 2

Öffnen Sie die Symbolleiste (Fenster> Symbole) und ziehen Sie die beiden Gruppen in das Fenster. Je nachdem, welche Version von Illustrator Sie verwenden, wird entweder automatisch das Dialogfeld Symboloptionen angezeigt, oder Sie müssen möglicherweise auf die Symbole doppelklicken, sobald sie sich im Bedienfeld befinden.

Geben Sie auf jeden Fall einen Namen für jedes der beiden Symbole im Dialogfeld Symboloptionen ein und klicken Sie auf OK. Es kann auch nützlich sein, das Symbolbedienfeld als Liste anzuzeigen (wie in der Abbildung unten gezeigt), um die Symbolsymbole und die ihnen zugewiesenen Namen anzuzeigen. Bestehende Instanzen der Symbole auf Ihrer Zeichenfläche können jetzt gelöscht werden.

Schritt 3

Ich befinde mich jetzt im Gliederungsmodus (Befehl + Y, um zwischen Vorschau und Gliederung zu wechseln), während ich mit einfachen Vektoren arbeite. Sie können jedoch wählen, welchen Ansichtsmodus Sie bevorzugen.

Verwenden Sie die verschiedenen Zeichenwerkzeuge, um die Formen zu formen, die für eine Silhouette einer Cola-Flasche erforderlich sind. Richten Sie sie alle zentral aus, aber machen Sie sich keine Sorgen, wenn das Ganze nicht perfekt symmetrisch ist. Wir werden es trotzdem in die Mitte schneiden. Es gibt viele Ansätze, Formen für das Drehen vorzubereiten. Auf diese Weise erhalten Sie einen guten Eindruck von der endgültigen Form, bevor Sie den 3D-Effekt anwenden.

Schritt 4

Verwenden Sie die Pathfinder-Werkzeuge, um die Formen zu verbinden. Erweitern Sie dann Ihre Formen, sodass Sie ein vollständiges Objekt haben.

Schritt 5

Zeichnen Sie eine Linie senkrecht in die Mitte Ihres Flaschenobjekts. Richten Sie die beiden dann mittig aus. Klicken Sie nun auf das Teilungswerkzeug des Pfadfinders und erweitern Sie das Ergebnis. Ihr Objekt wird ordentlich in zwei Teile aufgeteilt.

Heben Sie die Gruppierung der beiden Hälften auf (Objekte> Gruppierung aufheben) und löschen Sie eine davon. Es macht wenig aus, welche der beiden Hälften Sie löschen; dazu später mehr.

Schritt 6

Wir werden unser Objekt weiter aufteilen, diesmal mit einer Reihe horizontaler Linien. Was wir anstreben, ist eine Sammlung von Stücken, damit jeder Bereich der Flasche seine eigene Farbe und Transparenz haben kann.

Beginnen Sie mit einer Linie, um den Flaschenverschluss vom Rest zu trennen, dann eine, die das Etikett beginnen soll, und eine weitere für den Kunststoff unter dem Etikett. Fahren Sie mit dieser Methode fort, bis Ihr Design dem unten gezeigten Bild entspricht.

Schritt 7

Wieder wenden wir uns unseren Pathfinder Tools zu. Sie müssen die horizontalen Linien nicht gruppieren. Wählen Sie einfach alles auf der Seite aus und klicken Sie auf "Teilen". Erweitern Sie Ihr Objekt wie zuvor. Trennen Sie anschließend die Gruppierung (Objekt> Gruppierung aufheben), um die Flaschenabschnitte voneinander zu lösen.

Schritt 8

Verwenden Sie das Direktauswahl-Werkzeug, um vier der Knoten entlang der Kante Ihres Objekts auszuwählen (wie unten hervorgehoben). Drücken Sie dann Löschen, um sie zu entfernen. Dies sollte einen segmentierten Vektor hinterlassen, der die äußere Kante von definiert Hälfte von deiner Flasche.

Schritt 9

Wenn Sie gerade im Gliederungsmodus arbeiten, wechseln Sie zu Vorschau (Befehl + Y), damit wir einige Farben bestimmen können. Geben Sie jedem der fünf Flaschenabschnitte eine Farbe und belassen Sie die Strichbreite auf 1px (die Strichbreite bestimmt effektiv die Dicke des Plastiks Ihrer Flasche. Vielleicht möchten Sie damit herumspielen)..

Schritt 10

Wählen Sie alle Flaschenabschnitte aus und gruppieren Sie sie (Objekt> Gruppe). Dies ist eine einfache, aber entscheidende Phase im 3D-Revolving-Prozess. Wir möchten, dass alle Abschnitte als eine Einheit behandelt werden und die Auswirkungen auf die gesamte Gruppe angewendet werden. Ohne sie zu gruppieren, würde der Rotationseffekt auf jeden Abschnitt einzeln angewendet und fünf zufällige 3D-Objekte erstellt. Probieren Sie es selbst aus!

Schritt 11

Wählen Sie Ihre jetzt gruppierten Flaschenvektoren aus. Gehen Sie zu Effekt> 3D> Drehen und klicken Sie im angezeigten Dialogfeld "Optionen" auf Vorschau. Sie erhalten eine dreidimensionale 3D-Darstellung Ihres Vektors, die standardmäßig um 360 ° um den linken Rand gedreht ist.

Dies bringt uns zurück zu Schritt 5, als ich "später mehr darüber" erwähnte. Nun ist es später hier. Wenn ich den gesamten Flaschengegenstand in zwei Hälften aufteilte, entschied ich mich, die rechte Seite zu löschen, und ich ließ die linke. Wenn Sie das Gleiche tun, wird Ihre Flasche wie folgt gerendert.

Sie müssen die Einstellungen so ändern, dass das Objekt um die rechte Seite gedreht wird, wie in der zweiten Abbildung unten gezeigt.

Schritt 12

Klicken Sie im Dialogfeld "3D-Revolve-Optionen" auf Map-Art. Daraufhin wird das Dialogfeld "Zuordnung" geöffnet. Wählen Sie die gewünschten Oberflächen mit den Navigationspfeilen aus und ordnen Sie ihnen die entsprechenden Symbole aus der Dropdown-Liste der Symbole zu. Es gibt viele Oberflächen zur Auswahl mit einem komplexen Objekt wie diesem, daher kann es eine Weile dauern, bis Sie die gewünschten Objekte gefunden haben. Dies gilt insbesondere beim Drehen eines Vektors als Flächen auf der Innerhalb Ihres Objekts kann auch zugeordnet werden.

Klicken Sie auf Schattengrafik und dann auf OK. Wenn Sie sich wieder im 3D-Optionsdialogfeld befinden, spielen Sie mit Winkel, Perspektive und Beleuchtung (unter Weitere Optionen) herum, bis Sie mit dem Ergebnis zufrieden sind. Klicken Sie dann auf OK.

Schritt 13

Wir haben jetzt eine schöne 3D-Flasche mit einem Etikett und etwas Deckeltextur, aber der Kunststoff und die Cola sind undurchsichtig; Wir müssen das Problem der Transparenz lösen (hier kommt der wichtigste Teil des Tutorials). Es gibt verschiedene Wege, auf die Sie eingehen können, also streiche ich zunächst die falschen Wege ab und demonstriere dann, wie dies geschehen soll.

1. Durch Auswahl der 3D-Flasche und Verringerung der Deckkraft im Transparenzfenster wird das gesamte Objekt ausgeblendet. Außerdem können Sie nicht einmal die Rückseite des Objekts sehen, es wird als 2D-Bild behandelt. Dies liegt daran, dass beim Rendern eines Objekts in 3D zunächst die Transparenz dieses Objekts verringert wird (siehe das erste Bild unten)..

2. Stattdessen können Sie die Gruppe im Ebenenbedienfeld erweitern oder auf das Objekt doppelklicken, um die Gruppenelemente anzuzeigen. Indem Sie nur diejenigen auswählen, die wir benötigen, und deren Deckkraft ändern, können wir unserer Flasche ein transparentes Aussehen verleihen (siehe das zweite Bild unten). Der richtige Ansatz! Recht? Falsch!

Schritt 14

Technisch haben wir gerade den gewünschten Look erzielt, aber in Bezug auf Best Practices Diese Methode wird keinen goldenen Stern gewinnen. Illustrator hat die Transparenz des Hauptobjekts (in diesem Fall der Gruppe von Vektoren) verringert, obwohl wir jetzt die Eigenschaften eines Objekts geändert haben innerhalb unsere Gruppe. Diese Transparenz wird nicht abgeflacht und der Effekt funktioniert.

Stellen Sie sich jedoch vor, wir hätten keine Gruppe. Stellen Sie sich stattdessen vor, wir hätten einen einzigen Vektor für eine grüne Glasflasche erstellt, und wir wollten auch eine Transparenz anwenden. Wir hätten keine Gruppe, die wir erweitern könnten, und dennoch müssten wir die Transparenz eines Elements ändern innerhalb unser Vektor, also hier der dritte richtig Methode kommt ins Spiel.

3. Öffnen Sie Ihr Darstellungsfeld ("Fenster"> "Darstellung") und klicken Sie mit dem Direktauswahl-Werkzeug auf einen Vektor, dessen Transparenz Sie ändern möchten. Im Fenster "Darstellung" können Sie jetzt die Stroke-Transparenzeigenschaften dieses Objekts isolieren. Klicken Sie dazu auf das Attribut Stroke und ändern Sie den Wert im Transparenzfenster. Sie ändern nicht die Eigenschaften des Objekts, sondern die Eigenschaften des Strichs, die so weit wie möglich in der Eigenschaftshierarchie liegen! Garantierte Transparenz!

Geben Sie den Strichen der Kunststoffprofile eine Multiplikationstransparenz von 40% und die Strichstärke des Cola-Abschnitts eine Multiplizierbarkeitstransparenz von 60%..

Schritt 15

Wenn Sie der Meinung sind, dass die Flasche auf etwas stehen muss, erstellen Sie eine Ellipse, geben Sie einen radialen Verlauf von 50% Schwarz nach Weiß an und skalieren Sie sie vertikal wie in der Abbildung unten. Positionieren Sie es unter dem Boden der Flasche. Machen Sie eine weitere (größere) Ellipse und geben Sie einen radialen Verlauf von 20% Schwarz nach Weiß an. Dann Maskieren (Befehl + 7) die obere Hälfte mit einem Rechteck. Positionieren Sie es hinter der Flasche als Horizont.

Leider ist Illustrator (noch) nicht für Umgebungen wie spezielle 3D-Programme ausgelegt, daher müssen Sie dies tun Fälschung dein eigener Schatten.

Fazit

Da haben wir es! Eine transparente 3D-Cola-Plastikflasche! Duplizieren Sie Ihre letzte Flasche, wenn Sie wirklich Transparenz demonstrieren möchten. Skalieren Sie es, um die Entfernung zu berücksichtigen. Beachten Sie, dass beim Ändern der Skalierung von 3D-Objekten (oder der Strichstärke usw.) Ihre Bildzuordnung möglicherweise erneut angewendet werden muss. Es ist wahrscheinlich, dass Ihren Oberflächen unterschiedliche Nummern zugewiesen wurden und dass Ihre Symbole an verschiedenen Stellen angebracht sind.