Wie man ein Retro-Telefon in Illustrator illustriert

German (Deutsch) translation by Alex Grigorovich (you can also view the original English article)

Diese Arbeit wurde mit Hilfe von Iaroslav Lazunov gemacht. Dieses Tutorial richtet sich an fortgeschrittene Illustrator-Benutzer. Darin erfahren Sie, wie Sie mit Pinseln, Mischungen, 3D-Renderings und anderen Werkzeugs von Adobe Illustrator ein realistisches Vektor-Retro-Telefon erstellen. Die Fähigkeiten, die Sie erlernen werden, können leicht auf das Erstellen verschiedener Objekte übertragen werden. Also lasst uns anfangen!

Schritt 1

Zeichnen Sie zunächst ein gleichschenkliges Trapez mit dem Rechteck-Werkzeug (M) und dem Direktauswahl-Werkzeug (A). Fülle es mit rot. Gehen Sie dann zu Datei > Skripte > Jede Ecke abrunden. Dieses Skript kann von hier heruntergeladen werden. Mit diesem Skript können Sie jedem von ihnen zwei Ankerpunkte hinzufügen, um den Pfad glatter zu gestalten. Sie müssen das folgende Ergebnis erzielen. Wenn Sie nicht wissen, wie Sie es installieren sollen, finden Sie weitere Informationen in unseren Illustrator-Skripten.

Achten Sie darauf, dass Sie möglicherweise nicht alle Ankerpunkte des Trapezes in glatt umwandeln, da dies zu einer Biegung der Linien des Trapezes führen würde.

Gehen Sie dann zu Effekt > 3D > Drehen und stellen Sie dort die Werte für Winkel und eine Perspektive ein, die Sie im folgenden Diagramm sehen können.

Schritt 2

Nehmen Sie das Ellipsen-Werkzeug (L) und erstellen Sie dass einen Kreis. Kopieren Sie es dann und fügen Sie es ein (Befehlstaste + C, dann Befehlstaste + V).

Gehen Sie dann zu Objekt > Überblenden > Überblendungsoptionen und stellen Sie dort den Abstand auf die angegebenen Schritte und die Anzahl der Schritte auf 8 ein. Siehe Abbildung unten.

Gehen Sie dann zu Objekt > Mischen > Erstellen (Befehlstaste + Alt + B).

Wie Sie sehen, haben Sie die 8 Kreise zwischen den beiden Endkreisen erhalten. Die vollständige Anzahl der Kreise beträgt 10. Zeichnen Sie dann den großen Kreis und setzen Sie sowohl den Strich als auch die Füllung auf Keine.

Wählen Sie diesen großen Kreis und die Überblendung aus und gehen Sie dann zu Objekt > Überblenden > Spline ersetzen. Dieser Befehl verteilt die Mischobjekte entlang des erforderlichen Pfads. Sie können es verwenden, wann immer Sie möchten.

Erstellen Sie mit dem Ellipsen-Werkzeug (L) ein Zifferblatt und platzieren Sie die Mischung aus zehn Kreisen darüber.

Zeichnen Sie zwei weitere Kreise, die im Diagramm angezeigt werden. Der dunkelblaue Kreis muss leicht nach oben verschoben werden, und der braune Kreis (weiter als "the Main circle" bezeichnet) muss wie gezeigt leicht nach unten verschoben werden.

Schritt 3

Nehmen Sie das Textwerkzeug (T) und drucken Sie alle Chiffren.

Gehen Sie dann zu Effekt > 3D > Drehen und legen Sie die Werte für Winkel und eine Perspektive fest, die Sie in Schritt 1 festgelegt haben.

Nennen wir diese Oberfläche die "Main" -Oberfläche des Telefons.

Schritt 4

Jetzt müssen Sie den (violetten) Pfad des Telefonbodens erstellen. Verwenden Sie dazu das Stiftwerkzeug (P).

