Share
Während Sie dieses Tutorial lesen, lernen Sie einige hervorragende Vektor-Illustrationstechniken sowie verschiedene leistungsstarke Illustrator-Werkzeuge. Wir erstellen eine auf Straßenlaternen basierende Illustration mit Mischungen, Verlaufsnetzen, Pinsel und mehr. Folgen Sie mit, während Sie Ihre eigenen beeindruckenden Kunstwerke erstellen.
Gehen Sie zuerst zu Ansicht> Lineale> Lineale anzeigen (Befehl + R). Ziehen Sie dann die vertikale Hilfslinie aus dem Lineal und legen Sie sie in Ihrem Grafikbereich ab. Sperren Sie die Richtlinie in der Ebenen-Palette. Danach zeigen Sie den Pfad in seinem unteren Teil gebogen.
Skizzieren Sie einen Kreis mit dem Ellipse-Werkzeug (L). Konzentrieren Sie Ihre Aufmerksamkeit auf die Mitte des Kreises. Es sollte auf der Richtlinie platziert werden.
Und zeichnen Sie eine Ellipse auf dieselbe Weise.
Sperren Sie jetzt alle Pfade mit Ausnahme der Ellipse. Sprengen Sie das Bildmaterial auf, nehmen Sie das Schere-Werkzeug (C) und klicken Sie wie gezeigt auf zwei Punkte.
Löschen Sie danach den linken Teil der Ellipse.
Sperren Sie dann alle Pfade bis auf die ersten, und wiederholen Sie die gleichen Bedienungen wie in der Abbildung unten.
Löschen Sie den mittleren Teil des Pfads.
Machen Sie dasselbe mit dem Kreis. Wählen Sie dann alle empfangenen Pfade aus und gehen Sie zu Objekt> Pfad> Verbinden (Befehlstaste + J). Und ändern Sie die Farbe des Pfades nach Belieben.
Gehen Sie zu Effekt> 3D> Drehen und erstellen Sie eine grundlegende Unterstützung für die Lampe.
Wenn Sie mit der Unterstützungsform zufrieden sind, gehen Sie zur Erscheinungsbildpalette und klicken Sie dort auf den Link "3D-Extrusion & Abschrägung", 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.
Gehen Sie zu Objekt> Aussehen erweitern, und gehen Sie dreimal zu Objekt> Gruppierung aufheben.
Vereinen Sie alle erforderlichen Pfade mithilfe der Pathfinder-Palette oder des Shape Builder-Tools (Umschalt + M) und löschen Sie alle überflüssigen Pfade. Nach diesen Aktionen sollten Sie sechs verschiedene Pfade erhalten. Füllen Sie sie mit verschiedenen Farben für Ihre Bequemlichkeit. (Der obere längliche vertikale Pfad ist grün und im Diagramm unten teilweise dargestellt):
Wählen Sie den blauen Pfad und füllen Sie ihn mit einem linearen Farbverlauf.
Wählen Sie den braunen Pfad aus und füllen Sie ihn mit einem radialen Verlauf.
Der violette Pfad sollte auch mit einem linearen Farbverlauf gefüllt sein.
Wählen Sie nun den roten Pfad und gehen Sie zu Objekt> Verlaufsgitter erstellen…
Hoppla! Wir können diesen Pfad nicht in ein Mesh umwandeln. Was sollen wir machen? Ich empfehle Ihnen, zu Objekt> Pfad> Vereinfachen zu gehen und dort die Elemente festzulegen, die Sie im Diagramm unten sehen können.
Wie Sie sehen, wird die Anzahl der Ankerpunkte nach dieser einfachen Operation auf zehn reduziert. Und die Anfangskontur wurde gespeichert. Jetzt können Sie erneut zu Objekt> Verlaufsgitter erstellen gehen.
Nehmen Sie das Netzwerkzeug (U) und ändern Sie die Farben der Netzknoten nach dem Lichtverteilungsprinzip. Außerdem können Sie mit diesem Werkzeug bei Bedarf Linien zum Netz hinzufügen. Sie sollten das unten gezeigte Ergebnis erhalten.
Füllen Sie den gelben Pfad wie unten gezeigt mit einem linearen Farbverlauf.
Gehen Sie dann zu Objekt> Erweitern, um diesen Verlauf zu einem Verlaufsnetz zu erweitern. Gehen Sie dann zu Objekt> Gruppierung aufheben.
Nimm das Lasso-Werkzeug (Q) und wähle mit Hilfe die obersten Netzknoten aus.
Gehen Sie nun zu Object> Transform> Scale und teilen Sie dem Netz die gelbe Pfadform mit. Machen Sie dasselbe mit den unteren Netzknoten.
Ändern Sie die Knotenfarben leicht. Folgen Sie der nachstehenden Abbildung.
Wiederholen Sie diese Manipulationen mit dem grünen vertikalen länglichen Pfad.
Nehmen Sie das Spiral-Tool, klicken Sie in den Grafikbereich und geben Sie die geeigneten Werte für die Optionen im Dialogfeld an.
Am Anfang möchte ich die richtige Lampe veranschaulichen. Wenn Sie dasselbe wünschen, gehen Sie zu Object> Transform> Reflect.
Wechseln Sie nach Bedarf in Ihrem eigenen Bild zu Objekt> Transformieren> Skalieren.
Ändern Sie das Strichgewicht und setzen Sie die runde Kappe in die Strichpalette. Dann schicke den spiralförmigen Pfad zurück. Verringern Sie auch die Lichtintensität etwas. Mit anderen Worten, sei es dunkelgrau.
Nimm das Ellipsenwerkzeug (L) und zeichne einen langgestreckten, horizontalen, elliptischen Pfad, der mit Schwarz gefüllt ist. Sehen Sie sich das hilfreiche Diagramm unten an, in dem der grüne Hintergrund nur zu Ihrer Bequemlichkeit erstellt wird und für dieses Lernprogramm nicht wichtig ist.
Gehen Sie zu Object> Transform> Scale und stellen Sie die Werte ein, die im folgenden Diagramm dargestellt sind. Klicken Sie dann auf die Schaltfläche Kopieren.
Ändern Sie die Deckkraft der größten Ellipse auf 0.
Gehen Sie zu Objekt> Überblenden> Überblendoptionen. Stellen Sie den Abstand auf "Angegebene Schritte" und die Anzahl der Schritte auf etwa 75 oder mehr ein.
Gehen Sie dann zu Objekt> Überblenden> Erstellen (Befehlstaste + Alt + B)..
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 folgenden Abbildung gezeigt ein, und nennen Sie den Pinsel "Schwarzer Pinsel".
Illustrieren Sie den analogen Art-Pinsel, der als "weißer Pinsel" bezeichnet wird. (Eigentlich habe ich den grünen Hintergrund verwendet, um den "weißen Pinsel" zu zeigen, der auf Weiß nicht sichtbar ist.).
Skizzieren Sie jetzt eine gewöhnliche Ellipse, gefüllt mit Grau.
Produziere die schwarze Ellipse darüber in der linken Ecke der grauen.
Zeichne jetzt die weiße Ellipse an der rechten Ecke der grauen Ellipse.
Ändern Sie die graue Ellipsen-Deckkraft in 0.
Und machen Sie eine Mischung aus all diesen drei Ellipsen.
Produzieren Sie den Art "BW-Pinsel" aus dieser Mischung (siehe Abbildung).
Kopieren Sie den Spiralweg und fügen Sie ihn vor (Befehl + C, dann Befehl + F). Gehen Sie zu Objekt> Erweitern. Gehen Sie dann zu Objekt> Gruppierung aufheben.
Illustrieren Sie den gezeigten Pfad über der Spirale und wenden Sie den "weißen Pinsel" darauf an.
Wählen Sie die gerade erstellte Kopie des Spiralpfads aus und platzieren Sie sie über dem zweiten Pfad, auf den der Pinsel angewendet wurde. Wählen Sie beide Pfade aus…
… Und gehen Sie zu Objekt> Schnittmaske> Erstellen (Befehl + 7).
Ändern Sie dann die Deckkraft und das Strichgewicht des Pfads, auf den der Pinsel angewendet wird.
Stellen Sie sich den nächsten Pfad vor und wenden Sie den "schwarzen Pinsel" darauf an, um den Rand des Pfads hervorzuheben. Ändern Sie die Deckkraft und das Strichgewicht. Beschneiden Sie den Pfad mit der vorhandenen Schnittmaske.
Wenden Sie den "schwarzen Pinsel" auf die folgenden Pfade an. Beschneiden Sie die Pfade mit einem Beschneidungspfad.
Wiederholen Sie diese Manipulationen mit anderen Pfaden, auf die der "weiße Pinsel" angewendet wurde.
Der folgende Weg führt vom Licht zum Schatten. Es wäre also richtig, den "BW-Pinsel" darauf anzuwenden.
Wenden Sie den "BW-Pinsel" auf die folgenden drei Pfade an, die in der folgenden Abbildung gezeigt werden, da diese Pfade ebenfalls vom Licht zum Schatten gehen.
Normalerweise sind die großen, metallischen Objekte vom umgebenden Hintergrund gut markiert. Daher ist es richtig, die Ränder der Objekte hervorzuheben.
Sie können dies tun, indem Sie die Kunstpinsel verwenden und die Strichgewichtungen der Pfade verringern. Beachten Sie jedoch, dass Sie Pinsel verwenden müssen, die sich in der Farbe von den umgebenden Pixeln der Objekte unterscheiden. Um zu sehen, wie diese Regel funktioniert, stellen wir den ersten Pfad dar, der im Bereich des Lichts angezeigt wird, und wenden dann den "schwarzen Pinsel" darauf an.
Tragen Sie nun den "BW-Pinsel" auf das verdrehte Ende der Spirale auf.
Tragen Sie den weißen Pinsel auf den dunklen Teil der Spirale auf.
Um eine Kette abzubilden, zeichnen Sie zuerst einen zusammengesetzten Pfad mit dem Ellipse-Werkzeug (L) und füllen ihn dann mit einem dunklen Grau.
Nach dem Anwenden der Pinsel "Schwarz" und "Weiß" und dem Zuschneiden der Pfade mit dem entsprechenden Beschneidungspfad erhalten Sie das folgende Ergebnis. (Bis zu diesem Punkt im Tutorial wissen Sie bereits, wie Sie dies ohne Hilfe erreichen können. Wenden Sie einfach die Techniken an, die Sie zuvor im Tutorial gelernt haben.
Sie überlegen, wie Sie diesen Ring auf die Helix legen können? Wählen Sie zuerst die Spiralkontur aus (Sie können den Beschneidungspfad selbst auswählen), Kopieren Sie ihn und fügen Sie ihn in den Vordergrund ein (Befehlstaste + C, dann Befehlstaste + F).
… Dann den Ring auswählen, kopieren und vorne einfügen (Befehl + C, dann Befehl + F).
Wählen Sie dann beide Kopien der Pfade aus,…
… Greifen Sie auf das Shape Builder-Werkzeug (Umschalt + M) und ziehen Sie den Mauszeiger über die angezeigten Teile. Oder verwenden Sie die Pathfinder-Palette für diesen Vorgang.
Löschen Sie danach alle Pfade mit Ausnahme des gelben Pfads. (Es ist für Ihre Bequemlichkeit mit Gelb gefüllt).
Die gelbe Kontur ist ein Beschneidungspfad für den Ring.
Illustrieren Sie so viele Ringe der Kette, wie Sie möchten.
Um eine Kappe der Laterne zu skizzieren, zeichnen Sie den gekrümmten Pfad und gehen Sie zu Effekt> 3D> Drehen. Sie sollten etwas wie das Folgende erhalten:
Nach dem Erweitern des 3D-Objekts und dem Vereinigen der empfangenen Pfade erhalten Sie den nächsten gelben Pfad.
Nun schauen wir uns mal an, wie man das malen soll. Die Verwendung von Farbverläufen wäre eine schlechte Entscheidung, da eine Halbkugel mit Farbverteilung gebildet werden muss. Was ist, wenn wir Maschen verwenden? Lass uns einen Versuch machen. Nimm das Rechteckwerkzeug (M) und illustriere den folgenden halbtransparenten Pfad über dem gelben.
Gehen Sie zu Objekt> Verlaufsgitter erstellen und legen Sie dort die Werte fest, die Sie im Diagramm unten sehen.
Nimm das Maschenwerkzeug (U) und füge eine horizontale Maschenlinie hinzu (siehe Abbildung). Die horizontale Maschenlinie muss sich mit dem gelben Pfad berühren.
Dann ändern Sie die Deckkraft des Netzes auf 100%.
Wenden Sie den Beschneidungspfad, der aus der gelben Kontur gebildet wird, auf das Netz an.
Nehmen Sie nun das Lasso-Werkzeug (Q), wählen Sie die Netzknoten von links nach rechts aus und ändern Sie die Farben. (Der Beschneidungspfad ist in den beiden folgenden Diagrammen der Einfachheit halber unsichtbar.).
Schnappen Sie sich erneut das Lasso-Werkzeug (Q) und wählen Sie die Netzknoten aus, die im Bild unten dargestellt sind.
Gehen Sie dann zu Object> Transform> Scale und stellen Sie dort die Werte ein, die im Diagramm unten gezeigt werden.
Machen Sie den Beschneidungspfad wieder sichtbar.
Verwandeln Sie das Netz mit der Hilfe des Direktauswahl-Werkzeugs (A) in die Ansicht der Halbkugelform.
Um den Rand der Halbkugel zu betonen, wenden Sie den "weißen Pinsel" auf den folgenden Pfad an.
Tragen Sie den "schwarzen Pinsel" auf die zweite Seite der Kuppel auf.
Verbinden Sie die Kappe der Laterne mit der Kette.
Produziere drei Pfade der Laterne, wie unten gezeigt.
Wählen Sie einen der Pfade aus und gehen Sie zu Objekt> Pfad> Versatzpfad, und legen Sie dort die folgenden Werte fest:
Wiederholen Sie diese Manipulation mit den anderen Pfaden.
Wir müssen die Gläser der Laterne vom metallischen Körper der Laterne trennen. Dies liegt daran, dass das Milchglas der Lampe halbtransparent ist. Wählen Sie eine Glaskontur aus, kopieren Sie sie und fügen Sie sie in den Vordergrund ein (Befehl + C, dann Befehl + F)..
Wählen Sie dann den abgebildeten Teil der Laterne aus, der aus zwei Pfaden besteht: dem metallischen und dem Glaspfad,…
… Und gehen Sie zu Objekt> Zusammengesetzter Pfad> Erstellen (Befehl + 8).
Füllen Sie es mit einem linearen Farbverlauf.
Füllen Sie nun den Glaspfad mit einem vertikalen Verlauf und verringern Sie die Deckkraft.
Machen Sie dasselbe mit anderen Glas- und Metallteilen der Laterne.
Sie können nun den Hintergrund wie in der folgenden Abbildung dargestellt darstellen.
Der hintere Teil der Laterne wird erzeugt, indem der vordere Teil kopiert und in den hinteren Teil eingefügt wird (Befehl + C, dann Befehl + B)..
Die Lampe selbst ist eine abgestumpfte Pyramide mit sechs seitlichen Ebenen. Daher sind die hinteren Metallteile nicht sichtbar. Dies ist richtig. Um den Blickwinkel zu berücksichtigen, wird jedoch deutlich, dass die Lampe im unteren Metallteil eine Detailtiefe benötigt. Skizzieren Sie es wie unten gezeigt und füllen Sie es mit einem linearen Farbverlauf.
Nun muss der hintere Teil der Lampe mit einer Schnittmaske beschnitten werden, die mit Hilfe des soeben dargestellten halbrunden Details gebildet wird.
Machen Sie die metallischen Ränder weicher, indem Sie die Art-Pinsel (Pinsel "Weiß", "Schwarz" und "BW") darauf anwenden, wie in der folgenden Abbildung dargestellt.
Skizzieren Sie jetzt die hellen Flecken auf dem Milchglas der Laterne. Zuerst einen regelmäßigen weißen und nicht zu langen Strich erzeugen.
Dann ziehen Sie es in die Pinsel-Palette. Wählen Sie im Dialogfeld die Option Streupinsel aus.
Stellen Sie die Elemente für den Pinsel wie in der nachstehenden Abbildung gezeigt ein.
Nehmen Sie nun das Pinsel-Werkzeug (B) und platzieren Sie, während in der Pinsel-Palette der Pinsel Streubalken ausgewählt ist, verschiedene Striche über dem Lampenglas. Beschneiden Sie dann alle Striche mit einer entsprechenden Schnittmaske, ändern Sie die Opazitäten und die Strichstärken davon.
Stellen Sie die ähnlichen Lichtpunkte auf der seitlichen Brille so dar, wie Sie es für richtig halten, da sie in einem solchen Blickwinkel nahezu unsichtbar sein können.
Stellen Sie sich die zweite Lampe auf die gleiche Weise vor.
Der Kopplungspunkt der beiden Lampen (unten grün dargestellt) ist nicht so schön, wie er sein könnte.
Sie können es auf künstliche Weise verbessern. Mal sehen, wie es funktioniert. Zeichnen Sie zuerst den angezeigten Pfad mit einem linearen Farbverlauf. Es ist jetzt flach und einfach.
Skizzieren Sie nun die folgenden zwei Pfade ohne Füllung.
Gehen Sie zu "Objekt"> "Überblenden"> "Überblendoptionen" und setzen Sie den Abstand für die angegebenen Schritte und die Anzahl der Schritte auf 2.
Wählen Sie beide weißen Pfade aus, und wählen Sie Objekt> Überblenden> Erstellen (Befehlstaste + Alt + B). Wenden Sie den "weißen Pinsel" auf die Pfade der Überblendung an, beschneiden Sie die Überblendung mit einer Schnittmaske, ändern Sie die Deckkraft und die Strichstärke der Pfade. Dies fügt dem Kupplungsdetail mehr Volumen hinzu.
Zeichnen Sie im unteren Teil der Laterne einen Pfad, der mit einem winkelförmigen linearen Verlauf gefüllt ist.
Stellen Sie sich eine Grenze des Bodens vor.
Danach wird der nächste Pinsel aus der kleinen Ellipse mit einer langen Achse erzeugt, die nur einigen Pixeln entspricht.
Erstellen Sie nun eine Bodentextur mit diesem Pinsel.
Illustrieren Sie einen weichen Schatten von der Laterne. Achten Sie darauf, dass die weich genug Schatten mit den üblichen elliptischen Pfaden in einer Überblendung dargestellt werden können, während die hart genug Schatten die ursprüngliche Objektform nachzeichnen müssen.
Das endgültige Bild ist unten gezeigt.
Accentsconagua