So veranschaulichen Sie einen Vektorsauger

Möchten Sie einen Vektorsauger veranschaulichen? In diesem Lernprogramm lernen Sie einige hervorragende Vektorillustrationstechniken kennen und verwenden leistungsstarke Illustrator-Werkzeuge, wie z. B. 3D-Werkzeuge, Deckkraftmasken und Mischungen. Folgen Sie mit, während Sie Ihre eigenen beeindruckenden Kunstwerke erstellen.


Schritt 1

Skizzieren Sie ein vertikales längliches Rechteck (siehe unten). Du machst daraus ein Reinigerrohr.

Drehen Sie und füllen Sie es mit einem winkligen linearen Farbverlauf.

Veranschaulichen Sie einen gekrümmten Pfad im unteren Teil des Rohrs. Achten Sie auf die abgerundete Form des oberen Teils dieses Pfads. Sie sollten Ihren Staubsauger sorgfältig darstellen, halten Sie also den Blickwinkel im Auge.


Schritt 2

Der geneigte Teil ist volumetrisch. Um das Volumen darzustellen, müssen Sie die Lichtverteilung vornehmen. Sie können Maschen dafür verwenden, aber ich empfehle Ihnen, Pinsel zu erstellen und auf diesen Pfad anzuwenden. Lassen Sie uns diese Bürsten in Arbeit sehen. Nimm das Ellipsenwerkzeug (L) und zeichne eine längliche Ellipse. Fülle es mit Schwarz.

Kopieren Sie es und fügen Sie es vor (Befehl + C, dann Befehl + F). Gehen Sie zu Object> Transform> Scale und stellen Sie dort die Werte ein, die Sie im folgenden Diagramm sehen können.

Gehen Sie zu Objekt> Überblenden> Überblendoptionen und setzen Sie den Abstand auf Angegebene Schritte und die Anzahl der Schritte auf ungefähr 100.

Ändern Sie die Deckkraft der größten Ellipse auf 0.

Wählen Sie beide Ellipsen aus und gehen Sie zu Objekt> Überblenden> Erstellen (Befehlstaste + Wahltaste + B)..


Schritt 3

Ziehen Sie diese Mischung per Drag & Drop in die Pinsel-Palette. Wählen Sie im Dialogfeld die Option Art Brush.

Stellen Sie die Elemente für den Pinsel wie in der nachstehenden Abbildung gezeigt ein. Nennen Sie diesen Pinsel "Schwarzer Pinsel".


Schritt 4

Produzieren Sie den "weißen Pinsel" mit den Ellipsen, die auf dieselbe Weise mit Weiß gefüllt sind. Dann schnappen Sie sich das Stiftwerkzeug (P), zeichnen Sie einen Pfad im geneigten Teil des Rohrs (siehe Abbildung unten) und wenden Sie den "schwarzen Pinsel" darauf an.

Illustrieren Sie die nächsten Pfade, wenden Sie die Pinsel an und ändern Sie ggf. die Strichgewichtungen und die Deckkraft der Pfade. Folge deinem Gefühl der Schönheit.

Sicherlich scheint dieses Ergebnis nicht schön zu sein, aber Sie können es verbessern. Wählen Sie den geneigten grauen Pfad aus, kopieren Sie ihn und fügen Sie ihn vor (Befehl + C, dann Befehl + F). Wählen Sie dann beide: alle Pfade über dem grauen Teil und die Kopie des grauen Teils selbst aus, und wählen Sie Objekt> Schnittmaske> Erstellen (Befehl + 7). Dieses Detail sieht besser aus.


Schritt 5

Lassen Sie uns nun den untersten Teil der Röhre veranschaulichen. Erstellen Sie zuerst den unten gezeigten Pfad. Füllen Sie es mit einer beliebigen Farbe.

Gehen Sie dann zu Effekt> 3D> Extrusion & Abschrägung und stellen Sie dort die Werte ein, mit denen Sie das Detail mit der Tube verbinden können. Siehe nachstehende Abbildung.


Schritt 6

Gehen Sie zur Darstellungspalette und klicken Sie dort auf den Link "3D Extrude & Bevel", um den Effekt zu bearbeiten. Setzen Sie den Rendering-Stil wie gezeigt auf "Keine Schattierung". Sie müssen dies tun, um die Anzahl der Pfade nach dem Erweitern zu verringern.

