Tipps zum Arbeiten mit dem Verlaufsgitter in Illustrator

Ein paar Mal pro Monat besuchen wir einige der Lieblingsbeiträge unserer Leser aus der gesamten Geschichte von Vectortuts +. Dieses Tutorial von Irmi Arieli wurde erstmals am 9. März 2009 veröffentlicht.

Eines der erstaunlichsten und verwirrendsten Werkzeuge in Adobe Illustrator ist wahrscheinlich das Verlaufsgitter-Werkzeug. Wenn Sie mit dieser Funktion arbeiten, können Sie nahezu jede Form in ein Netz unterteilen. Jeder Schnittpunkt von zwei Linien (horizontal / vertikal) kann mit einer Volltonfarbe eingefärbt werden. Dieses Tutorial hat ein anderes Format als einige unserer Tuts und hilft Ihnen dabei, besser mit dem Mesh-Werkzeug zu arbeiten.

In diesem Lernprogramm zeigen wir Ihnen einige Tipps, die Ihre Mesh-Arbeit verbessern. Wir zeigen Ihnen auch einen richtigen Workflow, um mit diesem Tool hervorragende Ergebnisse zu erzielen. Wir werden uns eingehend mit dem Erstellen einer Ebene in der detaillierten Datei eines Maschennetzes beschäftigen. Das endgültige Design ist in unserem Werbegeschenk-Bereich verfügbar und trägt den Titel Army Shoe. Lass uns anfangen!


1. Einleitung

Ich möchte mich bei Itai Lustgarten für das Mitschreiben dieses Tutorials bedanken. Itai ist ein Grafiker, Designer und Dozent. Wir sind beide seit 1990 in der Industrie tätig. Wir unterrichten in Illustrator, Photoshop und Pre-Press-Verfahren an der Mentor-Akademie und an mehreren Akademien in Israel.


2. Erstellen eines Grundnetzes

Nachdem Sie eine Form (nicht zusammengesetzte Form) ausgewählt haben, wählen Sie im Objektmenü die Option Verlaufsnetzwerk erstellen aus. Im Befehlsfenster können Sie die Struktur des Netzes festlegen - die Anzahl der Zeilen und Spalten. Beachten Sie die durch die ursprüngliche Kontur der Form definierten Netzlinien.


3. Punkte zu einem Netz hinzufügen

Eine andere Möglichkeit, einem Netz einen Punkt hinzuzufügen, besteht darin, das Netzwerkzeug zu verwenden und auf eine beliebige Stelle im Formbereich zu klicken.


4. Färben Sie das Netz ein

Nach dem Konvertieren einer Form in ein Netz können Sie Punkte mit drei Werkzeugen auswählen: Netzwerkzeug, Direktauswahl-Werkzeug und Lasso-Werkzeug. Um dem Netz Farbe hinzuzufügen, müssen Sie nur noch eine Farbe aus der Farbfeldpalette auswählen oder mit dem Pipettenwerkzeug eine Farbe aus einem Bild auswählen.


5. Punkte verschieben

Wenn Sie einen Punkt auf der Netzform verschieben müssen, wählen Sie das Werkzeug "Netz" oder das Werkzeug "Direktauswahl". Klicken Sie dann auf einen Punkt und ziehen Sie ihn. (Wenn Sie die Umschalttaste gedrückt halten, wird der Punkt nur in einer horizontalen / vertikalen Linie gezogen.).


6. Ineinandergreifen mit Formen

Um mit einem Mesh das beste Ergebnis zu erzielen, muss eine symmetrische Form verwendet werden, da das Mesh auf jeder Seite der Form eine gleiche Anzahl von Ankerpunkten verwendet. Das Problem ist, was passiert, wenn wir eine komplexe Form erstellen möchten. Sehen Sie sich unten das Ergebnis der nicht symmetrischen Form im Vergleich zu einer symmetrischen Form an.

Die Lösung könnte in zwei Teile aufgeteilt werden. Die erste ist, mit einem Rechteck oder einer Ellipse zu beginnen, sie in ein Netz umzuwandeln und sie dann in die gewünschte Form zu verzerren. Die zweite Lösung besteht darin, mit mehreren Teilen zu arbeiten, bei denen es sich um symmetrische Formen handelt - übereinander.


7. Platzieren Sie das Bild

