So erstellen Sie einen Flaggen-Bunting-Musterpinsel in Adobe Illustrator

German (Deutsch) translation by Federicco Ancie (you can also view the original English article)

Final product image — What You'll Be Creating

In den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator einen Flaggenwimpel-Musterpinsel erstellen.

Für den Anfang lernen Sie, wie Sie ein einfaches Raster einrichten und die Flaggen und den Rest der Formen erstellen, die die Seitenkachel Ihres Musterpinsels bilden.

Als Nächstes erfahren Sie, wie Sie die Formen erstellen, aus denen die Ecken und die Start- und Endkacheln Ihres Musterpinsels bestehen.

Schließlich lernen Sie, wie Sie eine Reihe einfacher Muster speichern, Ihren eigenen Musterpinsel erstellen und ihn einfach verwenden.

1. Erstellen Sie ein neues Dokument und richten Sie ein Raster ein

Drücken Sie Strg-N, um ein neues Dokument zu erstellen. Wählen Sie Pixel aus dem Dropdown-Menü Einheiten, geben Sie 600 in das Breitenfeld und 400 in das Höhenfeld ein und klicken Sie dann auf die Schaltfläche Erweitert. Wählen Sie RGB, Bildschirm (72ppi) und stellen Sie sicher, dass das Kontrollkästchen Neue Objekte an Pixelraster ausrichten deaktiviert ist, bevor Sie auf OK klicken.

Aktivieren Sie das Raster (Ansicht > Raster anzeigen) und am Raster ausrichten (Ansicht > Am Raster ausrichten). Sie benötigen alle 1 Pixel ein Raster, also gehen Sie einfach zu Bearbeiten > Einstellungen > Hilfslinien > Raster, geben Sie 1 in das Feld Rasterlinie jedes Feld und 1 in das Feld Unterteilungen ein. Versuchen Sie, sich von all dem Raster nicht entmutigen zu lassen, es wird Ihre Arbeit erleichtern und denken Sie daran, dass Sie es einfach mit der Tastenkombination Strg-" aktivieren oder deaktivieren können.

Sie sollten auch das Info-Bedienfeld (Fenster > Info) öffnen, um eine Live-Vorschau mit der Größe und Position Ihrer Formen zu erhalten. Vergessen Sie nicht, die Maßeinheit unter Bearbeiten > Einstellungen > Einheiten > Allgemein auf Pixel einzustellen. Alle diese Optionen erhöhen Ihre Arbeitsgeschwindigkeit erheblich.

2. Erstellen Sie die Seitenkachel des Musterpinsels

Schritt 1

Wählen Sie das Rechteckwerkzeug (M) und konzentrieren Sie sich auf Ihre Symbolleiste. Entfernen Sie die Farbe aus dem Kontur, wählen Sie dann die Füllung aus und legen Sie ihre Farbe auf R = 230 G = 231 B = 232 fest. Wechseln Sie zu Ihrer Zeichenfläche und erstellen Sie einfach ein Rechteck von 105 x 26 Pixeln. Das Ausrichten am Raster sollte Ihre Arbeit erleichtern.

Schritt 2

Stellen Sie sicher, dass das Rechteckwerkzeug (M) noch aktiv ist, stellen Sie die Füllfarbe auf R = 165 G = 165 B = 175 ein, erstellen Sie eine Form von 105 x 1 Pixel und platzieren Sie sie genau wie in der folgenden Abbildung gezeigt. Auch hier sollte die Funktion Am Raster ausrichten Ihre Arbeit erleichtern.

Schritt 3

Stellen Sie sicher, dass das Rechteckwerkzeug (M) noch aktiv ist, stellen Sie die Füllfarbe auf R=39 G=170 B=225 ein, erstellen Sie eine 13 x 14px-Form und platzieren Sie sie genau wie in der folgenden Abbildung gezeigt. Konzentrieren Sie sich auf die untere Seite dieses blauen Rechtecks, greifen Sie zum Werkzeug Ankerpunkt löschen (-) und klicken Sie einfach auf den rechten Ankerpunkt, um ihn zu entfernen.

Wechseln Sie zum Direktauswahl-Werkzeug (A), wählen Sie den verbleibenden unteren Ankerpunkt aus und ziehen Sie ihn einfach 8px nach rechts. Am Ende sollte sich Ihr blaues Rechteck in ein einfaches Dreieck verwandeln, wie im zweiten Bild gezeigt.

Schritt 4

Stellen Sie sicher, dass Ihre blaue Form ausgewählt ist. Machen Sie vier Kopien vorne (Strg-C > Strg-F). Wählen Sie diese Kopien nacheinander aus, platzieren Sie sie wie in der folgenden Abbildung gezeigt und ersetzen Sie die vorhandene Füllfarbe durch die unten gezeigten.

Schritt 5

Wählen Sie Ihr blaues Dreieck aus und gehen Sie zu Effekt > Warp > Arc Lower. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Warp > Arc Upper. Geben Sie die unten gezeigten Attribute ein, klicken Sie auf OK und gehen Sie zu Objekt > Darstellung erweitern.

Schritt 6

Wählen Sie Ihr gelbes Dreieck aus und gehen Sie zu Effekt > Warp > Arc Lower. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Warp > Flag. Geben Sie die unten gezeigten Attribute ein, klicken Sie auf OK und gehen Sie zu Objekt > Darstellung erweitern.

Schritt 7