Danach gehen Sie zu Objekt> Aussehen erweitern. Gehen Sie dann dreimal zu Objekt> Gruppierung aufheben.

Wählen Sie nun die oberen Teile des Details aus und klicken Sie in der Pathfinder-Palette auf die Schaltfläche Unite.

Und du wirst zwei Wege haben.


Schritt 7

Wählen Sie den grünen Pfad aus und erweitern Sie ihn leicht, wie in der folgenden Abbildung dargestellt.

Füllen Sie es mit einem abgewinkelten linearen Farbverlauf.

Und füllen Sie den gelben Pfad mit einem radialen Farbverlauf.


Schritt 8

Illustriere jetzt das Verbindungsdetail mit dem Stiftwerkzeug (P).

Skizzieren Sie den oberen Teil dieses Details wie gezeigt.

Füllen Sie nun den blauen Pfad mit einem winkelförmigen linearen Verlauf.

Wählen Sie anschließend den gelben Pfad aus und gehen Sie zu Objekt> Verlaufsgitter erstellen. Legen Sie die Elemente für das Netz wie in der folgenden Abbildung gezeigt fest.

Ändern Sie die Farben der Knoten mit dem Netzwerkzeug (U). Außerdem können Sie dieses Werkzeug zum Hinzufügen und Löschen der Netzknoten in Ihrem Bildmaterial verwenden. Folgen Sie der Abbildung unten, um Ihre eigenen Maschen zu erstellen.

Wenden Sie den "weißen Pinsel" auf die folgenden Pfade an, um die Lichtverteilung zu betonen.


Schritt 9

Erzeugen Sie einen schmalen Pfad, der mit dem dunkleren linearen Farbverlauf auf der linken Seite des Details gefüllt ist.

Machen Sie dasselbe auf der rechten Seite des Details.

Wenden Sie den "weißen Pinsel" auf den folgenden Pfad an und beschneiden Sie ihn mit einer Schnittmaske.


Schritt 10

Entsprechend dem Lichtverteilungsprinzip müssen die durch den Pfeil in der folgenden Abbildung angezeigten Pixel heller sein als ihre Umgebung.

Um dies zu realisieren, verwenden Sie das abgerundete Rechteckwerkzeug und skizzieren Sie das nächste mit Weiß gefüllte Formular.

Dann veranschaulichen Sie den kleineren Pfad darüber.

Ändern Sie die Deckkraft des größten Pfads in 0 und wechseln Sie zu Objekt> Überblenden> Erstellen (Befehlstaste + Wahltaste + B). Und erstellen Sie aus dieser Mischung den "White Brush 2".

Wenden Sie diesen Pinsel auf den folgenden mit einer entsprechenden Schnittmaske beschnittenen Pfad an.


Schritt 11

Lassen Sie uns nun den rechteckigen Pfad im oberen Teil des Metallrohrs erzeugen, der mit dem gleichen Gradienten gefüllt ist.

Erweitern Sie jetzt diesen Verlauf zum Verlaufsnetz, indem Sie auf Objekt> Erweitern klicken. Löschen Sie den Beschneidungspfad im Netz.

Nimm das Maschenwerkzeug (U) und füge die neue orthogonale Maschenlinie hinzu.

Nimm das Lasso-Werkzeug (Q) und wähle die angezeigten Netzknoten aus.

Skalieren Sie das Netz, indem Sie zu Objekt> Transformieren> Skalieren gehen.

Tragen Sie die neue Schnittmaske darauf auf.


Schritt 12

Erstellen Sie eine gewöhnliche Ellipse und erstellen Sie daraus einen Pinsel. Nennen Sie es "den elliptischen Pinsel".

Wenden Sie diesen Pinsel auf den folgenden Pfad an. Achten Sie auf die Breite. Es muss sich unter dem metallischen Rohr befinden, da es eine Schablone für den Schlauchanfang darstellt.

Dann erweitern Sie es,…

… Und tragen Sie die Schnittmaske darauf auf. Erinnern Sie sich an den Blickwinkel und folglich, dass die Pfade Enden abgerundet sein müssen?


Schritt 13

Ändern Sie die flache graue Form mit der schwarzen Bürste in eine volumetrische. Wenden Sie sie auf die nächsten Pfade an.

