Erstellen Sie eine Retro-Telefonillustration in Adobe Illustrator

Was Sie erstellen werden

Ich möchte Ihnen heute ein kurzes Tutorial zum Erstellen einer Retro-Telefonillustration in Adobe Illustrator zeigen. Dies ist ein Vorgeschmack auf meinen neuen Tuts + -Kurs, Mastering Sketch Design in Illustrator.

In diesem Kurs tauchen Sie ein und erstellen ein Stillleben vollständig in Illustrator. Sie lernen, mit verschiedenen Zeichenwerkzeugen alles zu skizzieren und Objekte mit Ebenenverläufen, transparenten Formen und verschiedenen Füllmodi zu rendern. Am Ende des Kurses wissen Sie, wie Sie komplette Entwürfe in Illustrator ohne zusätzliche Anwendungen frei skizzieren, zeichnen und malen können.

1. Erstellen Sie das Telefon

Schritt 1

Beginnen Sie mit einer einfachen, schnellen Skizze eines Objekts. Sie können ein Stock-Foto als Referenz verwenden, ein Stillleben einrichten oder ein eigenes Foto erstellen. Ich habe die Pinselwerkzeug (B) und die Standardeinstellung Kalligraphischer Pinsel in schnell dieses Princess-Telefon skizzieren. Gruppe (Control-G) zusammen Ihre gestrichenen Linien und reduzieren Sie die Gruppe Opazität zu 40% in dem Transparenz Panel.

Schritt 2

Verwendung der Stiftwerkzeug (P), Ich habe jeden Abschnitt des Telefons verfolgt. Um jede Ebene für die Erstellung der Strichzeichnungen getrennt zu halten, habe ich häufig die Farbe gewechselt.

Schritt 3

Verfolgen Sie jeden Abschnitt des Objekts so lange, bis Sie das gesamte Objekt herausgezogen haben. Es liegt an Ihnen, wie detailliert Sie Ihre Zeichnung erstellen möchten. Blenden Sie die Skizzengruppe im aus Schichten Panel. Wir werden später mit dem Telefonkabel umgehen.

2. Erstellen der Strichzeichnungen

Schritt 1

Um die Strichzeichnungen zu erstellen, habe ich es am einfachsten gefunden Form-Builder-Werkzeug (Umschalttaste-M) um überlappende Teile von Objekten zu trennen, damit jede Form dort endet, wo die nächste beginnt.

  1. Wählen Sie zwei überlappende Formen. 
  2. Mit dem Form-Builder-Werkzeug Wählen Sie im Schnitt den Schnittbereich der beiden Formen aus.
  3. Abwählen die untere Form und kombinieren Sie die oberen zwei zu einer einzigen Form.

Wiederholen Sie diese Technik in Ihrem Objekt und Gruppe alles zusammen.

Schritt 2

Kopieren (Control-C) und Einfügen (Kontrolle-V) ändern Sie die Füllfarbe in Null und die Strichfarbe in ein dunkles Lila, Blau oder Schwarz. In dem Schlaganfall Stellen Sie die Kappen und Ecken auf Gerundet und das Schlaganfallgewicht zu 3pts. In dem Transparenz Panel setzen die Mischmodus zu ÜberlagerungEinfügen eine andere Strichzeichnungengruppe und die Mischmodus zu Normal, Opazität zu 60%, und das Schlaganfallgewicht zu 0,5ptAusrichten beide Strichartengruppen mit der Hauptobjektgruppe. 

3. Ziehen Sie das Telefonkabel

Schritt 1

Verwendung der Bleistiftwerkzeug (N), stellen Sie das ein Schlaganfallgewicht zu 10 Punkte und zeichnen Sie eine spiralförmige Linie. Damit die Linie nicht verformt wird, stelle ich das ein Treue zu Glatt in dem Optionen für das Bleistift-Werkzeug. Sie werden feststellen, dass die Linie nur so lang gezogen werden kann, damit Sie es können Ausgewählte Pfade bearbeiten (wieder in den Optionen des Tools) und nehmen Sie die Stelle ein, an der Sie aufgehört haben, damit das Telefonkabel einen vollständigen Pfad darstellt.

Schritt 2

Kopieren und Einfügen die Schnur. verbergen oder eingestelltdie Kopie beiseite. Erweitern deine Schnur unter Objekt. Stellen Sie die Füllfarbe auf das, was Ihr Telefon sein soll (in diesem Fall blau).. Kopieren und Einfügen Verwenden Sie die erweiterte Leitung zweimal, und verwenden Sie die gleichen Einstellungen für die Leitungsart des Kabels wie im vorherigen Abschnitt für das Telefon. Einblenden die Schlagschnur, stellen Sie die Schlaganfallgewicht zu 2-4 pts, Die Farbe ist etwas heller als die Grundfarbe des Kabels und der Überblendungsmodus. Gruppe Alle Schnurobjekte zusammenstellen und hinter der Telefongruppe platzieren.

4. Rendern Sie das Telefon

Schritt 1

Wählen Sie eine Farbe für Ihr Telefon aus. Ich habe ein Pastellblau gewählt, wie im Telefonkabel des vorherigen Abschnitts zu sehen ist. In der Regel sind Princess-Telefone in verschiedenen Pastelltönen erhältlich.

Schritt 2

