Das Pixelmuster

In letzter Zeit wurde das subtile Muster häufiger bei der Gestaltung von Websites verwendet. Heute werden wir lernen, verschiedene Arten dieser Füllungen zu erstellen. Der gesamte Vorgang dauert nur wenige Minuten, wenn Sie die Mustererstellungsfunktion in Adobe Illustrator CS6 verwenden. Lass uns anfangen!

Das subtile Muster unterscheidet sich von den anderen Mustern dahingehend, dass die Farbtöne der Elemente nur geringfügig voneinander und zwischen der Haupthintergrundfarbe abweichen. Diese Muster sind hauptsächlich in den Blitzarten Low (dunkel) und High (hell).


Das Pixelmuster

Schritt 1

Wählen Sie den Pixelansicht-Modus (Ansicht> Pixelansicht), um das Pixelmuster zu erstellen. In diesem Fall werden alle erstellten Objekte genau auf den Linien des Pixelrasters platziert, da der Modi "An Pixel ausrichten" automatisch aktiviert wird.

Wenn Sie die Zeichenfläche zoomen, können Sie außerdem die Linien des Pixelrasters sehen, was die Erstellung des Musters erheblich vereinfacht.

Lassen Sie uns nun ein einfaches, aber attraktives Muster erstellen. Nimm das Rechteckwerkzeug (M) und erstelle das Rechteck mit der Größe 4 * 4px und der hellgrauen Füllung.

Lassen Sie uns zwei weitere Rechtecke von 2 * 1px-Größe mit etwas dunklerer grauer Füllung erstellen, und platzieren Sie sie wie in der Abbildung unten gezeigt.

Erstellen Sie nun zwei weiße Rechtecke gleicher Größe.


Schritt 2

Wählen Sie alle erstellten Objekte aus und gehen Sie zu Objekt> Muster> Erstellen

Als Ergebnis dieser Aktionen befinden wir uns im Erstellungsmustermodus. Sie können dieses Muster mit dem Bedienfeld Musteroptionen bearbeiten. Sie können das Muster in voller Größe betrachten und entscheiden, ob Sie die Farbe der Elemente bearbeiten müssen.

Wir können auch verschiedene Kacheltypen auf das Muster anwenden, wodurch wir einige verschiedene Arten von Mustern aus einem Element erstellen können


Schritt 3

Um einige Varianten des Musters zu speichern, klicken Sie in der oberen Leiste auf "Kopie speichern". Um ein Muster zu speichern, klicken Sie auf "Fertig".

Alle gespeicherten Muster wurden dem Farbfeldbedienfeld hinzugefügt. Lassen Sie uns nun ein paar Figuren erstellen und die erstellten Muster darauf anwenden.

Wenn Sie mit Ihrem Ergebnis aus irgendeinem Grund nicht zufrieden sind, klicken Sie im Farbfeldbedienfeld zweimal auf das Bild und bearbeiten Sie es im Mustererstellungsmodus.


Schritt 4

Mit der beschriebenen Technik können Sie kompliziertere Muster erstellen. Auf dem Bild unten sehen Sie eines meiner Muster, das mit dem Pixelnetz und dem Rechteckwerkzeug (M) erstellt wurde.


Wellenförmiges Muster

Schritt 5

Lassen Sie uns das horizontale gerade Liniensegment mit dem Stiftwerkzeug (P) erstellen..

Lassen Sie das Segment ausgewählt und gehen Sie zu Effekt> Verzerrung und Transformation> Zick-Zack, und legen Sie die Parameter fest, die auf dem Bild unten gezeigt werden.

Gehen Sie zu Objekt> Darstellung erweitern, nehmen Sie dann das Schere-Werkzeug (C) und schneiden Sie den Pfad in die Punkte A und B.

Löschen Sie den linken und den rechten Teil des Pfads.


Schritt 6

Verdopple die Pfade zweimal; färben Sie die Kopien in verschiedenen Schattierungen der dunkelgrauen Farbe.

Wählen Sie alle erstellten Pfade aus und gehen Sie zu Objekt> Muster> Erstellen. Wählen Sie im Bereich Musteroptionen das Werkzeug Musterkachel aus und verringern Sie die Höhe des Begrenzungsrahmens.

Klicken Sie in der oberen Leiste auf "Fertig".


Schritt 7

Lassen Sie uns mit dem Rechteckwerkzeug (M) ein großes Rechteck mit der dunkelgrauen Füllung erstellen. Fügen Sie die neue Füllung zu diesem Objekt im Fenster "Darstellung" hinzu.

Wenden Sie nun das erstellte Wellenmuster auf diese Füllung an.

Bearbeiten Sie nun ggf. die Farbe der unteren Füllung oder die Farbe der Striche des Musters.


Handgemachtes Muster

Schritt 8

Erstellen wir ein Rechteck mit der dunkelblauen Füllung. Nimm das Bleistiftwerkzeug (N) und erstelle ein paar der geschlossenen grauen Pfade.

Um die geschlossenen Pfade mit dem Stiftwerkzeug (N) zu erstellen, lassen Sie die Option gleichzeitig ausgewählt, wenn Sie zum Endpunkt fahren.


Schritt 9

Wählen Sie die erstellten Objekte aus und gehen Sie zu Objekt> Muster> Erstellen. Erstellen Sie den Pfad mit dem Stiftwerkzeug (N). Versuchen Sie, das Ende und den Anfang des Pfads so genau wie möglich zu kombinieren, die über die Kachelkanten hinausgehen.

Um die genaue Übereinstimmung herzustellen, verwenden Sie das Direktauswahl-Werkzeug (A)..


Schritt 10

Gruppieren Sie die erstellten Pfade, kopieren Sie die Gruppe und fügen Sie sie wieder ein (Befehl + C, dann Befehl + B). Ersetzen Sie die Farbe der Strichfüllung der unteren Gruppe durch Schwarz, und verschieben Sie diese Gruppe um einige Pixel nach oben.

Klicken Sie in der oberen Leiste auf "Fertig".


Fazit

Sie können die beschriebenen Techniken verwenden, um die Texturen der Vektorillustrationen zu erstellen. Sie haben wahrscheinlich bemerkt, dass Kunstwerke mit Texturen professioneller und gesättigter aussehen.