Und beschneiden Sie das Ergebnis mit einem Beschneidungspfad.


Schritt 14

Illustrieren Sie den weißen Ring mit dem 3D-Effekt „Extrudieren und Abschrägen“. Platzieren Sie den Ring wie gezeigt über dem Röhrchen.

Ändern Sie den Renderstil in "Keine Schattierung" und erweitern Sie den empfangenen Pfad.

Sie müssen zwei folgende Pfade erhalten.

Fülle den roten Pfad mit Schwarz,…

… Und der grüne Pfad mit einem linearen Verlauf wie gezeigt.


Schritt 15

Lassen Sie uns den Hauptteil des Staubsaugers veranschaulichen. Zeichnen Sie zuerst die dargestellte grüne Form.

Dann zeichnen Sie eine rote Ellipse darüber.

Und erstellen Sie eine weitere Ellipse.

Löschen Sie anschließend die nicht benötigten Teile der Pfade, um das folgende Ergebnis zu erhalten.

Sie können sowohl die Pathfinder-Palette als auch das Shape Builder-Tool (Umschalt + M) verwenden, um die dargestellten Pfade zu erstellen. Veranschaulichen Sie den blauen Pfad über dem Ergebnis.

Löschen Sie auch die überflüssigen Teile von der blauen Kontur.


Schritt 16

Veranschaulichen Sie den Griff über dem blauen Pfad, indem Sie den 3D-Effekt „Extrudieren und Abschrägen“ verwenden.

Wählen Sie den blauen Pfad und füllen Sie ihn mit dem unten gezeigten radialen Verlauf.

Erweitern Sie jetzt den Staubsaugergriff, um die folgenden drei Pfade zu erhalten.

Wählen Sie den violetten Pfad des Griffs aus und füllen Sie ihn mit einem winkelförmigen linearen Verlauf.

Der braune Pfad sollte auch mit einem linearen Farbverlauf gefüllt sein.

Füllen Sie den blauen Pfad wie unten gezeigt.


Schritt 17

Wählen Sie nun den dunkelsten Teil des Griffs aus, kopieren Sie ihn und fügen Sie ihn vorne ein (Befehl + C, dann Befehl + F). Füllen Sie die Kopie mit einem anderen winkligen linearen Farbverlauf.

Wechseln Sie dann zur Transparenzpalette und ändern Sie den Mischmodus auf Überlagern, um die Lichtverteilung schöner zu gestalten.


Schritt 18

Tragen Sie den "schwarzen Pinsel" auf den folgenden Pfad auf, der sich unter der Seitenfläche des Griffs befindet.

Beschneiden Sie es mit Beschneidungspfad und verringern Sie die Deckkraft des Pfads.

Wenden Sie nun die "schwarzen Pinsel" auf die folgenden Pfade an.

Der letzte Pfad sollte abgeschnitten werden.

Tragen Sie den "elliptischen Pinsel" auf die obere Ecke der Seitenfläche des Griffs auf, erweitern Sie ihn und füllen Sie ihn mit Schwarz. Folgen Sie dem hilfreichen Diagramm unten.


Schritt 19

Wenden Sie den "weißen Pinsel" auf den folgenden Pfad an,…

… Und beschneiden Sie es mit einer Schnittmaske.

Zeichne zwei konzentrische Kreise, die mit Rosa gefüllt sind.

Ändern Sie die Deckkraft des größten Kreises auf 0 und erstellen Sie dann aus diesen Kreisen eine Überblendung (Befehl + Wahl + B)..

Legen Sie diese Mischung unter den Griff,…

… Und beschneiden Sie es mit einem Beschneidungspfad.


Schritt 20

Die mit den Rosatönen gefüllte Hohlraumoberfläche des Staubsaugers hat Reflexionseigenschaften. Lassen Sie uns also eine Griffreflexion erstellen. Zeichnen Sie zuerst den angezeigten Pfad und füllen Sie ihn mit einem winkelförmigen linearen Verlauf.

Zeichnen Sie nun den nächsten Pfad, der mit einem radialen Verlauf gefüllt ist, wie in der folgenden Abbildung gezeigt.

Beschneide beide Pfade.