Beginnen Sie mit Schatten: Cast-, Form-, Kern- und Mitteltonbereich. Ich habe mit dem Farbverlauf Farbverläufe gezeichnet Bleistift-Werkzeug und schichteten sie übereinander. Der Farbverlauf ist dunkelviolett 100% Deckkraft zu 0% Deckkraft. Das Mischmodi variieren von Hartes Licht zu Normal, Die allgemeine Deckkraft jeder Form variiert von 40% -100%, und ich habe die Winkel der Farbverläufe mit geändert Verlaufswerkzeug (G).

Schritt 3

Bei diesem Telefon werden drei Hauptabschnitte dargestellt: der Hörer, die Oberseite des Gehäuses (wo sich das Zifferblatt befindet) und die Vorderseite des Gehäuses (dem Betrachter zugewandt).. Kopieren und Einfügen die Telefonbasisgruppe und Vereinen die Formen in jedem dieser Abschnitte in der Pfadfinder Panel. Sie sollten drei Telefonstücke haben. Diese werden verwendet Schnittmasken erstellen (Steuerung-7).

  1. Gruppe zusammen Ihre Schattenverlaufsformen, an denen Sie im vorherigen Schritt gearbeitet haben.
  2. Wählen die neu vereinte Hörerform. Stellen Sie sicher, dass es mit dem Rest der Telefonabbildung übereinstimmt und sich oberhalb der Schattengradientengruppe in befindet Schichten Panel. Machen Sie eine Schnittmaske entweder durch Schlagen Steuerung-7 oder zu gehen Objekt> Schnittmaske> Make.
  3. Erstellen Sie weiter Schatten und markieren Sie Farbverläufe. Für die Highlights habe ich eine verwendet Radialer Farbverlauf von hellgelb (ähnlich wie für den Hintergrund verwendet) bei 100% bis 0% Deckkraft. Das Mischmodus war eingestellt Überlagerung und ich reduzierte den Gesamtwert Opazität von jeder Form zu 60% in dem Transparenz Panel.

Schritt 4

  1. Arbeiten Sie an jedem Abschnitt des Telefons weiter. Bedenken Sie, wie das Mobilteil Schatten auf das Gehäuse wirft.
  2. Wenn Sie das Telefon fertig gerendert haben, Gruppe alleszusammen und erstellen Sie Schlagschatten auf dem Hintergrund unter dem Telefon. In diesem Fall wird es Teppichboden sein, so dass keine Hervorhebung (für einen glänzenden Tisch oder Boden) erforderlich ist.
  3. Einige der Schatten sind große Formen, die mit dem Symbol gezeichnet werden Ellipsenwerkzeug (L) mit einer Radialer Farbverlauf Version der zuvor verwendeten Schattengradienten. Drei von ihnen liegen unter der Telefongruppe, wodurch einige der Schatten dunkel und dunkel gehalten werden. Wenn fertig, Gruppe alle Ihre Schattenebenen zusammen.

5. Hintergrund und letzte Berührungen

Verwenden Sie die Rechteckwerkzeug (M) um zwei große Rechtecke zu zeichnen, um den Hintergrund zu erstellen. Der Boden wurde aus drei separaten Ebenen erstellt: einer flachen grauen Farbe, einer Verlaufsebene, die denselben Schattenverlauf wie in diesem Tutorial verwendet, und einer zusätzlichen grauen Ebene mit der Briefpapier Effekt angewendet in der Aussehen Panel mit den Einstellungen unten. Das Briefpapier Schicht ist schließlich eingestellt auf Multiplizieren, und alle drei sind Gruppiert zusammen.

Schritt 2

Zeichnen Sie für die Tupfen im Hintergrund vier kleine Kreise mit Ellipse-Werkzeug, Jeder von ihnen eine andere Farbe. Kopieren und Einfügen Alle vier haben Sie also zwei gestaffelte Kreislinien. Wählen alle acht Kreise und erstellen Sie ein neues Muster in der Musteroptionen Panel. Verwenden Sie dies für eine Ebene über dem gelben Hintergrund und setzen Sie diese auf Multiplizieren.

Schritt 3

Zum Abschluss noch ein paar Funken. Zeichne einen kleinen weißen Kreis mit der Ellipse-Werkzeug und den Effekt unter anwenden Effekte> Verzerren und verwandeln> Pucker & Bloat.  Stellen Sie das ein Fältchen Prozentsatz zu 103 und Erweitern die Form unter Objekt. Entweder Kopieren und Einfügen das Funkeln um Ihre Komposition, oder erstellen Sie ein Streubürste. Gehe zum Bürsten Panel, wählen Neuer Pinsel und wähle Streubürste. Wählen Sie beim Erstellen des Pinsels die folgenden Optionen aus und drücken Sie OK, und benutze die Pinsel-Werkzeug um Ihre Illustration zu streuen.

Großartiger Job, du bist fertig!

Nachdem Sie dieses Teaser-Tutorial absolviert haben, lesen Sie den gesamten Kurs, Skizzendesign in Illustrator beherrschen. Darin skizzieren Sie Ihre Komposition mit einer Reihe von Miniaturansichten, verwenden die 2-Punkt-Perspektive, um ein von den 80ern inspiriertes Stillleben zu erstellen, perfekte Linienzeichnungen zu erstellen, jedes Objekt zu rendern und einen unterhaltsamen gemusterten Hintergrund zu schaffen, der alles zusammenbringt.