German (Deutsch) translation by Valentina (you can also view the original English article)
Möchten Sie einen Vektor-Staubsauger veranschaulichen? In diesem Tutorial lernen Sie einige hervorragende Vektorillustrationstechniken kennen und verwenden leistungsstarke Illustrator-Werkzeuge wie 3D-Werkzeuge, Deckkraftmasken und Angleichen. Folgen Sie uns und kreieren Sie Ihr eigenes beeindruckendes Kunstwerk.
Schritt 1
Skizzieren Sie ein vertikales längliches Rechteck (sehen Sie unten). Sie werden daraus eine Reinigungsröhre machen.
Drehen Sie es und füllen Sie es mit einem abgewinkelten linearen Farbverlauf.
Stellen Sie einen gebogenen Pfad im unteren Teil des Rohrs dar. Achten Sie auf die abgerundete Form der Oberseite dieses Pfades. Sie sollten Ihren Staubsauger sorgfältig darstellen, denken Sie also an den Blickwinkel.
Schritt 2
Der geneigte Teil ist volumetrisch. Um das Volumen darzustellen, müssen Sie die Lichtverteilung vornehmen. Sie können dafür Gitter verwenden, aber ich rate Ihnen, Kunstpinsel zu erstellen und sie auf diesen Pfad anzuwenden. Lassen Sie uns diese Pinsel in der Arbeit sehen. Nehmen Sie das Ellipse-Werkzeug (L) und zeichnen Sie eine längliche Ellipse. Füllen Sie es mit schwarz.
Kopieren Sie es und fügen Sie es vorne ein (Befehl + C, dann Befehl + F). Gehen Sie zu Objekt > Transformieren > Skalieren und legen Sie dort die Werte fest, die Sie im folgenden Diagramm sehen können.
Gehen Sie zu Objekt > Angleichen > Angleichung-Optionen und stellen Sie den Abstand auf die angegebenen Schritte und die Anzahl der Schritte auf etwa 100 ein.
Ändern Sie die Deckkraft der größten Ellipse auf 0.
Wählen Sie beide Ellipsen aus und gehen Sie zu Objekt > Angleichen > Erstellen (Befehl + Option + B).
Schritt 3
Ziehen Sie dieses Angleichen per Drag & Drop in die Pinsel-Palette. Wählen Sie im Dialogfeld die Option Pinsel.
Stellen Sie die Elemente für den Pinsel wie in der folgenden Abbildung gezeigt ein. Nennen Sie diesen Pinsel "Schwarzer Pinsel".
Schritt 4
Produzieren Sie den "weißen Pinsel" mit den mit Weiß gefüllten Ellipsen auf die gleiche Weise. Nehmen Sie dann das Zeichenstift-Werkzeug (P), zeichnen Sie einen Pfad in den geneigten Teil des Rohrs (siehe Abbildung unten) und tragen Sie den "schwarzen Pinsel" darauf auf.
Stellen Sie die nächsten Pfade dar, wenden Sie die Pinsel an und ändern Sie gegebenenfalls die Strichgewichte und die Deckkraft der Pfade. Folgen Sie Ihrem 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 aus: alle Pfade über dem grauen Teil und die Kopie des grauen Teils selbst und gehen Sie zu 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ülle es mit einer beliebigen Farbe.
Gehen Sie dann zu Effekt > 3D > Extrudieren & Abschrägen und stellen Sie dort die Werte ein, mit denen Sie das Detail mit der Röhre verbinden können. Siehe das Diagramm unten als Referenz.
Schritt 6
Gehen Sie zur Darstellungspalette und klicken Sie dort auf den Link "3D Extrude & Bevel", um den Effekt zu bearbeiten. Stellen Sie den Rendering-Stil wie gezeigt auf "Keine Schattierung". Sie müssen dies tun, um die Anzahl der Pfade nach dem Erweitern zu verringern.
Gehen Sie danach zu Objekt > Aussehen umwandeln. 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 Vereinigen.
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
Illustrieren Sie nun das Verbindungsdetail mit dem Zeichenstift-Werkzeug (P).
Skizzieren Sie den oberen Teil dieses Details wie gezeigt.
Füllen Sie nun den blauen Pfad mit einem abgewinkelten linearen Farbverlauf.
Wählen Sie danach den gelben Pfad und gehen Sie zu Objekt > Verlaufsgitter erstellen. Stellen Sie die Elemente für das Gitter wie in der folgenden Abbildung gezeigt ein.
Ändern Sie die Farben der Knoten mit dem Gitter-Werkzeug (U). Außerdem können Sie dieses Werkzeug zum Hinzufügen und Löschen der Netzknoten in Ihrer Grafik verwenden. Folgen Sie dem Bild unten, um Ihre eigenen Netze zu erstellen.
Wenden Sie den "weißen Pinsel" auf die folgenden Pfade an, um die Lichtverteilung hervorzuheben.
Schritt 9
Erstellen 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.
Tragen Sie den "weißen Pinsel" auf den folgenden Pfad auf und beschneiden Sie ihn mit einer Schnittmaske.
Schritt 10
Gemäß dem Lichtverteilungsprinzip müssen die Pixel, auf die der Pfeil in der folgenden Abbildung zeigt, heller sein als ihre Umgebung.
Um dies zu realisieren, nehmen Sie das abgerundete Rechteck-Werkzeug und skizzieren Sie das nächste mit Weiß gefüllte Formular.
Stellen Sie dann den kleineren Pfad darüber wie gezeigt dar.
Ändern Sie die Deckkraft des größten Pfads auf 0 und gehen Sie zu Objekt > Angleichen > Erstellen (Befehl + Option + B). Und erstellen Sie den "White Brush 2" aus diesem Angleichen.
Wenden Sie diesen Pinsel auf den folgenden Pfad an, der mit einer entsprechenden Schnittmaske beschnitten ist.
Schritt 11
Lassen Sie uns nun den rechteckigen Pfad im oberen Teil des Metallrohrs erzeugen, der mit demselben Gradienten gefüllt ist.
Erweitern Sie nun diesen Verlauf zu einem Verlaufsgitter, indem Sie zu Objekt > Erweitern gehen. Löschen Sie den Beschneidungspfad im Gitter.
Nimm das Gitter-Werkzeug (U) und füge die neue orthogonale Gitterlinie hinzu.
Nimm das Lasso-Werkzeug (Q) und wähle die angezeigten Gitterknoten aus.
Skalieren Sie das Gitter, indem Sie zu Objekt > Transformieren > Skalieren gehen.
Und tragen Sie die neue Schnittmaske darauf auf.
Schritt 12
Erstellen Sie eine übliche Ellipse und erstellen Sie daraus einen Kunstpinsel. 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 Metallrohr 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 daran, dass die Pfadenenden abgerundete Formen haben müssen?
Schritt 13
Ändern Sie die flache graue Form mit dem "schwarzen Pinsel" 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 & Abschrägen“. Legen Sie den Ring wie gezeigt über das Rohr.
Ändern Sie den Rendering-Stil 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 Farbverlauf wie gezeigt.
Schritt 15
Lassen Sie uns den Hauptteil des Staubsaugers veranschaulichen. Zeichnen Sie zuerst die gezeigte grüne Form.
Zeichnen Sie dann eine rote Ellipse darüber.
Und erstellen Sie eine weitere Ellipse oben.
Löschen Sie danach die unnötigen Teile der Pfade, um das folgende Ergebnis zu erzielen.
Sie können beide verwenden: die Pathfinder-Palette und das Formerstellungswerkzeug (Umschalt + M) zum Erstellen der dargestellten Pfade. Illustrieren Sie den blauen Pfad über dem Ergebnis.
Löschen Sie auch die überflüssigen Teile aus der blauen Kontur.
Schritt 16
Illustrieren Sie den Griff über dem blauen Pfad mithilfe des 3D-Effekts „Extrudieren und Abschrägen“.
Wählen Sie den blauen Pfad aus und füllen Sie ihn mit dem unten gezeigten radialen Farbverlauf.
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 abgewinkelten linearen Farbverlauf.
Der braune Pfad sollte ebenfalls 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 abgewinkelten linearen Farbverlauf.
Gehen Sie dann zur Transparenzpalette und ändern Sie die Füllmethoden auf Ineinanderkopieren, 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 einem Beschneidungspfad und verringern Sie die Deckkraft des Pfads.
Wenden Sie jetzt die "schwarzen Pinsel" auf die folgenden Pfade an.
Der letzte Pfad sollte abgeschnitten werden.
Tragen Sie den "Ellipsentrainer" 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 als Referenz.
Schritt 19
Wenden Sie den "weißen Pinsel" auf den folgenden Pfad an,...
... und beschneiden Sie es mit einer Schnittmaske.
Zeichnen Sie zwei konzentrische Kreise, die mit Rosa gefüllt sind.
Ändern Sie die Deckkraft des größten Kreises auf 0 und erstellen Sie dann ein Angleichen aus diesen Kreisen (Befehl + Option + B).
Legen Sie dieses Angleichen unter den Griff,...
... und beschneiden Sie es mit einem Beschneidungspfad.
Schritt 20
Die mit den Rosatönen gefüllte Oberfläche des Staubsaugerhohlraums weist eine Reflexionseigenschaft auf. Erstellen wir also eine Griffreflexion. Zeichnen Sie zuerst den gezeigten Pfad und füllen Sie ihn mit einem abgewinkelten linearen Farbverlauf.
Zeichnen Sie nun den nächsten Pfad, der mit einem radialen Gradienten gefüllt ist, wie in der folgenden Abbildung gezeigt.
Beschneiden Sie beide Pfade.
Danach erzeugen 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 Formerstellungswerkzeug (Umschalt + M).
Bringen Sie diesen Pfad nach vorne und füllen Sie ihn mit dem radialen Farbverlauf, der von schwarz nach weiß wechselt.
Sie können die Deckkraft dieses neuen Pfads ändern.
Wählen Sie nun beide aus: Dieser Pfad und die Gruppe, die aus zwei zugeschnittenen Pfaden besteht,...
... gehen Sie zur Transparenz-Palette und klicken Sie im Flyout-Menü auf den Befehl "Deckkraftmaske erstellen".
Schritt 21
Stellen Sie ein Gitter über dem gelben Pfad des Staubsaugers dar. Verwenden Sie die roten Farbtöne für die Gitterknoten.
Schneiden Sie das Gitter zu.
Verwenden Sie das ähnliche Netz zum Färben des roten Teils des Staubsaugers.
Schritt 22
Tragen Sie den "weißen Pinsel" auf den folgenden Pfad auf, um die Lichtverteilung auf der Rückseite des Staubsaugers zu reproduzieren.
Jetzt bohren wir Löcher in die Seitenfläche des Staubsaugers. Zuerst müssen wir eine echte Oberflächenform darstellen. Ich empfehle Ihnen, für diese Darstellung ein Angleichen zu verwenden. Siehe das Bild unten als Referenz.
Jetzt können Sie dieses Angleichene rweitern, indem Sie zu Objekt > Erweitern gehen. Schneiden Sie dann die Linien mit dem Schere-Werkzeug (C). Löschen Sie die unnötigen 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 in die Rückseite ein (Befehl + C, dann Befehl + B), ändern Sie die Farbe des Strichs von Schwarz nach Rosa und verschieben Sie die rosa Löcher leicht.
Schritt 23
Füllen Sie den grünen Pfad des Reinigers mit einem abgewinkelten linearen Farbverlauf.
Und 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, der mit einem radialen Farbverlauf gefüllt ist. Aufgrund des Blickwinkels befindet es sich nicht in der Mitte der grauen Ellipse. Erinnern Sie sich daran?
Tragen Sie die "Schwarz-Weiß-Pinsel" auf die Pfade auf dem Gummireifen des Rades 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 auftragen, und verringern Sie das Konturgewicht.
Lassen Sie uns die vollständige Ansicht des Rades sehen.
Wissen Sie, wie Sie es besser machen können? Verringern Sie die Deckkraft des letzten Pfads auf ca. 10%.
Was denken Sie jetzt über das Rad? Es ist wichtig, dass Sie Ihr künstlerisches Auge entwickeln, während Sie Tutorials durcharbeiten.
Schritt 26
Der Gitterschalter ist unten dargestellt. Wenn Sie wissen, wie Sie dieses Ergebnis erzielen können, tun Sie es selbst ohne Hilfe. Lesen Sie andernfalls die folgenden Schritte sorgfältig durch.
Zeichnen Sie zuerst den folgenden violetten Pfad.
Dann zeichnen Sie den grünen Weg,...
... und der gelbe Weg.
Schritt 27
Füllen Sie den violetten Pfad wie gezeigt mit einem abgewinkelten linearen Farbverlauf.
Füllen Sie den gelben Pfad mit einem hellen Schiefergrau.
Füllen Sie den grünen Pfad mit einem abgewinkelten linearen Farbverlauf.
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 in der folgenden Abbildung gezeigten Pfad an und verringern Sie auch die Deckkraft.
Beschneiden Sie die Pfade mit der Schnittmaske.
Schritt 29
Illustrieren Sie das Angleichen aus zwei weißen Kreisen wie zuvor.
Und beschneiden Sie dieses Angleichen auch.
Schritt 30
Skizzieren Sie die Pfade, die Sie in den folgenden Bildern sehen können, und wenden Sie die "Schwarz-Weiß-Pinsel" darauf an. Schneiden Sie dann die Pfade mit Hilfe der Schnittmaske zu.
Schritt 31
Die Oberseite des Knopfes benötigt die Reflexion. Wir müssen also den Staubsaugergriff darauf reflektieren. Stellen Sie den unten gezeigten Pfad dar und füllen Sie ihn mit einem abgewinkelten linearen Farbverlauf.
Beschneiden Sie es mit einem Beschneidungspfad.
Ändern Sie die Deckkraft und die Füllmethoden der Transparenzpalette.
Machen Sie dasselbe mit dem zweiten Pfad.
Schritt 32
Illustrieren Sie das Power-Symbol auf der Schaltfläche.
Und 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 das Angleichen, um die Seitenfläche der Schaltfläche hervorzuheben.
Schritt 34
Stellen Sie nun den folgenden Pfad im oberen Teil des Reinigers dar, der eine Hilfslinie darstellt, die entlang des oberen Teils des Reinigers verläuft.
Stellen Sie nun einen elliptischen Pfad dar. Achten Sie auf die Lage des Zentrums.
Illustrieren Sie den blauen Pfad darüber.
Und löschen Sie die Richtlinie.
Schritt 35
Füllen Sie den blauen Pfad mit einer Kirschfarbe.
Konvertieren Sie nun den gelben Pfad in ein Gitter und ändern Sie die Farben der Gitterknoten. Ihre Ergebnisse sollten wie folgt aussehen:
Schritt 36
Erstellen 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 purpurrote Pfad sollte mit einem abgewinkelten linearen Gefälle gefüllt sein.
Schritt 37
Um einen Verbindungsschlauch herzustellen, nimm das Zeichenstift-Werkzeug (P) und zeichne den folgenden Pfad.
Nehmen Sie dann das Schere-Werkzeug (C) und klicken Sie auf den angezeigten Punkt, um den Pfad zu teilen.
Veranschaulichen Sie anschließend den folgenden zusammengesetzten Pfad, der am ersten Ende des Pfads mit einem radialen Gradienten gefüllt ist.
Zeichnen Sie am zweiten Ende des Pfades einen weiteren zusammengesetzten Pfad, der mit einem radialen Gradienten gefüllt ist (sehen Sie unten).
Sie sollten das folgende Bild erhalten.
Erstellen Sie dann ein Angleichen aus diesen zusammengesetzten Pfaden.
Wiederholen Sie diese Manipulationen mit einem anderen Pfad.
Schritt 38
Skizzieren Sie einen grauen Pfad,...
... und rückwärts senden.
Schneiden Sie den Schlauch mit einem Clipping-Compound-Pfad ab.
Schritt 39
Illustrieren Sie die Schatten von zwei Teilen des Staubsaugers mit den Angleichen.
Schlussfolgerung
Das endgültige Bild ist unten. Sie können Ihre eigenen Staubsauger mit den beschriebenen Techniken veranschaulichen und in den Kommentaren unten auf Ihre Ergebnisse verweisen.
By
