Grundlagen des Mesh-Werkzeugs in Illustrator

In diesem Beitrag erfahren Sie etwas über das Mesh-Werkzeug von Illustrator.

Es ist eines der schwierigsten Werkzeuge in Illustrator, aber wenn Sie in Ihren Illustrationen ein 3-D-Aussehen erzielen möchten, müssen Sie wirklich verstehen, wie Sie dieses Werkzeug richtig verwenden.

Wir werden einen Pilz im Super-Mario-Stil erstellen, um besser zu verstehen, wie man dieses Werkzeug anhand eines realen Beispiels benutzt.

Wenn Sie am Ende des Tutorials angelangt sind, teilen Sie uns bitte Ihre Ergebnisse mit. Und lassen Sie es uns wissen, wenn Sie unterwegs Probleme haben.

Schritt 1

Öffnen wir Adobe Illustrator und erstellen Sie eine Leinwand mit den Maßen 25 × 11 cm (in RGB) und 300 DPI (9,84 × 4,33 Zoll).

Beginnen wir auf der linken Seite der Zeichenfläche.

Machen Sie die Lineale sichtbar (Befehl / Strg + R) und zeichnen Sie dann einen nach unten auf der y-Achse.

Verwenden Sie das Ellipse-Werkzeug (die Verknüpfung ist der Buchstabe L), zeichnen Sie einen Kreis (halten Sie die Umschalttaste gedrückt, um den Kreis perfekt zu machen).

Verwenden Sie das Stiftwerkzeug (P), um diese Pilzkopfform zu erstellen. Vergessen Sie nicht, eine gerade Linie auf der rechten Seite einzufügen, da wir diese Seite später für den Rest der Illustration reflektieren werden.

Zeichnen Sie mit dem Zeichenstift-Werkzeug (P) die folgende Kontur (die einer der weißen Punkte ist) auf den Pilzkopf und bleiben Sie dabei in der Perspektive.

Erstellen Sie die Vorderseite des Pilzes mit dem Stift-Werkzeug (P), um es erneut zu reflektieren.

Zeichnen Sie mit dem Ellipse-Werkzeug (L) eine Ellipse und passen Sie sie mit dem Direktauswahl-Werkzeug (A) an.

Schritt 2

Wählen Sie mit dem Auswahlwerkzeug (L) alles außer dem perfekten Kreis. Halten Sie sie gedrückt, drücken Sie die Umschalttaste und ziehen Sie dann mit der Maus über den Bereich, wodurch die Elemente dupliziert werden.

Klicken Sie mit der rechten Maustaste auf diese Elemente, um das Kontextmenü zu öffnen. Gehe zu Transformieren → Reflektieren.

Wählen Sie die vertikale Achse.

Wähle jetzt alles aus und gehe zum Pathfinder-Panel. Wählen Sie "Unite".

Jetzt, da unsere Zeilen fertig sind, können wir sie einmalen.

Schritt 3

Bevor wir mit dem Mesh-Werkzeug beginnen können, müssen wir die Hauptfarben des Pilzes auswählen, sie als Füllungen festlegen und alle Striche deaktivieren.

Ich habe vier Farben gewählt ...

Beige für das Gesicht (R: 233 G: 201 B: 126) ...

Rot für den Kopf (R: 196 G: 1 B: 1) ...

Weiß für die Punkte (R: 255 G: 255 B: 255) ...

Und schwarz für die Augen (R: 0 G: 0 B: 0) ...

Ok, alles ist eingestellt. Zeit für das Mesh-Werkzeug.

Schritt 4

Wie ich, hast du wahrscheinlich das Mesh-Werkzeug nur ein paar Mal benutzt, wenn überhaupt. Das Beherrschen eines Werkzeugs ist schwierig, wenn Sie die Grundlagen nicht kennen. Versuchen wir also eine einfache Übung, bevor Sie fortfahren. Erstellen Sie zuerst einen perfekten beige Kreis mit dem Ellipse-Werkzeug (L) + Shift.

Verwenden Sie das Mesh-Werkzeug (U), um das darunter liegende Raster zu erstellen. Das Werkzeug erstellt zwei Achsen gleichzeitig, sodass Sie Probleme haben könnten, sie beim ersten Mal auf die Form zu zeichnen. Üben Sie einfache Formen wie diesen Kreis und versuchen Sie immer, das Gitter symmetrisch zu machen. Ein guter Trick ist, mit einem Punkt in der Mitte zu beginnen.