Erstellen Sie den nächsten (grünen) Pfad, der einen Hohlraum für den Telefonhörer darstellt.

Schritt 5

Erstellen wir ein 3D-Empfängerformular. Zeichnen Sie zunächst den folgenden Pfad mit dem Rechteck-Werkzeug (M), dem Ellipsen-Werkzeug (L) und mit der Schaltfläche Vereinigen im Feld Pathfinder, um zwei verschiedene Pfade zu vereinen und nur einen Pfad daraus zu erstellen.

Erstellen Sie dann die folgenden Formulare auf die gleiche Weise.

Nehmen Sie das Ellipsen-Werkzeug (L) und das Misch-Werkzeug (W) und erstellen Sie 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. Erstellen Sie dann den folgenden elliptischen Pfad, der in der folgenden Abbildung dargestellt ist.

Nehmen Sie alle 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).

Schritt 6

Wählen Sie einen Empfängerpfad und gehen Sie zu Effekt > 3D > Extrudieren & Abschrägen. Stellen Sie dort die folgenden Werte ein (siehe unten), um einen Empfänger zu bilden. Oberflächen Sie dieses 3D-Objekt nun mit Map Artwork, indem Sie die soeben erstellten Symbole verwenden. Siehe die Hilfediagramme unten.

Schritt 7

Stellen Sie im Dialogfeld "Map Artwork" die Option "Unsichtbare Geometrie" ein und skalieren Sie sie so, dass die erforderlichen Symbole an den Endteilen des Empfängers angebracht werden.

Gehen Sie nun 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 mit Achsen, die entlang der Richtlinien liegen. Diese Ellipsen repräsentieren die Grenzen eines Empfängers selbst.

Nehmen Sie das Ellipsen-Werkzeug (L) und erstellen Sie dann den folgenden elliptischen Pfad, der wie gezeigt mit dem radialen Farbverlauf gefüllt ist.

Platzieren Sie die Gruppe von Löchern für einen Ohrteil des Empfängers auf der gerade hergestellten 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 Ellipse, die in diesem Schritt erstellt wurde. Füllen Sie es mit einem linearen Farbverlauf, der von hellgrau bis dunkelgrau reicht.

Kopieren Sie diese Ellipse und fügen Sie sie vor (Befehlstaste + C, dann Befehlstaste + F). Gehen Sie dann zu Objekt > Anordnen > Rückwärts senden. Füllen Sie diese neue Ellipse mit dem linearen Farbverlauf, den Sie im folgenden Diagramm sehen können, und verschieben Sie ihn einige Pixel nach unten.

Schritt 8

Erstellen Sie die Ellipsen und füllen Sie sie von hellen bis zu dunklen Farben.

Gehen Sie dann zu Objekt > Mischen > Erstellen (Befehlstaste + Alt + B).

Erstellen Sie einen Pfad ohne Strich und ohne Füllfarbe. Dieser Pfad muss die innere Ellipse berühren, die zuvor erstellt wurde. Wählen Sie dazu zuerst die Ellipse (früher erstellt) aus, kopieren Sie sie und fügen Sie sie vor (Befehlstaste + C, dann Befehlstaste + F). Stellen Sie den Strich und die Füllfarbe dafür auf Keine ein. Zeichnen Sie nun einen Pfad, der mit der Ellipse geschnitten wird. Setzen Sie den Strich und die Füllfarbe auch für diesen Pfad auf Keine.

Gehen Sie dann zur Pathfinder-Palette und klicken Sie auf die Schaltfläche Schneiden.

Wählen Sie diesen Pfad aus und mischen Sie ihn. Gehen Sie dann zu Objekt > Schnittmaske > Erstellen (Befehlstaste + 7).

Schritt 9

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 vom ersten gerade erstellten und mit dem Radialverlauf gefüllten Pfad berührt wird.

Schritt 10

