1. Design & Illustration
  2. Adobe Illustrator

Wie kann man einen Graspinsel in Illustrator erstellen und anwenden?

by
Read Time:12 minsLanguages:

German (Deutsch) translation by Katharina Grigorovich-Nevolina (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Wenn Sie einen Graspinsel erstellen möchten, ist Illustrator der richtige Weg, und ich zeige Ihnen, wie einfach es sein kann. Wenn Sie nur drei einfache Illustrator-Pinsel verwenden und die Funktionsweise der Einstellungen verstehen, können Sie alles von minimalem Gras bis hin zu ziemlich realistisch aussehendem Gras erstellen. Ich werde Sie Schritt für Schritt begleiten, um dies zu erreichen. Lassen Sie uns beginnen!

Wenn Sie mehr Inspiration und Ressourcen benötigen, um Ihre Illustrationen zu verbessern, besuchen Sie GraphicRiver, wo Sie viele Illustrator-Pinsel, Vektoren und andere schöne Illustrationen finden, die Sie verwenden können.

Was werden Sie in diesem Graspinsel-Tutorial lernen? 

  • Wie kann man einen Pinsel mit einfachen Formen und Werkzeugen in Illustrator erstellen? 
  • Wie kann man einen Graspinsel in Illustrator speichern? 
  • Wie kann man einen Graspinsel anwenden und die Streupinsel-Einstellungen verstehen?
  • Wie kann man natürliches, realistisches Gras mit drei einfachen Illustrator-Pinseln erstellen? 
  • Wie können Sie Ihre Gesamtdarstellungen verbessern? 

Tutorial-Assets

Um das Tutorial abzuschließen, benötigen Sie die folgenden Assets:

1. Wie kann man ein neues Dokument öffnen? 

Starten Sie Illustrator und gehen Sie zu Datei > Neu, um ein schwarzes Dokument zu öffnen. Geben Sie einen Namen für Ihre Datei ein, legen Sie die Abmessungen fest und wählen Sie dann Pixel als Einheiten und RGB als Farbmodus.

Gehen Sie als Nächstes zu Bearbeiten > Einstellungen > Allgemein und stellen Sie das Tastaturinkrement auf 1 px ein. Gehen Sie dort zu Einheiten, um sicherzustellen, dass sie wie in der folgenden Abbildung eingestellt sind. Normalerweise arbeite ich mit diesen Einstellungen und sie werden Ihnen während des gesamten Zeichenprozesses helfen.

how to open a new document in illustrator how to open a new document in illustrator how to open a new document in illustrator

2. Wie kann man einen Graspinsel in Illustrator erstellen? 

Schritt 1

Einen Pinsel in Illustrator zu erstellen ist ziemlich einfach. Es beginnt mit der Definition eines Objekts, in diesem Fall eines einzelnen Grashalms. Kopien dieses Objekts werden entlang eines Weges verteilt und wir werden wunderschönes Gras erhalten.

Schnappen Sie sich das Zeichenstift-Werkzeug (P) und zeichnen Sie eine Form wie im Bild unten als erstes Gras. Verwenden Sie ein 20 x 320 px großes Rechteck als Größenreferenz und machen Sie diese Form ungefähr gleich groß. Auf diese Weise funktionieren die Einstellungen, die wir später im Tutorial vornehmen, auch für Sie und Sie erhalten ein ähnliches Ergebnis.

how to make a brush in illustrator to create grasshow to make a brush in illustrator to create grasshow to make a brush in illustrator to create grass

Schritt 2

Lassen Sie uns ein weiteres Stück Gras zeichnen und es etwas anders machen als das erste. Beachten Sie, dass dieser mehr gekrümmt ist.

how to make a brush in illustrator to create curved grasshow to make a brush in illustrator to create curved grasshow to make a brush in illustrator to create curved grass

Schritt 3

Das dritte Grasstück hat eine gebogene Spitze, die nach rechts zeigt, und wir werden dieses verwenden, um dem Gras Details hinzuzufügen.

how to make a brush in illustrator to create bent grasshow to make a brush in illustrator to create bent grasshow to make a brush in illustrator to create bent grass

3. Wie kann man einen Pinsel in Illustrator speichern? 

Schritt 1

Wählen Sie das erste Grasstück aus und drücken Sie unten im Pinsel-Bedienfeld auf „Neuer Pinsel“. Wählen Sie Streupinsel und klicken Sie auf OK, um das Fenster mit den Streupinsel-Optionen zu öffnen. Geben Sie dort einfach "Grass Brush 1" als Namen ein und wählen Sie als Einfärbung-Methode Farbtöne aus. Lassen Sie die restlichen Einstellungen vorerst unverändert und klicken Sie auf OK.

how to save a brush in illustrator to create grasshow to save a brush in illustrator to create grasshow to save a brush in illustrator to create grass

Schritt 2

Wählen Sie nun das zweite Grasstück aus, ziehen Sie es in das Pinsel-Bedienfeld und speichern Sie es als „Graspinsel 2“.

how to save a grass brush in illustratorhow to save a grass brush in illustratorhow to save a grass brush in illustrator

Schritt 3

Wiederholen Sie das gleiche für die dritte gezeichnete Form und speichern Sie sie als "Grass Brush 3".

how to save a scatter brush in illustratorhow to save a scatter brush in illustratorhow to save a scatter brush in illustrator

Schritt 4

Hier sind die drei einfachen Illustrator-Pinsel, gespeichert und einsatzbereit. Sie sollten ungefähr die gleiche Größe haben, aber etwas unterschiedlich sein, da dies uns am Ende ein realistischeres Aussehen verleiht.

Sind drei verschiedene Graspinsel wirklich notwendig? Die Antwort ist nein. Um schnelles, minimales Gras zu erreichen, sollte man normalerweise ausreichen. Wenn Sie jedoch in Ihren Illustrationen einen realistischen, zufälligen und natürlichen Look erzielen möchten, sind diese drei Illustrator-Pinsel genau das Richtige.

how to make illustrator brushes to create vector grasshow to make illustrator brushes to create vector grasshow to make illustrator brushes to create vector grass

4. Wie kann man Illustrator-Pinsel zum Erstellen von mittlerem Gras verwenden? 

Schritt 1

Nehmen Sie das Liniensegment-Werkzeug (\) und zeichnen Sie auf Ihrer Zeichenfläche einen geraden Pfad mit einer Länge von 2000 px. Streichen Sie es mit dem Graspinsel 1, indem Sie es einfach aus dem Pinsel-Bedienfeld auswählen, und halten Sie die Konturstärke bei 1 pt. Sie erhalten das Ergebnis aus dem Bild unten, wobei die Grashalme gleichmäßig über den Weg verteilt sind, aber das ist nicht genau das, was wir brauchen. Hier spielen die Einstellungen für Größe, Abstand, Streuung und Drehung eine große Rolle.

how to apply a brush in illustrator to make grasshow to apply a brush in illustrator to make grasshow to apply a brush in illustrator to make grass

Schritt 2

Öffnen Sie bei ausgewähltem Pfad das Fenster Konturoptionen, indem Sie auf den Pinsel doppelklicken, der im Aussehen-Bedienfeld angewendet wurde.

  • Größe steuert die Größe des Objekts. Wählen Sie „Zufällig“ und stellen Sie ihn dann zwischen 80% und 100% ein, da wir dadurch Grasstücke unterschiedlicher Größe erhalten.
  • Abstand steuert den Abstand zwischen Objekten. Wählen Sie „Zufällig“ und stellen Sie einen Wert zwischen 25% und 5% ein, um mehr Grasstücke entlang des Pfads zu erhalten.
  • Streuung steuert, wie nah Objekte dem Pfad unabhängig auf jeder Seite des Pfads folgen. Je höher der Wert, desto weiter sind die Objekte vom Pfad entfernt. Wählen Sie erneut Zufällig und legen Sie die Werte zwischen 5% und -15% fest.
  • Drehung steuert den Drehwinkel der Objekte. Wählen Sie Zufällig und legen Sie die Werte auf -10 Grad bis 10 Grad fest. Beachten Sie, wie das Gras jetzt natürlicher aussieht, und wir sind auf dem richtigen Weg.
how to make grass in illustrator with a scatter brushhow to make grass in illustrator with a scatter brushhow to make grass in illustrator with a scatter brush

Schritt 3

Lassen Sie denselben Pfad ausgewählt und klicken Sie unten im Aussehen-Bedienfeld auf Neue Kontur hinzufügen, um ein zweites Kontur-Attribut über dem vorhandenen hinzuzufügen. Verwenden Sie Graspinsel 2, indem Sie ihn im Pinsel-Bedienfeld auswählen, und behalten Sie die Konturstärke bei 1 pt.

Öffnen Sie das Fenster Kontur-Optionen und ändern Sie die Einstellungen wie gezeigt. Aus optischen Gründen habe ich die Konturfarbe in Blau geändert, damit Sie besser sehen können, wie die verschiedenen Einstellungen zu einem unterschiedlichen Ergebnis führen.

how to create fuller grass in illustrator with a scatter brushhow to create fuller grass in illustrator with a scatter brushhow to create fuller grass in illustrator with a scatter brush

Schritt 4

Drücken Sie, während der Pfad noch ausgewählt ist, erneut auf Neue Kontur hinzufügen, um ein drittes Kontur-Attribut oben im Aussehen-Bedienfeld hinzuzufügen. Verwenden Sie Grass Brush 3 und ändern Sie dann die Einstellungen wie gezeigt. Beachten Sie, dass die Abstand-Werte dieses Mal größer sind, da wir weniger gebogene Grasstücke im Design haben möchten, mit nur wenigen Stücken, um ein natürliches Aussehen zu erzielen.

how to create more grass with an illustrator scatter brushhow to create more grass with an illustrator scatter brushhow to create more grass with an illustrator scatter brush

5. Wie kann man mit Illustrator-Pinseln hohes Gras erstellen? 

Verwenden Sie das Liniensegment-Werkzeug (\), um einen weiteren geraden Pfad mit einer Länge von 2000 px zu zeichnen. Fügen Sie drei Konturattribute hinzu und verwenden Sie die drei Graspinsel wie zuvor. Halten Sie das Konturstärke für alle bei 1 pt.

Um höheres Gras zu erhalten, müssen wir mit den Streuung-Einstellungen spielen. Je größer die Werte, desto weiter entfernen sich die Grasstücke vom Pfad, was am Ende den Eindruck von höherem Gras erzeugt.

how to make grass using illustrator brusheshow to make grass using illustrator brusheshow to make grass using illustrator brushes

Hier sind die Einstellungen für Graspinsel 1, Graspinsel 2 und Graspinsel 3 in der Reihenfolge:

settings for grass illustrator brushessettings for grass illustrator brushessettings for grass illustrator brushes

6. Wie kann man Illustrator-Pinsel zum Erstellen von gemischtem Gras verwenden? 

Schritt 1

Verwenden Sie das Liniensegment-Werkzeug (\), um auf Ihrer Zeichenfläche einen neuen Pfad mit einer Länge von 2000 px zu zeichnen. Fügen Sie wie zuvor drei Kontur-Attribute hinzu und verwenden Sie die drei Graspinsel separat. Halten Sie das Konturstärke für alle bei 1 pt.

Alle Einstellungen sind wichtig, um gemischtes, zufälliges Gras zu erstellen, da sie variiert werden müssen, aber die wichtigsten sind Streuung und Drehung. Dadurch erhalten wir zufällig verteilte Grasstücke, die in einem größeren Winkel als zuvor gedreht wurden.

how to make grass using illustrator scatter brusheshow to make grass using illustrator scatter brusheshow to make grass using illustrator scatter brushes

Hier sind die Einstellungen für die drei Illustrator-Pinsel:

settings for grass illustrator scatter brushessettings for grass illustrator scatter brushessettings for grass illustrator scatter brushes

Schritt 2

Schauen wir uns noch einmal die Grasarten an, die wir mit verschiedenen Einstellungen erstellt haben. Um zu demonstrieren, wie man sie verwendet, fügen wir Gras in eine schöne Illustration ein, aber Sie können sie auch in anderen Projekten verwenden.

Ich werde sie im nächsten Teil des Tutorials als "mittleres Gras"(1), "hohes Gras"(2) und "gemischtes Gras"(3) bezeichnen natürliches, realistisches Ergebnis.

how to use grass brush in illustrator to make medium tall and mixed grass how to use grass brush in illustrator to make medium tall and mixed grass how to use grass brush in illustrator to make medium tall and mixed grass

7. Wie kann man Vektorgras in Illustrator erstellen? 

Schritt 1

Diese fröhliche Baumillustration von Envato Elements ist perfekt für uns. Der Platz vor diesem wunderschönen Baum ist ideal für etwas Gras.

Öffnen Sie die Datei in Illustrator und bereinigen wir die Illustration ein wenig, indem wir einige der Pflanzen vor und um den Baum entfernen. Die Ebenen sind sehr gut organisiert und entsprechend benannt, sodass dies leicht zu bewerkstelligen ist.

how to open and prepare an illustration from Envato Elementshow to open and prepare an illustration from Envato Elementshow to open and prepare an illustration from Envato Elements

Schritt 2

Schnappen Sie sich "mittleres Gras" und ordnen Sie es unten auf der Zeichenfläche an, wie in der Abbildung unten gezeigt. Der Pfad ist 2000 px lang, sollte also genau richtig passen (1).

Während der Pfad ausgewählt bleibt, gehen Sie zu Objekt  > Aussehen erweitern, um die Pinselkonturen in eine Gruppe einzelner, mit Schwarz gefüllter Grashalme zu verwandeln.

Sie werden feststellen, dass jedem Grashalm ein Rechteck ohne Kontur und ohne Füllung zugeordnet ist. Wir müssen alle vor dem Färben löschen. Verwenden Sie das Direktauswahl-Werkzeug (A), um nur eines dieser Rechtecke (2) auszuwählen, und gehen Sie dann zu Auswählen > Gleich > Fläche und Kontur. Illustrator wählt automatisch alle Rechtecke für Sie aus; Drücken Sie einfach die Entf-Taste auf Ihrer Tastatur.

Jetzt können wir die Grasgruppe einfärben. Verwenden Sie einen linearen Verlauf von Hellgrün zu einem dunkleren Grün und stellen Sie den Winkel auf -90 Grad ein, damit die helle Farbe oben ist.

how to create the first row of grass with illustrator brusheshow to create the first row of grass with illustrator brusheshow to create the first row of grass with illustrator brushes

Schritt 3

Nehmen Sie als Nächstes "hohes Gras" und positionieren Sie den Pfad unten auf der Zeichenfläche. Schicken Sie es hinter die erste Grasgruppe. Gehen Sie zu Objekt > Aussehen erweitern und entfernen Sie dann alle leeren Rechtecke, die Sie nach dem Erweitern erhalten, genau wie im vorherigen Schritt. Danach können Sie die gesamte Gruppe mit dem linearen Verlauf in einem Winkel von -90 Grad einfärben.

how to make a second row of grass with illustrator brusheshow to make a second row of grass with illustrator brusheshow to make a second row of grass with illustrator brushes

Schritt 4

Kopieren Sie die zweite Grasgruppe und fügen Sie sie hinten ein (Strg-B) und erhöhen Sie das Gras, indem Sie den Begrenzungsrahmen mit dem Auswahl-Werkzeug (V) ziehen. Ändern Sie auch den Farbverlauf wie gezeigt in einen helleren. Unser Gras kommt schön zusammen, oder?

how to multiply the vector grass in illustratorhow to multiply the vector grass in illustratorhow to multiply the vector grass in illustrator

Schritt 5

Kopieren Sie die zweite Grasgruppe und fügen Sie sie vorne ein (Strg-F), und verkleinern Sie sie diesmal mit dem Auswahl-Werkzeug (V). Ändern Sie den vorhandenen Farbverlauf in einen viel dunkleren und beachten Sie, wie viel Tiefe dies im Design erzeugt.

how to make shadow grass in illustratorhow to make shadow grass in illustratorhow to make shadow grass in illustrator

Schritt 6

Nehmen Sie nun "gemischtes Gras" und ordnen Sie es nach dem Erweitern am unteren Rand der Zeichenfläche an, wie in der Abbildung unten gezeigt. Stellen Sie sicher, dass Sie es hinter alle anderen Gruppen im Ebenen-Bedienfeld senden und auch mit einem dunkleren Verlauf färben, um Schatten im Hintergrund zu erzeugen.

how to add more grass with illustrator brusheshow to add more grass with illustrator brusheshow to add more grass with illustrator brushes

Schritt 7

Wir haben die drei Grasarten erfolgreich in unserem Design verwendet. Alle Schichten und Verläufe, die wir verwendet haben, geben uns ein ziemlich natürliches Aussehen. Je mehr Ebenen Sie hinzufügen, desto realistischer wird das Endergebnis, aber übertreiben Sie es nicht.

Um das Design zu verbessern, fügen wir vorne kürzeres Gras hinzu. Wählen Sie die Gruppe "gemischtes Gras" aus dem vorherigen Schritt und dann Kopieren und Einfügen (Umschalt-Strg-V), um eine Kopie davon vor allem zu erstellen. Ordnen Sie es unter der Zeichenfläche so an, dass nur die Grasspitzen sichtbar sind.

Machen Sie eine weitere Kopie vor dieser Grasgruppe und verkleinern Sie sie mit dem Auswahl-Werkzeug (V). Ordnen Sie es in der Mitte der Zeichenfläche an und stellen Sie sicher, dass nur die Spitzen sichtbar sind. Färben Sie beide Gruppen mit dem linearen Verlauf, der in einem Winkel von -90 Grad angezeigt wird.

how to create short grass with illustrator brusheshow to create short grass with illustrator brusheshow to create short grass with illustrator brushes

Schritt 8

Es ist Zeit, die Illustration aufzuräumen. Verwenden Sie das Direktauswahl-Werkzeug (A), um nur den Hintergrund auszuwählen, und dann Kopieren und Einfügen (Umschalt-Strg-V), um eine Kopie vor allem zu erstellen. Setzen Sie diese Kopie auf Kontur: keine und Füllung: keine.

Lassen Sie die Hintergrundkopie zusammen mit allen Grasgruppen ausgewählt und gehen Sie zu Objekt > Schnittmaske > Erstellen (Strg-7). Sieht toll aus, oder?

how to clean up the grass illustration how to clean up the grass illustration how to clean up the grass illustration

8. Wie kann man die Illustration verbessern? 

Schritt 1

Es ist immer eine gute Idee, das Gras dem Rest der Illustration anzupassen. Wenn Sie diese Technik verwenden, um Gras in Ihren anderen Projekten hinzuzufügen, empfehle ich dringend, diesen kleinen Trick zu verwenden.

Ich habe einige der Braun-/Rost-Farben in der Illustration mit dem Pipette-Werkzeug (I) abgetastet und mit diesen Farben zusammen mit Grün aus dem Gras zwei neue Verläufe erstellt. Nehmen Sie nun das Direktauswahl-Werkzeug (A) und wählen Sie zufällig ein paar Grasstücke aus, die Sie mit den neuen Farbverläufen neu einfärben können. Das Ergebnis seht ihr im Bild unten.

how to recolor the grass in illustratorhow to recolor the grass in illustratorhow to recolor the grass in illustrator

Schritt 2

Sie können auch leicht einen vom Wind verwehten Look kreieren. Wählen Sie nur eine der höheren Grasgruppen aus Ihrem Design aus und gehen Sie zum Transformieren-Bedienfeld (Fenster  > Transformieren). Geben Sie 10 Grad in das Feld Verbiegen ein, und dies wird Ihr Gras ein wenig biegen, als ob der Wind weht.

how to create a wind-blown grass in illustratorhow to create a wind-blown grass in illustratorhow to create a wind-blown grass in illustrator

Schritt 3

Das gleiche können Sie für eine der kürzeren Grasgruppen vor der Abbildung tun. Wenden Sie einen Verbiegen-Wert von 10 Grad an, und Sie sind fertig.

how to make a wind-blown grass in illustratorhow to make a wind-blown grass in illustratorhow to make a wind-blown grass in illustrator

Herzliche Glückwünsche! Sie sind fertig

Hier ist die letzte Grasillustration. Jetzt wissen Sie, wie Sie in Illustrator einen Pinsel erstellen und damit schönes, natürliches Gras erstellen. Sie können diese Techniken in zukünftigen Projekten anwenden und in vielen anderen Illustrationen Gras hinzufügen.

Wenn Sie mehr Inspiration und Ressourcen benötigen, um Ihre Illustrationen zu verbessern, besuchen Sie GraphicRiver, wo Sie viele Illustrator-Pinsel, Vektoren und andere gebrauchsfertige Illustrationen finden.

grass brush illustrator tutorial final illustrationgrass brush illustrator tutorial final illustrationgrass brush illustrator tutorial final illustration

Erweitern Sie Ihre Zeichenfähigkeiten

Lernen und zeichnen Sie weiter mit diesen empfohlenen Tutorials, die viele andere nützliche Techniken erklären:

One subscription.
Unlimited Downloads.
Get unlimited downloads