Wählen Sie Ihr rotes Dreieck aus und gehen Sie zu Effekt > Warp > Arc Upper. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Warp > Flag. Geben Sie die unten gezeigten Attribute ein, klicken Sie auf OK und gehen Sie zu Objekt > Darstellung erweitern.

Schritt 8

Wählen Sie Ihr orangefarbenes Dreieck aus und gehen Sie zu Effekt > Warp > Arc Lower. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Warp > Arc Upper. Geben Sie die unten gezeigten Attribute ein und gehen Sie zu Effekt > Warp > Flag. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Objekt > Darstellung erweitern.

Schritt 9

Wählen Sie Ihr grünes Dreieck aus und gehen Sie zu Effekt > Warp > Arc Upper. Geben Sie die in der folgenden Abbildung gezeigten Eigenschaften ein, klicken Sie auf OK und gehen Sie zu Effekt > Warp > Flag. Geben Sie die unten gezeigten Attribute ein, klicken Sie auf OK und gehen Sie zu Objekt > Darstellung erweitern.

Schritt 10

Schnappen Sie sich das Direktauswahlwerkzeug (A), wählen Sie die zehn Ankerpunkte aus, die durch die blauen Kreise im ersten Bild hervorgehoben sind, konzentrieren Sie sich auf das Bedienfeld und geben Sie einfach "1px" in das Feld Ecken ein. Am Ende sollte es wie im zweiten Bild aussehen.

Schritt 11

Wählen Sie die fünf Formen, aus denen Ihre Flaggen bestehen, erneut aus und duplizieren Sie sie (Strg-C > Strg-F). Wählen Sie diese Kopien aus und drücken Sie einfach Control-8, um sie in einen einfachen zusammengesetzten Pfad zu verwandeln. Stellen Sie sicher, dass Ihr zusammengesetzter Pfad ausgewählt ist und ersetzen Sie die vorhandene Füllfarbe durch R=245 G=124 B=174.

Schritt 12

Wählen Sie Ihren rosa zusammengesetzten Pfad erneut aus und erstellen Sie eine Kopie davor (Strg-C > Strg-F).

Erstellen Sie mit dem Rechteckwerkzeug (M) eine Form von 105 x 1 Pixel, stellen Sie die Füllfarbe auf Schwarz ein und platzieren Sie sie wie im zweiten Bild gezeigt. Wählen Sie dieses dünne Rechteck zusammen mit der zu Beginn des Schritts erstellten Kopie aus, öffnen Sie das Pathfinder-Bedienfeld (Fenster > Pathfinder) und klicken Sie auf die Schaltfläche Überschneiden.

Stellen Sie sicher, dass die resultierende Gruppe von Formen ausgewählt ist, verwandeln Sie sie in einen neuen zusammengesetzten Pfad (Strg-8) und konzentrieren Sie sich auf das Aussehen-Bedienfeld. Klicken Sie einfach auf das Textstück "Deckkraft", um das Flyout-Fenster Transparenz zu öffnen, verringern Sie die Deckkraft auf 30% und ändern Sie den Mischmodus auf Weiches Licht.

Schritt 13

Wählen Sie Ihren rosa zusammengesetzten Pfad erneut aus und erstellen Sie eine neue Kopie davor (Strg-C > Strg-F).

Erstellen Sie mit dem Rechteckwerkzeug (M) eine Form von 105 x 1 Pixel, legen Sie die Füllfarbe auf Weiß fest und platzieren Sie sie wie im zweiten Bild gezeigt. Wählen Sie dieses dünne Rechteck zusammen mit der zu Beginn des Schritts erstellten Kopie aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Überschneiden.

Verwandeln Sie die resultierende Gruppe von Formen in einen neuen zusammengesetzten Pfad (Steuerung-8), verringern Sie seine Deckkraft auf 30% und ändern Sie den Mischmodus auf Weiches Licht.

Schritt 14

Wählen Sie Ihren rosa zusammengesetzten Pfad erneut aus und erstellen Sie eine Kopie vorne (Strg-C > Strg-F).

Erstellen Sie mit dem Rechteckwerkzeug (M) eine Form von 105 x 3px, stellen Sie die Füllfarbe auf Schwarz ein und platzieren Sie sie wie im zweiten Bild gezeigt. Wählen Sie dieses neue Rechteck zusammen mit der zu Beginn des Schritts erstellten Kopie aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Überschneiden.

Verwandeln Sie die resultierende Gruppe von Formen in einen neuen zusammengesetzten Pfad (Steuerung-8), verringern Sie seine Deckkraft auf 20% und ändern Sie den Mischmodus auf Weiches Licht.

Schritt 15

Erstellen Sie mit dem Rechteckwerkzeug (M) eine Form von 105 x 1 Pixel, stellen Sie die Füllfarbe auf Schwarz ein und platzieren Sie sie wie im zweiten Bild gezeigt. Wählen Sie dieses neue Rechteck zusammen mit Ihrem rosa zusammengesetzten Pfad aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Überschneiden. Verwandeln Sie die resultierende Gruppe von Formen in einen neuen zusammengesetzten Pfad (Steuerung-8), verringern Sie seine Deckkraft auf 20% und ändern Sie den Mischmodus auf Weiches Licht.

Schritt 16

Wählen Sie alle bisher erstellten Formen erneut aus und drücken Sie Strg-G, um sie zu gruppieren. Wechseln Sie zum Ebenenbedienfeld (Fenster > Ebenen), doppelklicken Sie einfach auf Ihre neue Gruppe und benennen Sie sie in "sideTile" um.