Jetzt müssen Sie das zweite Ende des Empfängers herstellen. 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 auch mit dem linearen Farbverlauf.

Kopieren Sie den Pfad und fügen Sie ihn vorne ein (Befehlstaste + C, dann Befehlstaste + F), verschieben Sie ihn und füllen Sie ihn mit dem nächsten linearen Farbverlauf.

Erstellen Sie einen weiteren 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 setzen Sie die schwarzen Löcher hinein.

Erstellen Sie den folgenden Pfad, der unter dem Endteil des Empfängers liegt, und füllen Sie ihn mit dem linearen Farbverlauf.

Schritt 11

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 (Befehlstaste + C, dann Befehlstaste + F). Füllen Sie es mit dem linearen Farbverlauf. Gehen Sie dann zur Transparenzpalette und stellen Sie dort den Überlagerungsüberblendungsmodus ein, um die komplexe Lichtverteilung auf dem Empfänger zu erstellen.

Nehmen Sie das Ellipsen-Werkzeug (L) und erstellen Sie dass eine mit Schwarz gefüllte Ellipse. Ziehen Sie es dann per Drag & Drop in die Pinsel-Palette. Wählen Sie im Dialogfeld die Option Pinsel.

Stellen Sie die Elemente für den Pinsel so ein, wie Sie sie in der folgenden Abbildung sehen können.

Zeichnen Sie nun den Kreis auf den oberen Teil des Empfängers.

Stellen Sie die Füllfarbe auf Keine ein. Nehmen Sie das Scherenwerkzeug (C) und klicken Sie dann auf die unten gezeigten Kreispfadpunkte, um den Pfad zu teilen.

Löschen Sie nun 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ß nach schwarz und entsprechend von 100% bis 0% der Deckkraft reicht.

Zeichnen Sie einen weiteren Pfad auf den unteren Teil des Empfängers und füllen Sie ihn mit dem linearen Farbverlauf.

Löschen Sie nun den 3D-Modellempfänger (oder machen Sie ihn unsichtbar).

Schritt 12

Nehmen Sie eine Telefonzelle.

Und färben Sie alle Pfade zu üblichen Farben und Verläufen neu. Dazu müssen Sie zunächst alle erforderlichen Pfade erweitern. Gehen Sie dazu zu Objekt > Darstellung erweitern.

Die mit den linearen Verläufen gefüllten Pfade sind in den folgenden Diagrammen dargestellt.

Die mit den radialen Verläufen gefüllten Pfade werden im folgenden Bild von einem von ihnen dargestellt.

Alle anderen Pfade sind mit üblichen Farben gefüllt.

Schritt 13

Zeichnen Sie oben auf der Telefonzelle den folgenden Pfad, der mit dem linearen Farbverlauf gefüllt ist.

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, der mit einer dunklen Farbe gefüllt ist.

Schritt 14

Nehmen Sie das Rechteck-Werkzeug (M) und zeichne Sie dann ein Rechteck mit einer dunkelgrauen Farbe. Es muss sich unter der "Main" -Oberfläche des Telefons befinden.

Kopieren Sie das Rechteck und fügen Sie es vor (Befehlstaste + C, dann Befehlstaste + F). Gehen Sie dann zu Objekt > Transformieren > Scheren und verschieben Sie den resultierenden Pfad, um das erste Rechteck zu berühren. Füllen Sie das zweite gescherte Rechteck mit dem linearen Farbverlauf.

Erstellen Sie das dritte Rechteck auf die gleiche Weise.

Nehmen Sie das Stiftwerkzeug (P) und erstellen Sie dann den Pfad, der alle drei Rechtecke verbindet. Gehen Sie zu Objekt > Anordnen > Rückwärts senden und füllen Sie es mit einer hellgrauen Farbe.

Schritt 15

Erstellen Sie den zweiten Teil des Telefonhebels.

Schritt 16

