Share
Diese Arbeit wird mit Hilfe von Iaroslav Lazunov gemacht. Dieses Tutorial richtet sich an Intermediate-Illustrator-Benutzer. In diesem Abschnitt erfahren Sie, wie Sie ein realistisches Vektor-Retro-Telefon mit Pinsel, Überblendungen, 3D-Rendering und anderen Adobe Illustrator-Werkzeugen erstellen. Die Fähigkeiten, die Sie erlernen, können leicht auf das Erstellen verschiedener Objekte übertragen werden. Also lasst uns anfangen!
Zeichnen Sie zunächst ein gleichschenkliges Trapez, indem Sie das Rechteckwerkzeug (M) und das Direktauswahl-Werkzeug (A) verwenden. Fülle es mit Rot. Dann gehen Sie zu Datei> Skripte> Round Any Corner. Dieses Skript kann hier heruntergeladen werden. Mit diesem Skript können Sie zwei Ankerpunkte hinzufügen, um den Pfad glatter zu gestalten. Sie müssen das folgende Ergebnis erzielen. Wenn Sie nicht wissen, wie es installiert werden soll, finden Sie in unserem Illustrator-Skript-Beitrag weitere Informationen.
Achten Sie darauf, dass Sie möglicherweise nicht alle Ankerpunkte des Trapezes in glatt umwandeln, da dies dazu führen könnte, dass die Linien des Trapezes verbogen werden.
Gehen Sie dann zu Effekt> 3D> Drehen und stellen Sie dort die Winkelwerte und eine Perspektive ein, die Sie im Diagramm unten sehen können.
Nimm das Ellipsenwerkzeug (L) und erstelle einen Kreis. Dann kopiere es und füge es ein (Befehl + C, dann Befehl + V).
Gehen Sie dann zu Object> Blend> Blend-Optionen und stellen Sie dort die Schritte Abstand zu Angegebene und die Anzahl der Schritte auf 8 ein. Siehe nachstehende Abbildung.
Gehen Sie dann zu Objekt> Überblenden> Erstellen (Befehlstaste + Alt + B)..
Wie Sie sehen, haben Sie die 8 Kreise zwischen den beiden Enden erhalten. Die Gesamtmenge der Kreise beträgt 10. Dann zeichnen Sie den großen Kreis und setzen dann sowohl den Strich als auch die Füllung auf Keine.
Wählen Sie diesen großen Kreis und die Überblendung aus und gehen Sie zu Objekt> Überblenden> Spline ersetzen. Dieser Befehl verteilt die Überblendungsobjekte entlang des erforderlichen Pfads. Sie können es jederzeit verwenden.
Erstellen Sie mit dem Ellipse-Werkzeug (L) eine Zifferblattplatte und platzieren Sie die Mischung aus zehn Kreisen darüber.
Zeichnen Sie zwei weitere Kreise, die im Diagramm angezeigt werden. Der dunkelblaue Kreis muss etwas nach oben verschoben werden, und der braune Kreis (weiter "Hauptkreis" genannt) muss wie gezeigt leicht nach unten verschoben werden.
Nimm das Schreibwerkzeug (T) und drucke alle Chiffren.
Gehen Sie dann zu Effekt> 3D> Drehen und legen Sie die Winkelwerte und eine Perspektive fest, die Sie in Schritt 1 festgelegt hatten.
Nennen wir diese Fläche als "Hauptfläche" des Telefons.
Jetzt müssen Sie den (violetten) Pfad der Unterseite des Telefons erstellen. Tun Sie es mit dem Stiftwerkzeug (P).
Erstellen Sie den nächsten (grünen) Pfad, der einen Hohlraum für den Telefonhörer darstellt.
Lassen Sie uns ein 3D-Empfängerformular erstellen. Zeichnen Sie zunächst den folgenden Pfad mit dem Rechteckwerkzeug (M), dem Ellipsenwerkzeug (L) und mit der Schaltfläche "Vereinigen" im Feld "Pathfinder", um zwei verschiedene Pfade zu verbinden, um nur einen Pfad daraus zu erstellen.
Dann erstellen Sie die folgenden Formulare auf dieselbe Weise.
Nimm das Ellipse-Werkzeug (L) und das Mischwerkzeug (W) und erstelle die folgenden Pfade für die Endteile eines Empfängers. Verwenden Sie die in Schritt 2 verwendete Technik, um zehn Kreise zu erstellen.
Färbe sie neu ein. Erstellen Sie anschließend den folgenden elliptischen Pfad, der im Diagramm unten dargestellt ist.
Nehmen Sie all diese Pfade und ziehen Sie sie in die Symbolpalette. Sie müssen drei Symbole für die Endteile eines Empfängers und für einen Empfänger selbst haben (elliptischer Pfad)..
Wählen Sie einen Empfängerpfad aus und gehen Sie zu Effekt> 3D> Extrusion & Abschrägung. Stellen Sie dort die folgenden Werte ein (siehe unten), um einen Empfänger zu bilden. Dieses 3D-Objekt wird jetzt mit Map Artwork mit den soeben erstellten Symbolen belegt. Siehe die Hilfsdiagramme unten.
Legen Sie im Dialogfeld "Map Artwork" die Option "Unsichtbare Geometrie" fest und skalieren Sie sie, um die erforderlichen Symbole an die Endteile des Empfängers anzupassen.
Gehen Sie jetzt zu Objekt> Darstellung erweitern.
Gehen Sie zu Objekt> Schnittmaske> Freigeben. Gehen Sie dann zu Objekt> Pfad> Bereinigen und löschen Sie alle Elemente im Dialogfeld.
Erstellen Sie dann elliptische Pfade, deren Achsen entlang der Hilfslinien liegen. Diese Ellipsen repräsentieren die Grenzen eines Empfängers selbst.
Nimm das Ellipsenwerkzeug (L) und erstelle den folgenden elliptischen Pfad, der wie gezeigt mit dem Radialverlauf gefüllt ist.
Platzieren Sie die Gruppe von Löchern für ein Ohrteil des Empfängers auf der soeben erstellten Ellipse. Füllen Sie sie jetzt mit Schwarz.
Erstellen Sie eine weitere Ellipse. Suchen Sie es zwischen der Gruppe von Löchern und der ersten in diesem Schritt erstellten Ellipse. Füllen Sie es mit einem linearen Farbverlauf, der von hellgrau zu dunkelgrau übergeht.
Kopieren Sie diese Ellipse und fügen Sie sie vor (Befehl + C, dann Befehl + F). Gehen Sie dann zu Objekt> Anordnen> Nach hinten senden. Füllen Sie diese neue Ellipse mit dem linearen Verlauf, den Sie im Diagramm unten sehen, und verschieben Sie sie um einige Pixel nach unten.
Erstellen Sie die Ellipsen und füllen Sie sie von hellen bis dunklen Farben.
Gehen Sie dann zu Objekt> Überblenden> Erstellen (Befehlstaste + Alt + B)..
Erstellen Sie einen Pfad ohne Strich und ohne Füllfarbe. Dieser Pfad muss die zuvor erstellte innere Ellipse berühren. Wählen Sie dazu zunächst die zuvor erstellte Ellipse aus, kopieren Sie sie und fügen Sie sie vor (Befehl + C, dann Befehl + F). Setzen Sie die Strich- und Füllfarbe auf Keine. Zeichnen Sie nun einen Pfad, der mit der Ellipse geschnitten wird. Setzen Sie die Strich- und Füllfarbe auch für diesen Pfad auf Keine.
Gehen Sie dann zur Pathfinder-Palette und klicken Sie auf die Schaltfläche "Überschneiden".
Wählen Sie diesen Pfad und die Mischung aus und gehen Sie zu Objekt> Schnittmaske> Erstellen (Befehl + 7)..
Erstellen wir einen neuen Pfad, der mit dem linearen Farbverlauf gefüllt ist. Dieser Pfad muss unter dem runden Teil eines Endes des Empfängers platziert werden.
Erstellen Sie nun einen neuen Pfad, der durch den ersten Pfad berührt und mit dem Radialverlauf gefüllt wird.
Jetzt müssen Sie das zweite Ende des Empfängers machen. Erstellen Sie eine Ellipse und füllen Sie sie wie gezeigt mit einem linearen Farbverlauf.
Erstellen Sie nun den zweiten elliptischen Pfad und füllen Sie ihn ebenfalls mit dem linearen Farbverlauf.
Kopieren Sie den Pfad und fügen Sie ihn vor (Befehl + C, dann Befehl + F), verschieben Sie ihn und füllen Sie ihn mit dem nächsten linearen Farbverlauf.
Erstellen Sie einen anderen Pfad und füllen Sie ihn jetzt mit dem radialen Farbverlauf.
Erstellen Sie den nächsten Pfad, der mit dem radialen Farbverlauf gefüllt ist. Dieser Pfad muss den vorhergehenden berühren. Es wird durch einen Pfeil im Diagramm angezeigt.
Erstellen Sie die folgende Ellipse in der Mitte des Endteils eines Empfängers und füllen Sie sie mit dem linearen Farbverlauf.
Dann legen Sie die schwarzen Löcher hinein.
Erstellen Sie den folgenden Pfad unter dem Endteil des Empfängers und füllen Sie ihn mit dem linearen Farbverlauf.
Zeichnen Sie den Pfad für den inneren Teil des Empfängers. Füllen Sie es mit dem linearen Farbverlauf.
Kopieren Sie den Pfad und fügen Sie ihn vor (Befehl + C, dann Befehl + F). Füllen Sie es mit dem linearen Farbverlauf. Gehen Sie dann in die Transparenz-Palette und stellen Sie dort den Überblend-Mischmodus ein, um die komplexe Lichtverteilung auf dem Empfänger zu erzeugen.
Nimm das Ellipsenwerkzeug (L) und erstelle eine mit Schwarz gefüllte Ellipse. Dann ziehen Sie es in die Pinsel-Palette. Wählen Sie im Dialogfeld die Option Art Brush.
Stellen Sie die Elemente für den Pinsel so ein, wie Sie sie im Diagramm unten sehen.
Zeichne jetzt den Kreis auf den oberen Teil des Empfängers.
Setzen Sie die Füllfarbe auf Keine. Nimm das Scherenwerkzeug (C) und klicke auf die unten gezeigten Kreispfadpunkte, um den Pfad zu unterteilen.
Löschen Sie jetzt den größten Teil des Kreises.
Gehen Sie zur Pinsel-Palette und klicken Sie auf den gerade erstellten elliptischen Pinsel. Gehen Sie dann zu Objekt> Darstellung erweitern.
Füllen Sie diesen Pfad mit einem radialen Farbverlauf, der von Weiß zu Schwarz in der Farbe und entsprechend von 100% bis 0% der Deckkraft reicht.
Zeichnen Sie im unteren Teil des Empfängers einen weiteren Pfad und füllen Sie ihn mit dem linearen Farbverlauf.
Löschen Sie nun den 3D-Modellempfänger (oder machen Sie ihn unsichtbar).
Nimm eine Telefonzelle.
Und alle Wege davon in den üblichen Farben und zu Farbverläufen neu einfärben. Dazu müssen Sie zunächst alle erforderlichen Pfade erweitern. Gehen Sie dazu zu Objekt> Aussehen erweitern.
Die mit den linearen Gradienten gefüllten Pfade sind in den folgenden Diagrammen dargestellt.
Die mit den radialen Gradienten gefüllten Pfade sind auf dem folgenden Bild durch einen von ihnen dargestellt.
Alle anderen Pfade sind mit üblichen Farben gefüllt.
Zeichnen Sie auf der Oberseite der Telefonzelle den folgenden Pfad mit dem linearen Farbverlauf.
Zeichnen Sie im Empfängerhohlraum den folgenden Pfad, der durch Skalieren der Kopie des Empfängerhohlraums erstellt werden kann. Füllen Sie es mit dem linearen Farbverlauf.
Erstellen Sie den folgenden Pfad mit einer dunklen Farbe.
Nimm das Rechteckwerkzeug (M) und zeichne ein Rechteck, das mit einer dunkelgrauen Farbe gefüllt ist. Es muss sich unter der Hauptoberfläche des Telefons befinden.
Kopieren Sie das Rechteck und fügen Sie es vor (Befehl + C, dann Befehl + F). Gehen Sie dann zu Objekt> Transformieren> Schere und verschieben Sie den resultierenden Pfad, um das erste Rechteck zu berühren. Füllen Sie das zweite geschnittene Rechteck mit dem linearen Farbverlauf.
Erstellen Sie das dritte Rechteck auf dieselbe Weise.
Nimm das Stiftwerkzeug (P) und erstelle den Pfad, der alle drei Rechtecke vereint. Gehen Sie zu Objekt> Anordnen> Nach hinten senden und füllen Sie es mit einer hellgrauen Farbe.
Erstellen Sie den zweiten Teil des Hebels eines Telefons.
Jetzt müssen wir den Art Brush erstellen. Erstellen Sie zuerst die folgenden zwei Pfade.
Verringern Sie dann die Deckkraft des größten Pfads.
Gehen Sie dann zu Objekt> Überblenden> Erstellen. Diese Mischung muss glatt eingefärbt sein.
Ziehen Sie diese Mischung dann in die Pinsel-Palette und legen Sie sie dort ab. Wählen Sie den Art Brush-Typ im Optionsfenster.
Stellen Sie die Pinseloptionen wie gezeigt ein.
Weiterhin sollten wir solche Pinsel als "Blend" -Pinsel oder "Blend Art" -Pinsel bezeichnen. Eine solche Benennung zeigt, dass Bürsten aus Mischungen hergestellt werden. Nimm das Stiftwerkzeug (P) und zeichne den folgenden Pfad auf die Hauptoberfläche des Telefons.
Gehen Sie dann zur Pinsel-Palette und klicken Sie auf den soeben erstellten Pinsel, um einen Lichtpunkt zu erzeugen.
Lassen Sie uns den zweiten Mischpinsel erstellen. Machen Sie zuerst die folgende Mischung aus den elliptischen Pfaden.
Ziehen Sie diese Mischung nun in die Pinsel-Palette und legen Sie sie dort ab. Wählen Sie den Art Brush-Typ im Optionsfenster. Stellen Sie die Pinseloptionen ein. Nimm das Stiftwerkzeug (P) und zeichne den nächsten Pfad auf der "Haupt" -Fläche des Telefons. Gehen Sie dann zur Pinsel-Palette und klicken Sie auf den soeben erstellten Pinsel.
Legen Sie nun den nächsten Pfad getrennt mit dem "Main" -Kreis des Telefons an und füllen Sie ihn mit dem linearen Verlauf.
Machen Sie auch den folgenden Pfad mit dem linearen Farbverlauf gefüllt.
Legen Sie den Pfad über dem "Haupt" -Kreis an und füllen Sie ihn mit dem linearen Farbverlauf.
Legen Sie nun einen neuen Pfad an und füllen Sie ihn ebenfalls mit dem linearen Farbverlauf.
Die Ergebnisse sollten in etwa wie folgt aussehen.
Erstellen Sie den folgenden Pfad, der mit dem radialen Farbverlauf gefüllt ist. Es muss unter der Scheibe des Telefons liegen (mit 10 Löchern).
Erstellen Sie den folgenden Pfad in der Mitte des Telefons. Füllen Sie es mit dem linearen Farbverlauf.
Erstellen Sie nun einen weiteren Pfad, der mit dem linearen Farbverlauf gefüllt ist.
Danach erstellen Sie einen neuen Pfad, der mit dem radialen Farbverlauf gefüllt ist.
Zeichnen Sie den mit dem radialen Gradienten gefüllten Pfad in den Empfängerraum des Telefons.
Zeichnen Sie den nächsten Pfad im oberen Teil des soeben erstellten Pfads und füllen Sie ihn mit dem linearen Farbverlauf.
Die Ergebnisse sollten wie im Bild unten aussehen.
Zeichnen Sie den Pfad in die Mitte der Telefonscheibe und füllen Sie ihn mit dem linearen Farbverlauf.
Ziehen Sie den Hebel an der Telefonscheibe (mit Ziffern) und füllen Sie ihn mit dem linearen Farbverlauf. Siehe nachfolgendes Diagramm.
Erstellen Sie dann einen Pfad auf der linken Seite des Hebels und füllen Sie ihn mit einer grauen Farbe.
Erstellen Sie wie schon zuvor den nächsten Mischpinsel. Das Hilfsdiagramm befindet sich unten.
Stellen Sie den folgenden Pfad unter der "Haupt" -Oberfläche dar und wenden Sie den Pinsel darauf an.
Erstellen Sie wie folgt den folgenden Mischpinsel. Die Hilfsdiagramme finden Sie unten.
Stellen Sie den nächsten Pfad unter der "Haupt" -Oberfläche dar und wenden Sie den Pinsel darauf an.
Veranschaulichen Sie die nächste Mischung, indem Sie die Pfade erstellen, die in den folgenden Diagrammen dargestellt werden.
Danach sollten die Ergebnisse wie folgt aussehen:
Erstellen Sie einen Kabelpfad, der aus zwei verschiedenen Teilen besteht: dem roten und dem grünen (die Farben der Teile sind auf Keine gesetzt, werden aber nur zu Ihrer Bequemlichkeit angezeigt und haben keine andere Relevanz in der Arbeit). Achten Sie darauf, dass das obere Ende unter dem Telefon liegt, während das untere Ende um den Hörer liegt.
Erstellen Sie auf dem einen der Schnurteile wie gezeigt zwei Pfade.
Wählen Sie diese beiden Pfade und den Teil des Kabelpfads aus, und navigieren Sie zu Object> Blend> Make. Gehen Sie zu Objekt> Überblenden> Überblendoptionen. Stellen Sie dort den Abstand zu angegebenen Schritten und die Anzahl der Schritte auf die gewünschte Anzahl ein. Die Ausrichtung sollte auf Ausrichten auf Seite eingestellt sein. Die Ergebnisse sollten ungefähr wie folgt aussehen:
Erhöhen Sie die Anzahl der Schritte im Dialogfeld Mischoptionen, um die Geometrie des verdrillten Kabels zu erhalten.
Wiederholen Sie dies über dem oberen Teil des Kabelpfads.
Wählen Sie nun zwei Mischungen aus und gehen Sie zweimal zu Objekt> Erweitern. Gehen Sie dann zu Objekt> Gruppierung aufheben. Sie erhalten die Mischungen aus zusammengesetzten Pfaden. Wählen Sie nun den Endverbindungspfad am Ende des Schnurteils aus und füllen Sie ihn mit dem radialen Gradienten.
Zweitens nehmen Sie einen anderen zusammengesetzten Pfad und füllen ihn auch mit dem radialen Gradienten. Achten Sie auf die Verschiebung des Lichtflecks (durch den Pfeil dargestellt).
Die Ergebnisse sollten wie folgt aussehen.
Befestigen Sie das Kabel am Empfänger, indem Sie den folgenden Pfad erstellen und ihn mit einem radialen Verlauf füllen.
Veranschaulichen Sie nun den Pfad, der in der folgenden Abbildung dargestellt ist. Fülle es mit Schwarz. Dieser Pfad muss auf den oberen Teil des Empfängers zeigen.
Kopieren Sie es und fügen Sie es vor (Befehl + C, dann Befehl + F). Verschieben Sie die Kopie und füllen Sie sie mit einem linearen Farbverlauf.
Nimm das Textwerkzeug (T) und schreibe den Text "Kontakt" in die Mitte des Pfads.
Erstellen Sie den Schatten des Empfängers. Legen Sie zunächst folgende Pfade an: Der größte ist grau, der kleinste schwarz (der Empfänger ist in den folgenden Diagrammen nicht sichtbar)..
Stellen Sie die Deckkraft auf den größten Pfad auf 0%. Gehen Sie zu "Objekt"> "Überblenden"> "Erstellen" (setzen Sie den Abstand auf glatte Farben)..
Erstellen Sie den Schatten des unteren Teils des Empfängers auf dieselbe Weise.
Erstellen Sie den Schatten des oberen Teils des Empfängers auf dieselbe Weise.
Erstellen Sie den Schatten des Telefons.
Wählen Sie nun das Kabel (ohne den Pfad am Empfänger), kopieren Sie es und fügen Sie es vor (Befehl + C, dann Befehl + F). Gehen Sie jetzt zu Objekt> Erweitern.
Gehen Sie dann zur Pathfinder-Palette und klicken Sie dort auf die Schaltfläche Unite.
Sie sollten die folgenden Ergebnisse haben:
Gehen Sie jetzt zu Object> Compound Path> Release. Gehen Sie danach erneut zur Pathfinder-Palette und klicken Sie auf die Schaltfläche Unite.
Füllen Sie es mit einem linearen Farbverlauf von hellgrau bis dunkelgrau. Verringern Sie den Opazitätswert für den hellfarbigen Farbstopp.
Gehen Sie zu Objekt> Anordnen> Nach hinten senden.
Sie haben gerade ein Retro-Telefon hergestellt. Ich hoffe, dir hat dieses Tutorial gefallen.
Accentsconagua