Danach erstellen Sie den neuen Pfad aus diesen drei Pfaden (gefüllt mit linearen und radialen Gradienten und dem Beschneidungspfad). Verwenden Sie dazu die Pathfinder-Palette oder das Shape Builder-Tool (Umschalt + M).

Bringen Sie diesen Pfad nach vorne und füllen Sie ihn mit dem radialen Farbverlauf, der von schwarz nach weiß geht.

Sie können die Deckkraft dieses neuen Pfads ändern.

Wählen Sie nun beide aus: diesen Pfad und die Gruppe, die aus zwei ausgeschnittenen Pfaden besteht,…

… Gehen Sie zur Transparenzpalette und klicken Sie im Flyout-Menü auf den Befehl "Deckkraftmaske erstellen".


Schritt 21

Illustrieren Sie ein Netz über dem gelben Pfad des Staubsaugers. Verwenden Sie die roten Farbtöne für die Netzknoten.

Beschneiden Sie das Netz.

Verwenden Sie ein ähnliches Netz, um den roten Teil des Staubsaugers einzufärben.


Schritt 22

Tragen Sie den "weißen Pinsel" auf den folgenden Pfad auf, um die Lichtverteilung der Rückseite des Staubsaugers zu reproduzieren.

Jetzt erstellen wir Löcher in der Mantelfläche des Staubsaugers. Zuerst müssen wir eine echte Oberflächenform darstellen. Ich empfehle Ihnen, für diese Darstellung eine Mischung zu verwenden. Siehe das Bild unten als Referenz.

Jetzt können Sie diese Mischung erweitern, indem Sie auf Objekt> Erweitern gehen. Schneiden Sie dann die Linien mit dem Scherenwerkzeug (C) aus. Löschen Sie die nicht benötigten Teile und wechseln Sie zur Strichpalette. Wählen Sie dort die Option "gestrichelte Linie". Ändern Sie die Kappe in eine Runde und geben Sie die Abmessungen der gestrichelten Linie an. Sie sollten das folgende Ergebnis erzielen.

Kopieren Sie die Löcher und fügen Sie sie hinten ein (Befehlstaste + C, dann Befehlstaste + B), ändern Sie die Farbe der Kontur von Schwarz in Rosa und verschieben Sie die rosa Löcher leicht.


Schritt 23

Füllen Sie den grünen Pfad des Reinigers mit einem winkelförmigen linearen Verlauf.

Tragen Sie den "weißen Pinsel" auf den folgenden Pfad auf.


Schritt 24

Lassen Sie uns jetzt ein Rad erstellen. Veranschaulichen Sie den unten gezeigten Pfad.

Wenden Sie dann den "schwarzen Pinsel" auf den folgenden Pfad an.

Zeichnen Sie den nächsten Pfad mit einem radialen Verlauf. Sie befindet sich aufgrund des Blickwinkels nicht in der Mitte der grauen Ellipse. Erinnerst du dich daran?

Tragen Sie die "Schwarz-Weiß-Bürsten" auf die Pfade des Gummireifens des Rads auf.


Schritt 25

Stellen Sie den nächsten Pfad in der Mitte des Rads dar und füllen Sie ihn mit einem radialen Farbverlauf.

Ändern Sie den Strich, indem Sie den "schwarzen Pinsel" darauf anwenden, und verringern Sie das Strichgewicht.

Lassen Sie uns die volle Ansicht des Rades sehen.

Wissen Sie, wie Sie es verbessern können? Fahren Sie fort und verringern Sie die Deckkraft des letzten Pfads auf etwa 10%..

Was denkst du jetzt über das Rad? Es ist wichtig, Ihr künstlerisches Auge zu entwickeln, wenn Sie Tutorials durcharbeiten.


Schritt 26

Der Netzschalter ist unten gezeigt. Wenn Sie wissen, wie Sie dieses Ergebnis erzielen, tun Sie es selbst ohne Hilfe. Ansonsten lesen Sie die folgenden Schritte sorgfältig durch.

Zeichne zuerst den folgenden violetten Pfad.

Dann den grünen Pfad zeichnen,…

… Und der gelbe Weg.


Schritt 27

Füllen Sie den violetten Pfad wie gezeigt mit einem winkelförmigen linearen Verlauf.

Füllen Sie den gelben Pfad mit einem hellen Schiefergrau.