Jetzt müssen wir den Art Brush erstellen. Erstellen Sie zunächst die folgenden zwei Pfade.

Verringern Sie dann die Deckkraft des größten Pfads.

Gehen Sie dann zu Objekt > Mischen > Erstellen. Diese Mischung muss glatt gefärbt sein.

Ziehen Sie diese Mischung dann in die Pinsel-Palette und legen Sie sie dort ab. Wählen Sie im Fenster Optionen den Pinsel-Typ aus.

Stellen Sie die Pinseloptionen wie gezeigt ein.

Weiterhin sollten wir solche Pinsel die "Misch" -Pinsel oder die "Mischkunst" -Pinsel nennen. Eine solche Benennung zeigt, dass Pinsel aus Mischungen hergestellt werden. Nehmen Sie das Stiftwerkzeug (P) und zeichnen Sie den folgenden Pfad auf die Hauptoberfläche des Telefons.

Gehen Sie dann zur Pinsel-Palette und klicken Sie auf den gerade erstellten Pinsel, um einen hellen Fleck zu erzeugen.

Schritt 17

Erstellen wir den zweiten Mischpinsel. 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 im Fenster Optionen den Pinsel-Typ aus. Stellen Sie die Pinseloptionen ein. Nehmen Sie das Stiftwerkzeug (P) und zeichnen Sie den nächsten Pfad auf die "Main" -Oberfläche des Telefons. Gehen Sie dann zur Pinsel-Palette und klicken Sie auf den gerade erstellten Pinsel.

Schritt 18

Erstellen Sie nun den nächsten Pfad, der nicht mit dem "Main" -Kreis des Telefons verbunden ist, und füllen Sie ihn mit dem linearen Farbverlauf.

Machen Sie den folgenden Pfad auch mit dem linearen Farbverlauf gefüllt.

Erstellen Sie den Pfad über dem "Main" -Kreis und füllen Sie ihn mit dem linearen Farbverlauf.

Erstellen Sie nun erneut einen neuen Pfad und füllen Sie ihn auch mit dem linearen Farbverlauf.

Die Ergebnisse sollten ungefähr so aussehen.

Schritt 19

