Share
Mit dem integrierten 3D-Effekt „Extrudieren und Abschrägen“ von Illustrator lassen sich schnell und einfach verpackte Geschenkverpackungen herstellen. Erfahren Sie, wie Sie ein vollständig bearbeitbares 3D-Farbband und eine maskierte 3D-Typografie erstellen. Außerdem werden wir mit Symbol-Werkzeugen Glitzer erzeugen.
Zunächst betrachten wir das Bild, das wir erstellen werden.
Erstellen Sie unser Dokument mit 800 x 600 Pixeln. Stellen Sie sicher, dass die Einheiten auf Pixel eingestellt sind. Aktivieren Sie die intelligenten Hilfslinien, indem Sie die Tastenkombination Befehlstaste + U drücken. In den allgemeinen Voreinstellungen setzen Sie das Keyboard Increment auf 1px.
Erstellen Sie eine Ebene und geben Sie ihr den Namen "Box Template". Aktivieren Sie dann den Umrissmodus (Befehl + Y), damit wir nicht durch Füllungen und Striche abgelenkt werden.
Wir beginnen mit einfachen Formen. Zeichnen Sie ein Rechteck mit 150 x 150 Pixeln. Wählen Sie dann es aus und duplizieren Sie es (halten Sie die Alt-Umschalttaste gedrückt, während Sie nach oben ziehen) und legen Sie die Größe auf 155 x 65 Pixel fest. Wählen Sie dann das Stiftwerkzeug aus und zeichnen Sie die Farbbandkonturen entsprechend den Rahmenkonturen. Lassen Sie etwas Platz zwischen der Linie und den Boxen.
Wähle die Farbbandkontur aus und wähle das Reflektierwerkzeug (O). Ziehen Sie dann den Drehmittelpunkt auf den unteren Ankerpunkt (siehe unten). Bewegen Sie den Cursor zum unteren oberen Ankerpunkt, und halten Sie Alt + Umschalt gedrückt, und bewegen Sie den Cursor nach rechts oder links. Der Bandpfad wird gleichzeitig gespiegelt, dupliziert und perfekt horizontal ausgerichtet. Dann speichern Sie die Datei.
Jetzt erstellen wir eine zweite Kiste, aber diesmal ausgepackt und aufgedeckt. Alle Elemente auswählen und Alt + Umschalt + Ziehen Sie sie nach rechts. Denken Sie daran, genügend Platz zwischen den Boxen zu haben, das brauchen wir in den nächsten Schritten. Vergrößern Sie das rechte Kästchen, wählen Sie den rechten Bandpfad aus und löschen Sie es. Wählen Sie den Pfad der linken Multifunktionsleiste aus, wählen Sie das Werkzeug Ankerpunkt löschen und löschen Sie die "Bogen" -Punkte wie unten gezeigt.
Verwenden Sie das Direktauswahl-Werkzeug, um den Pfad zu ändern, indem Sie einzelne Ankerpunkte in eine Form verschieben, wie unten gezeigt. Duplizieren und spiegeln den Pfad.
Bewegen Sie anschließend den Pfad der Boxabdeckung die große Box nach unten und drehen Sie sie, bis das Ergebnis wie in der Abbildung unten aussieht. Der Drehpunkt ist der untere rechte Endpunkt des Pfads. Dann speichern Sie die Datei.
Die Bänder sind jetzt ziemlich scharf, sodass wir ihr eine schöne glatte Form verleihen, indem Sie die Ankerpunkte mit dem Werkzeug „Ankerpunkt konvertieren“ anpassen. Bewegen Sie auch die Ankerpunkte des Bandes in Richtung der Kastenkonturen, lassen Sie jedoch etwas Platz dazwischen.
Ordnen Sie die Elemente in separaten Ebenen an. Grundsätzlich sollte jedes Boxelement und jeder Bandpfad eine eigene Ebene haben. Verwenden Sie Ausschneiden (Befehl + X) und Einfügen vor (Befehl + F), um Elemente in separate Ebenen einzufügen. Aktivieren Sie den Vorschaumodus (Befehl + Y). Setzen Sie die Farbbänder auf eine durchgehende Kontur (keine Füllung) und die Felder auf eine durchgehende Füllung (keine Kontur), und legen Sie die Füllfarbe auf K = 30 und die Kontur auf K = 50 fest.
Als Nächstes werden wir 2D in 3D umwandeln. Wählen Sie alle Objekte aus und rufen Sie das Menü Effekt> 3D> Extrusion & Abschrägung auf. Stellen Sie das ein X / Y / Z Koordinatenwerte bis -10, -30 und 3 Grad. Stellen Sie außerdem die Perspektive auf 50 Grad ein, wie unten gezeigt. Ich empfehle Ihnen dringend, alle Werte irgendwo auf dem Papier aufzuschreiben, da wir sie später verwenden werden. Normalerweise mache ich an dieser Stelle in der Regel auch alle Elemente, nur eine Sicherungskopie, und verschiebe sie von der Zeichenfläche. Dann speichern Sie die Datei.
Jetzt kommt der Spaß beim Spielen mit Farben und Texturen. Wählen Sie "Box 1" und ändern Sie die Füllfarbe (C = 85, M = 50, Y = 0 und K = 0). Dann ändern Sie auch die "Box 1 Cover" -Füllung (C = 60, M = 40, Y = 5 und K = 0). Ändern Sie dann die Umrissfarbe "Box 1 Ribbon 1" (C = 5, M = 90, Y = 75 und K = 0) und verwenden Sie für "Ribbon 2" die gleiche Umrissfarbe.
Stellen Sie als nächstes die Füllfarbe für "Box 2" ein (C = 5, M = 90, Y = 75 und K = 0) und legen Sie anschließend die Deckfarbe fest (C = 5, M = 70, Y = 90 und K =) 0). Setzen Sie dann die Umrissfarbe "Box 2 Farbbänder 1" und "Box 2 Farbband 2" (C = 70, M = 15, Y = 0 und K = 0). Jetzt sollten Sie etwas sehen, das dem Bild unten ähnlich ist. Machen Sie sich keine Sorgen um den flachen Look, wir werden in weiteren Schritten Glanzlichter und Schatten hinzufügen.
Nehmen wir einige Änderungen an den Abmessungen und der Position der 3D-Modelle vor. Wählen Sie "Box 1" und ändern Sie die X / Y / Z Werte bis -10, 27 und -6 Grad. Stellen Sie außerdem die Extrudiertiefe auf 150 Grad ein. Stellen Sie die gleichen Werte für "Box 1 Cover", "Box 2" und "Box 2 Cover 2" ein.
Schnappen Sie sich das Werkzeug Ankerpunkt löschen und löschen Sie alle unten gezeigten Ankerpunkte.
Wählen Sie den Endankerpunkt aus und schieben Sie ihn nach oben, bis er die obere Kante des Deckels erreicht.
Wählen Sie "Box 1 Ribbon 2" und verschieben Sie den Ankerpunkt am unteren Ende (mit den Pfeiltasten) nach rechts. Tun Sie dies, bis es die rechte Seite der Box erreicht. Sie können die Perspektive anpassen und die Geometrie manuell ausrichten, um ein noch besseres Aussehen zu erzielen. Verschieben Sie daher Ankerpunkte an die gewünschten Positionen.
Fügen Sie zwei weitere Farbbandgeometrien hinzu, indem Sie 1 und 2 duplizieren und auf den einzelnen Ebenen "Box 1 Ribbon 3" und "Box 1 Ribbon 4" platzieren. Drehen Sie die Objekte um die Y-Achse und löschen Sie ausgeblendete Ankerpunkte, um eine vollständige 3D-Box mit einem roten Band zu erhalten. Stellen Sie dann sicher, dass Sie speichern.
"Box 2" wird grundsätzlich wie "Box 1" erstellt und bearbeitet. Das bedeutet, dass Sie die Tiefen von Box und Box-Cover auf 150 einstellen, Bänder in neue Ebenen duplizieren und um die Y-Achse drehen. Sie müssen die Layer "Box 2 Cover", "Ribbon 2" und "Ribbon 4" so ziehen, dass sie unter "Box 2 Layer" liegen (siehe unten).
Das Anpassen von Ankerpunkten und Positionierungselementen führt zu einem Bild wie in der folgenden Abbildung.
Wir müssen die Farbbandgeometrie unter der orangefarbenen Abdeckung maskieren. Zeichnen Sie einen Pfad und verwenden Sie ihn als Schnittmaske, um ein Ergebnis wie in der folgenden Abbildung zu erhalten. Speichern Sie anschließend Ihr Dokument.
Zum jetzigen Zeitpunkt haben wir zwei Geschenkboxen und Bänder, die vollständig bearbeitet und anpassbar sind. Sie können sie also drehen, Extrusionswerte ändern, Perspektive verschieben, Ankerpunkte verschieben und die Ergebnisse werden angezeigt Echtzeit.
Wir werden ein bisschen mit Licht und Schatten spielen. Nehmen wir an, irgendwo in der gesamten Szene gibt es einen Lichtpunkt. Dies hilft uns, Glanzlichter und Schatten zu definieren. Wählen Sie zunächst das Objekt "Box 1" aus und doppelklicken Sie auf die Ebene "3D-Extrusion & Abschrägung" in der Aussehen-Palette.
Stellen Sie sicher, dass Sie die Vorschau aktiviert haben, und klicken Sie auf die Schaltfläche Weitere Optionen. Folgen Sie der Abbildung unten, um die Werte einzustellen. Um einen stärkeren Kontrast zu erhalten, fügen Sie mehr Licht hinzu, indem Sie auf das Symbol Neues Licht klicken. Ziehen Sie diese kleinen Kreise über die Kugel und positionieren Sie sie so, dass sie schöne Lichter und Schatten erzeugen.
Wenden Sie ähnliche Einstellungen für die hellblaue Abdeckung an. Setzen Sie für Farbbänder die Intensität der Hervorhebung auf 90%, die Größe der Hervorhebung auf 90% und die Mischschritte auf 150 (Farbverläufe werden glatter). Beachten Sie, dass ich auch Ankerpunkte mit dem Werkzeug „Ankerpunkt konvertieren“ geändert habe, um runde Kanten und ein glatteres Aussehen zu erzielen.
Sie können auch versuchen, Ecken abzurunden, indem Sie den Effekt Runde Ecken im Menü Effekt> Stilisieren anwenden. Ich habe einen Radius von 2 Pixeln für "Farbband 2", "Farbband 3" und "Farbband 4" verwendet. Dann speichern Sie die Datei.
Setzen Sie mehr Lichter, um die Lichter für alle verbleibenden Elemente zu erstellen. Denken Sie daran, dass Sie Ankerpunkte jederzeit bearbeiten können, um Kurven zu glätten.
Wir machen die rote Box offen. Dies ist ein bisschen schwierig. Wir können den Befehl „Aussehen erweitern“ nicht einfach verwenden, während die Geometrie schattiert ist. Illustrator rendert nur sichtbare Teile. Wenn Sie dies also tun und die expandierten Objekte aufheben, erhalten Sie dies.
Wir machen also zwei Sicherungskopien der roten Box und des orangefarbenen Deckels. Bewegen Sie sie dann von der Zeichenfläche weg. Eine Kopie ist ein Backup (falls Sie sich entscheiden, mehr Boxen mit verschiedenen Farben und Formen zu erstellen). Die zweite ist eine Farbreferenz für die Boxen, die in der Hauptszene verwendet werden. Verwenden Sie daher den Befehl Aussehen erweitern für eine der Sicherungskopien (erweitern Sie sowohl das rote als auch das orangefarbene Feld)..
Vergrößern Sie die Zeichenfläche, wählen Sie das rote Kästchen aus und setzen Sie die Oberfläche auf Drahtmodell, indem Sie im Darstellungsbereich auf 3D-Extrusion & Abschrägung klicken. Daraufhin wird der Dialog geöffnet, in dem Sie die Einstellungen auswählen können. Machen Sie dasselbe mit der orangefarbenen Box. Jetzt besteht jede Box aus sechs Ebenen. Erweitern Sie das Erscheinungsbild. Wählen Sie dann das rote Kästchen aus und drücken Sie sechsmal Befehlstaste + Umschalttaste + G. Machen Sie dasselbe mit der orangefarbenen Box.
Wählen Sie die oberen Ebenen des roten Kästchens aus und setzen Sie die Füllung auf keine und die Umrisse auf gelb (dies ist nur ein visueller Hinweis, später verwenden wir diese Ebene als Schnittmaske). Bewegen Sie es dann von der Zeichenfläche weg. Klicken Sie mit der rechten Maustaste, und wählen Sie Schnittmaske freigeben. Wählen Sie nun die vordere Ebene aus, wählen Sie das Pipettenwerkzeug (O) und wählen Sie die rote Farbe aus der vorderen Ebene des rot umrahmten erweiterten Felds aus.
Oder Sie mischen einfach Ihr eigenes Rot. Beachten Sie, dass sich die hintere Seitenfläche über der vorderen befindet. Gehen Sie zu Objekt> Anordnen und wählen Sie Nach hinten senden.
Füllen Sie die letzte Ebene mit einem dunkleren Rot und ordnen Sie die untere Ebene nach hinten an. Machen Sie dasselbe mit der orangefarbenen Box. Dann speichern Sie die Datei.
Fügen wir der roten Box etwas Textur hinzu. Zeichnen Sie ein Rechteck und füllen Sie es mit Grün. Dupliziere es sechsmal. Halten Sie die Alt-Taste gedrückt und klicken Sie in der Pathfinder-Palette auf die Schaltfläche Zum Formbereich hinzufügen. Dann kopieren Sie das Streifenmuster (wir benötigen auch eine Kopie für die Seitenebene). Positionieren Sie dann das Musterobjekt so, dass es die vordere Ebene des roten Felds abdeckt.
Denken Sie daran, als ich vorgeschlagen habe, all diese 3D-Koordinaten und Perspektivenwerte aufzuschreiben? Wir werden es jetzt benutzen. Wählen Sie das Streifenmuster aus und wenden Sie einen 3D-Effekt> Drehen mit den Werten -10, -30 und 3 Grad an. Auch eine Perspektive von 50 Grad. Erweitern Sie dann das Erscheinungsbild.
Verschieben Sie die Streifen auf eine neue Ebene und nennen Sie sie "Muster". Deaktivieren Sie die Ebene, indem Sie auf das Augensymbol klicken. Wählen Sie die vordere Ebene der roten Box aus und kopieren Sie sie in die Zwischenablage. Befehlstaste + C. Dies wird eine Schnittmaske sein. Füge es in der Front (Befehl + F) des Musters ein (vergewissere dich, dass deine aktive Ebene Muster ist).
Wählen Sie dann mit Alt + Klicken beide Objekte aus, klicken Sie mit der rechten Maustaste, und wählen Sie Schnittmaske erstellen. Doppelklicken Sie, um den Isolationsmodus aufzurufen, damit wir die Musterfarben bearbeiten können. Erweitern Sie die Ebenengruppen, indem Sie auf die Pfeile klicken und auf das Kreissymbol Compound Path klicken. Dadurch wird die Streifengeometrie ausgewählt. Setzen Sie die Farbe auf einen Farbverlauf von Orange bis Violett mit einem Winkelwert von -90.
Doppelklicken Sie auf eine Stelle außerhalb der Zeichenfläche, um den Isolationsmodus zu verlassen. Dann Alt + Klicken Sie auf die Ebene "Muster" und setzen Sie den Transparenzmodus auf Überlagerung. Klicken Sie auf den kleinen Pfeil, um die Ebenen zu erweitern, doppelklicken Sie auf Gruppenebene und benennen Sie sie in "Muster 1" um. Wählen Sie alle Objekte in der Ebene "Muster" aus, schneiden Sie sie aus, wählen Sie die Ebene "Box 2" aus und fügen Sie sie in den Vordergrund ein. Dadurch wird das Muster vor die Rahmenebenen, aber hinter die Farbbandgeometrie gebracht.
Um ein Muster an der Seite der Box zu erstellen, verwenden wir doppelte grüne Streifen, wobei alle oben beschriebenen Schritte ausgeführt werden, mit einer Ausnahme: Die 3D-Koordinaten müssen geändert werden, um eine korrekte Drehung und Perspektive zu erhalten. Setzen Sie auch das Objekt Transparenz auf weiches Licht.
Nun fügen wir einige Schatten hinzu. Dies ist ziemlich einfach. Erstellen Sie eine neue Ebene und zeichnen Sie mit dem Stiftwerkzeug einige einfache Formen. Füllen Sie sie dann mit Schwarz-Weiß-Verläufen und stellen Sie den Transparenzmodus für jedes Objekt separat auf Multiplizieren. Normalerweise sperre ich alle Ebenen außer der aktuellen, um das Hinzufügen von Ankerpunkten zu verschiedenen Pfaden zu vermeiden. Zeichnen Sie für jedes einzelne Element einen Schatten, wie unten gezeigt.
Fügen Sie einen einfachen Farbverlaufshintergrund hinzu, um der Szene Tiefe zu verleihen. Für den Farbverlauf habe ich drei Brauntöne verwendet. Ich empfehle, diese Ebene zu sperren, da wir mit dem Bereich arbeiten werden.
Als Nächstes füllen wir eine Box mit 3D-Typografie. Erstellen Sie eine neue Ebene und nennen Sie sie "3D-Text". Platzieren Sie etwas Text und wählen Sie eine Schriftart (ich habe Myriad Pro Black verwendet). Füllen Sie es dann mit einer beliebigen Lichtfarbe (C = 30, M = 0, Y = 10 und K = 0). Markieren Sie den gesamten Text, den Sie in das Feld einfügen möchten, wenden Sie 3D-Extrusion & Abschrägung an und klicken Sie auf OK. Kümmern Sie sich nicht um andere Einstellungen, wir ändern sie individuell. Wählen Sie nun jeden Text aus und platzieren Sie ihn in der Nähe des Lochbereichs.
Deaktivieren Sie die 3D-Textebene. Wählen Sie die gelb umrandete Ebene, die sich irgendwo um die Zeichenfläche befinden sollte, platzieren Sie sie oben auf der Box und rufen Sie das Menü Objekt> Anordnen> Nach vorne bringen auf.
Wenn Sie es nicht sehen können, überprüfen Sie die Sichtbarkeit der Ebene. Wenn Sie es versehentlich gelöscht haben, zeichnen Sie einfach ein neues Rechteck. Wenn Sie Ankerpunkte mit dem Direktauswahl-Werkzeug und intelligenten Hilfslinien verschieben, können Sie Ankerpunkte auch an Ecken positionieren und ausrichten. Stellen Sie sicher, dass Sie dem Pfad weitere Punkte hinzufügen.
Kopieren Sie den Pfad, aktivieren Sie die Sichtbarkeit der 3D-Textebene und fügen Sie den Pfad in die 3D-Textebene ein. Wählen Sie alle Objekte auf dieser Ebene aus und erstellen Sie eine Schnittmaske. Sie erhalten so etwas wie das Bild unten.
Decken Sie jetzt alle Ebenen auf, bis Sie zwei mit dem Namen "Beschneidungspfad" sehen. Löschen Sie den zweiten und verschieben Sie die einzelnen Ankerpunkte auf den ersten. Das Ergebnis sehen Sie unten. Wenn Sie Probleme beim Auswählen von Punkten haben, deaktivieren Sie die intelligenten Hilfslinien (Befehl + U)..
Doppelklicken Sie in den Pfad, um den Isolationsmodus zu aktivieren, damit wir mit dem 3D-Text spielen können. Verschieben und drehen Sie Objekte mit dem Effekt-Dialogfeld "3D-Extrudieren und Abschrägen", um es an Ihren Geschmack anzupassen. Wenn Sie mit den Lichteinstellungen spielen, können Sie, wie ich, mehr Lichter hinzufügen. Dies zeigt mehr Kontrast und Tiefe zwischen Licht und Schatten. Denken Sie daran, den Wert für Perspektive auf 50 zu setzen. Ändern Sie dann Farben, Schriftarten und speichern Sie.
Fügen Sie etwas Glühen in die Box ein, indem Sie eine neue Ebene über allen anderen Ebenen erstellen und diese als "Glow" bezeichnen. Machen Sie einen Kreis 100 px breit und füllen Sie ihn mit reinem Weiß. Wenden Sie einen Gaußschen Weichzeichnereffekt mit einem Durchmesser von 50 px an. Zeichnen Sie eine Schnittmaske nach den Rahmenkonturen. Wählen Sie beide Objekte aus und maskieren Sie den Kreis mit dem Pfad. Setzen Sie dann die Transparenz des Objekts auf Weiches Licht und klicken Sie auf Speichern.
Erstellen Sie eine neue Ebene, nennen Sie sie "Sparkles". Wählen Sie das Sternwerkzeug aus der Werkzeugpalette. Klicken Sie auf die Zeichenfläche und setzen Sie den ersten Radius auf 10 px, die Sekunde auf 20 px und die Punkte auf 5. Füllen Sie ihn mit reinem Weiß. Schalten Sie die Symbolpalette ein und ziehen Sie den Stern an eine leere Stelle. Wenn das Dialogfeld Symboloptionen geöffnet wird, setzen Sie den Namen auf "Stern" und "Typ" auf Grafik.
Wählen Sie das Symbol Sprayer Tool und sprühen Sie die Sterne über die Zeichenfläche.
Wählen Sie das Symbol zur Symbolauswahl aus, halten Sie die Alt-Taste gedrückt und klicken Sie auf die Sterne, um sie zu verkleinern. Verwenden Sie das Symbol-Drehwerkzeug, um den Sternen eine zufällige Drehung zu geben. Gehen Sie zur Symbolpalette, doppelklicken Sie auf das Sternsymbol und füllen Sie es mit einer 30% igen gelben Farbe. Beenden Sie den Isolationsmodus, wählen Sie Objekte auf der Ebene "Sparkles" aus, setzen Sie den Transparenzmodus auf Überlagerung und speichern Sie.
Wir sind fast fertig! Sie können "Blue Box 1", "Blue Box 2", "Orange Box 2" und "Cover 2" sanfte Schattierungen hinzufügen. Zeichnen Sie einfach Pfade, füllen Sie sie mit schwarzen bis weißen Farbverläufen und setzen Sie die Transparenz auf Multiplizieren.
Spitze: Wenn Sie planen, die Größe der Felder zu ändern, erweitern Sie zuerst das Erscheinungsbild. Gruppieren Sie dann die Objekte und ändern Sie die Gruppe nach Belieben.
Wir sind fertig! Das Ergebnis ist unten. Wir hoffen, dass Ihnen dieses Tutorial zur Verwendung von Illustrator 3D-Effekten, Schnittmasken und Symbolwerkzeugen gefallen hat. Natürlich gibt es eine Reihe anderer Möglichkeiten, um solche Ergebnisse zu erzielen. Mit 3D-Tools haben Sie jedoch die Möglichkeit, nahezu jedes einzelne Element in der Szene frei zu ändern und anzupassen. Nicht nur einmal, sondern wieder und wieder.
Accentsconagua