Füllen Sie den grünen Pfad mit einem winkelförmigen linearen Verlauf.

Wenden Sie die "schwarzen Pinsel" auf die folgenden Pfade an.


Schritt 28

Wenden Sie den "schwarzen Pinsel" auf den folgenden Pfad an und verringern Sie die Deckkraft.

Wenden Sie dann den "weißen Pinsel" auf den im Diagramm unten gezeigten Pfad an und verringern Sie auch die Deckkraft.

Beschneiden Sie die Pfade mit der Schnittmaske.


Schritt 29

Veranschaulichen Sie die Mischung aus zwei weißen Kreisen wie zuvor.

Und diese Mischung auch zuschneiden.


Schritt 30

Skizzieren Sie die Pfade, die Sie in den Bildern unten sehen können, und wenden Sie die "Schwarz-Weiß-Pinsel" an. Beschneiden Sie dann die Pfade mithilfe der Schnittmaske.


Schritt 31

Die obere Fläche der Schaltfläche benötigt die Reflexion. Daher müssen wir den Griff des Staubsaugers darauf reflektieren. Veranschaulichen Sie den unten gezeigten Pfad und füllen Sie ihn mit einem winkelförmigen linearen Verlauf.

Beschneiden Sie es mit einem Beschneidungspfad.

Und ändern Sie die Deckkraft und den Mischmodus in der Transparenzpalette.

Machen Sie dasselbe mit dem zweiten Pfad.


Schritt 32

Veranschaulichen Sie das Energiesymbol auf der Taste.

Tragen Sie die "weißen und schwarzen Pinsel" auf die Konturen auf.


Schritt 33

Verwenden Sie den "schwarzen Pinsel", um den folgenden Pfad hervorzuheben.

Verwenden Sie die Überblendung, um die seitliche Fläche der Schaltfläche hervorzuheben.


Schritt 34

Veranschaulichen Sie nun den folgenden Pfad im oberen Teil des Reinigers, der eine Führungslinie darstellt, die am oberen Teil des Reinigers verläuft.

Veranschaulichen Sie nun einen elliptischen Pfad. Achten Sie auf die Position des Zentrums.

Veranschaulichen Sie den blauen Pfad darüber.

Und löschen Sie die Richtlinie.


Schritt 35

Füllen Sie den blauen Pfad mit einer Kirschfarbe.

Wandeln Sie nun den gelben Pfad in ein Netz um und ändern Sie die Farben der Netzknoten. Ihre Ergebnisse sollten wie folgt aussehen:


Schritt 36

Produzieren Sie jetzt einen 3D-Ring mit dem Effekt "3D Extrude & Bevel". Siehe das hilfreiche Diagramm unten.

Nach dem Erweitern sollten Sie drei Pfade haben. Der hintere Pfad sollte mit Schwarz gefüllt sein.

Füllen Sie den oberen Teil des Rings mit Dunkelgrau.

Der rote Pfad sollte mit einem winkelförmigen linearen Gradienten gefüllt sein.


Schritt 37

Um einen Verbindungsschlauch herzustellen, nehmen Sie das Stiftwerkzeug (P) und zeichnen Sie den folgenden Pfad.

Dann nimm das Scherenwerkzeug (C) und klicke in den angezeigten Punkt, um den Pfad zu teilen.

Anschließend wird der folgende zusammengesetzte Pfad am ersten Ende des Pfads mit einem radialen Gradienten gefüllt.

Zeichnen Sie einen weiteren zusammengesetzten Pfad, der am zweiten Ende des Pfads mit einem radialen Gradienten gefüllt ist (siehe unten).

Sie sollten das folgende Bild erhalten.

Und erstellen Sie dann eine Mischung aus diesen zusammengesetzten Pfaden.

Wiederholen Sie diese Manipulationen mit einem anderen Pfad.


Schritt 38

Einen grauen Pfad skizzieren,…

… Und schick es zurück.

Beschneiden Sie den Schlauch mit einem Beschneidungspfad.


Schritt 39

Illustrieren Sie die Schatten von zwei Teilen des Staubsaugers mit den Mischungen.


Fazit

Das endgültige Bild ist unten. Sie können Ihre eigenen Staubsauger anhand der beschriebenen Techniken veranschaulichen und in den Kommentaren unten auf Ihre Ergebnisse verweisen.