Verwende das Lasso-Werkzeug (Q), um die gewünschten Punkte auszuwählen. Dies ist das gleiche Auswahlwerkzeug, das Sie von Photoshop kennen, also haben Sie sich wahrscheinlich schon damit vertraut. Wähle die Punkte im oberen linken Teil des Balls aus.

Wechseln Sie nun zum Farbbedienfeld und wählen Sie die gewünschte Farbe aus. Mach dir keine Sorgen, wenn die Farbe gerade jetzt zu hart ist; Sie testen es gerade. Sie können jeden Farbpunkt anpassen, indem Sie ihn mit dem Pipettenwerkzeug (I) auswählen. (Ein guter Trick besteht darin, das Pipette-Werkzeug auf Farben zu verwenden, die bereits auf dem Ball sind. Die Ergebnisse sind auf diese Weise leichter zu kontrollieren.)

Wiederholen Sie den Vorgang auf der gegenüberliegenden Seite, diesmal mit einer helleren Farbe.

Wenn Sie das folgende Ergebnis nicht erreicht haben, üben Sie weiter. Es wird einfacher werden. Nach ein paar Versuchen werden Sie die Dynamik davon verstehen.

Schritt 5

Bevor Sie mit dem Pilz beginnen, verriegeln Sie die anderen Elemente, damit Sie sie nicht versehentlich mit dem Lasso-Werkzeug (Q) auswählen. Aber sperren Sie ein Element nach dem anderen (Gesicht, dann Kopf, dann Augen usw.).

Beginnen wir mit dem Gesicht. Mach ein Netz mit dem Mesh-Werkzeug (U). Versuche es symmetrisch zu machen.

Verwende das Lasso-Werkzeug (Q), um die Punkte auf der Unterseite auszuwählen. Wählen Sie im Farbbedienfeld eine dunklere Farbe (z. B. braun) und passen Sie den Farbverlauf mit dem Pipettenwerkzeug (I) an.

Mach dasselbe am Kopf und verwende diesmal eine dunklere Farbe, damit es wie ein Schatten aussieht.

Schritt 6

Verwenden Sie das Mesh-Werkzeug (U) nur an einem der Augen. Wir werden es später duplizieren, um Zeit zu sparen.

Stellen Sie ein symmetrisches Gitter her. Wählen Sie die Punkte in der Mitte mit dem Lasso-Werkzeug (Q) und passen Sie den Gradient mit dem Pipette-Werkzeug (I) an, indem Sie jeden Punkt einzeln auswählen.

Fügen Sie etwas Weiß für das Licht ins Auge hinzu. Nehmen Sie sich Zeit, um es anzupassen.

Dupliziere das Auge, reflektiere es und positioniere es gegenüber dem linken Auge.

Schritt 7

Verwende das Mesh-Werkzeug (U) am Kopf. Dieses Gitter wird etwas härter, weil es größer ist, aber es muss nicht zu komplex werden.

Verwenden Sie das Lasso-Werkzeug (Q), um etwas Weiß an der Spitze des Kopfes hinzuzufügen. Passen Sie die Farbverläufe mit dem Pipettenwerkzeug (I) an.

Der schwarze Farbverlauf an der Unterseite ist ungewöhnlich und könnte daher etwas schwer zu bekommen sein. Aber üben Sie die Auswahl und passen Sie sie an, während Sie weitermachen. Es ist einfach, vertrau mir.

Schritt 8

Ich entschied mich, das Mesh-Werkzeug nicht auf den Kreisen zu verwenden, da sie ziemlich einfache Formen haben und viel weniger Licht zu verwalten sind. Stattdessen nutzte ich das Farbverlaufswerkzeug (G), um einen weiß-zu-grau-radialen Farbverlauf zu erhalten, und ich habe gerade seine Richtung und Menge angepasst.

Ich wiederholte den Vorgang mit den Kreisen auf der Seite. Sei nur vorsichtig mit der Richtung des Gradienten.

Schritt 9

Für eine letzte Berührung habe ich eine einfache Ellipse mit dem Ellipsenwerkzeug (L) hinzugefügt. Dann habe ich mit dem Farbverlaufsbedienfeld diesen verblassenden schwarzen Farbverlauf angewendet und seine Menge und Form angepasst. Ganz einfach und besser als eine Gaußsche Unschärfe, um denselben Effekt zu erzielen.