Erstellen Sie den folgenden Pfad, der mit dem radialen Farbverlauf gefüllt ist. Es muss unter die CD des Telefons gelegt werden (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 Gradienten gefüllt ist.

Schritt 20

Zeichnen Sie den mit dem radialen Gradienten gefüllten Pfad in den Empfängerhohlraum des Telefons.

Zeichnen Sie den nächsten Pfad im oberen Teil des gerade erstellten Pfads und füllen Sie ihn mit dem linearen Farbverlauf.

Die Ergebnisse sollten wie im Bild unten aussehen.

Schritt 21

Zeichnen Sie den Pfad in die Mitte der Telefon-CD und füllen Sie ihn mit dem linearen Farbverlauf.

Schritt 22

Ziehen Sie den Hebel auf der Disc des Telefons (mit Ziffern) und füllen Sie ihn mit dem linearen Farbverlauf. Siehe das Diagramm unten.

Erstellen Sie dann einen Pfad auf der linken Seite des Hebels und füllen Sie ihn mit einer grauen Farbe.

Schritt 23

Erstellen Sie den nächsten Blend Art Brush wie zuvor. Das Hilfediagramm ist unten.

Stellen Sie den folgenden Pfad unter der "Main" -Oberfläche dar und tragen Sie den Pinsel darauf auf.

Schritt 24

Erstellen Sie den folgenden Blend Art Brush wie zuvor. Die Hilfediagramme sind unten.

Illustrieren Sie den nächsten Pfad unter der "Main" -Oberfläche und tragen Sie den Pinsel darauf auf.

Schritt 25

Veranschaulichen Sie die nächste Mischung, indem Sie die Pfade erstellen, die in den folgenden Diagrammen dargestellt sind.

Danach sollten die Ergebnisse wie folgt aussehen:

Schritt 26

Erstellen wir einen Kabelpfad, der aus zwei verschiedenen Teilen besteht: dem roten und dem grünen (die Farben der Teile sind auf "Keine" gesetzt, werden jedoch nur zur Vereinfachung angezeigt und haben keine andere Relevanz für die Arbeit). Achten Sie darauf, dass das Ende des oberen Teils unter dem Telefon liegt, während das Ende des unteren Teils um den Empfänger liegt.

Erstellen Sie wie gezeigt zwei Pfade auf einem der Kabelteile.

Wählen Sie diese beiden Pfade und den Teil des Kabelpfads aus und gehen Sie dann zu Objekt > Mischen > Erstellen. Gehen Sie zu Objekt > Überblenden > Überblendungsoptionen. Stellen Sie dort den Abstand auf die angegebenen Schritte und die Anzahl der Schritte auf die gewünschte Anzahl ein. Die Ausrichtung sollte auf An Seite ausrichten eingestellt sein. Die Ergebnisse sollten ungefähr so aussehen:

Erhöhen Sie die Anzahl der Schritte im Dialogfeld Mischoptionen, um die verdrillte Kabelgeometrie zu erhalten.

Wiederholen Sie diesen Vorgang über dem oberen Teil des Kabelwegs.

Wählen Sie nun zwei Mischungen aus und gehen Sie zu Objekt > Zweimal erweitern. Gehen Sie dann zu Objekt > Gruppierung aufheben. Sie erhalten die Mischungen aus zusammengesetzten Pfaden. Wählen Sie nun den Endverbindungspfad am Ende des Kabelteils aus und füllen Sie ihn mit dem radialen Farbverlauf.

Zweitens nehmen Sie einen anderen zusammengesetzten Endpfad und füllen Sie ihn ebenfalls mit dem radialen Gradienten. Achten Sie auf die Verschiebung des Lichtpunkts (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 Farbverlauf füllen.

Schritt 27

Veranschaulichen Sie nun den in der folgenden Abbildung gezeigten Pfad. Fülle es mit schwarz. Dieser Pfad muss auf den oberen Teil des Empfängers zeigen.

Kopieren Sie es und fügen Sie es vorne ein (Befehlstaste + C, dann Befehlstaste + F). Verschieben Sie die Kopie und füllen Sie sie mit einem linearen Farbverlauf.

Nehmen Sie das Textwerkzeug (T) und schreiben Sie den Text "Contact us" in die Mitte des Pfades.

Schritt 28

Erstellen Sie den Schatten des Empfängers. Erstellen Sie zunächst die folgenden Pfade: Der größte ist mit Grau gefüllt, der kleinste mit Schwarz (der Empfänger ist in den folgenden Diagrammen unsichtbar).

Stellen Sie die Deckkraft auf den größten Pfad auf 0%. Gehen Sie zu Objekt > Mischen > Erstellen (stellen Sie den Abstand auf Glatte Farbe ein).

Schritt 29

Erstellen Sie den Schatten des unteren Teils des Empfängers auf die gleiche Weise.

Erstellen Sie den Schatten des oberen Teils des Empfängers auf die gleiche Weise.

Schritt 30

Erstellen Sie den Schatten des Telefons.

Wählen Sie nun das Kabel aus (ohne den am Empfänger angebrachten Pfad), kopieren Sie es und fügen Sie es vorne ein (Befehlstaste + C, dann Befehlstaste + F). Gehen Sie nun zu Objekt > Erweitern.

Gehen Sie dann zur Pathfinder-Palette und klicken Sie dort auf die Schaltfläche Vereinigen.

Sie sollten die folgenden Ergebnisse haben:

Gehen Sie nun zu Objekt > Zusammengesetzter Pfad > Freigeben. Gehen Sie danach erneut zur Pathfinder-Palette und klicken Sie auf die Schaltfläche Vereinigen.