Das Armeeschuh-Image kann hier heruntergeladen werden. Wenn Sie ein Bild zum Bearbeiten platzieren, besteht die effizienteste Methode darin, das Bild ohne Abblendung in eine Vorlagenebene zu platzieren.


8. Vorschau und Gliederung

Der Wechsel zwischen den Modi Vorschau und Gliederung ist ein Muss. Beim Vernetzen werden 80% der Zeit in einem Gliederungsansicht-Modus verbracht. Ein Beispiel aus dem letzten Startvorgang ist unten dargestellt.


9. Der Bauprozess

Es ist wichtig, das Bild in Ebenen aufzuteilen. Auf diese Weise können Sie separat an Schnürsenkel, Schuhsohle und anderen Teilen auf separaten Ebenen arbeiten. Schauen wir uns die Arbeit an der Schuhsohle an. Doppelklicken Sie zuerst auf "layer1" und ändern Sie den Namen in "Schuhsohle".


Schritt 1

Zeichnen Sie ein Rechteck auf der linken Seite der Schuhsohle (und ändern Sie den Ansichtsmodus in Gliederung)..


Schritt 2

Klicken Sie mit dem Netzwerkzeug (u) auf einen der vier Ankerpunkte des ursprünglichen Rechtecks. Dieser Wille
wandeln Sie das Rechteck in ein Netzobjekt um, ohne unbenutzte Linien hinzuzufügen.


Schritt 3

Bewegen Sie mit dem Mesh-Werkzeug die beiden rechten Punkte des Rechtecks ​​an die rechte Kante der Schuhsohle und spielen Sie ein wenig mit den Ankergriffen, um die Schuhsohle anzupassen.


Schritt 4

Achten Sie auf die Farbflussrichtung. Jede horizontale / vertikale Linie, die Sie dem Netz hinzufügen, fließt zwischen den vorhandenen zwei. Klicken Sie mit dem Mesh-Werkzeug (u) auf die untere Mesh-Linie und fügen Sie einen vertikalen Mesh-Punkt hinzu. Ziehen Sie es nach unten, um die Schuhsohle anzupassen. Führen Sie dieselbe Einstellung für den oberen Maschenpunkt durch.


Schritt 5

Nehmen Sie die erforderlichen Anpassungen vor, um die Form zu korrigieren. Fügen Sie entlang der horizontalen Linie der Form weitere Punkte hinzu, um das Netz an die Schuhsohle anzupassen.


Schritt 6

Nachdem Sie die Punkte hinzugefügt haben, können Sie sie mit dem Pipettenwerkzeug färben. Wählen Sie jeden Punkt und
Verwenden Sie die Pipette (i), um eine Farbe aus dem Bild unten zu entnehmen (tun Sie dies im Umrissmodus)..


Schritt 7

Achten Sie genau auf einen Farbwechsel. Wo Sie einen Farbunterschied sehen, platzieren Sie einen Gitterpunkt und färben ihn ein.


Schritt 8

Folgen Sie der horizontalen Linie und verschieben Sie die Netzpunkte entsprechend der Farbänderung entlang der Form.


Schritt 9

In diesem Schritt machen wir Halt. Wo immer Sie kontrastierende Farben erkennen, müssen Sie weitere Punkte hinzufügen - und damit den Farbfluss stoppen. Es wird empfohlen, von der Gliederung in den Vorschaumodus zu wechseln.

Jetzt müssen Sie nur noch alle Punkte durchgehen und sie farblich markieren. Wenn Sie fertig sind, erstellen Sie eine neue Ebene und fahren Sie mit dem nächsten Teil fort, den Sie verbinden möchten. Sie können ein Nahaufnahmenergebnis von Zeh und Sohle in einem Ausschnitt des unten gezeigten Vektors sehen.


10. Schlussfolgerung

Geduld beim Vernetzen ist ein Muss, um gute Ergebnisse zu erzielen. Denken Sie auch daran, dass symmetrische Formen beim Vernetzen die beste Arbeitsweise sind. Das endgültige Design ist in unserem Werbegeschenk-Bereich verfügbar und trägt den Titel Army Shoe. Viel Spaß beim Üben dieser Techniken an eigenen Illustrationen!

Abonnieren Sie den Vectortuts + RSS-Feed, um mit den neuesten Vektor-Tutorials und Artikeln auf dem Laufenden zu bleiben.