Schneller Tipp Erstellen Sie einen glänzenden abstrakten Hintergrund

Folgen Sie diesem kurzen Tipp und lernen Sie, wie Sie einen glänzenden abstrakten Hintergrund zeichnen. Wir werden ein sehr nützliches Skript namens Vary Hues verwenden, um den Färbevorgang zu beschleunigen, zusammen mit den Transformationseffekten, einem Scatter-Pinsel und einer kleinen Dosis Gradient Mesh. Zwei Versionen erwarten Sie, also fangen wir an!


Schritt 1

Öffnen Sie zuerst ein neues Dokument. Nehmen Sie jetzt das Liniensegment-Werkzeug (Backslash) und klicken Sie auf eine beliebige Stelle Ihrer Zeichenfläche, um das Fenster "Optionen" zu öffnen. Wählen Sie dort 100 px und Sie erhalten die erste vertikale Linie. Wenn diese Zeile ausgewählt ist, gehen Sie zu Effektmenü> Verzerren und transformieren und wenden Sie den Transformationseffekt an. Verschieben Sie die Linie horizontal um 5 px und anschließend um 70 Kopien.

Um diesen Effekt zu erweitern und separate Zeilen zu erhalten, gehen Sie zum Menü Objekt und wählen Sie Aussehen erweitern und Gruppierung aufheben.


Schritt 2

Wählen Sie alle resultierenden Zeilen aus und gehen Sie zu Objekt> Transformieren> Jede transformieren. Wählen Sie die Option, um sie horizontal um 5 px zu verschieben. Aktivieren Sie die Option Zufällig und drücken Sie dann die Taste Kopieren. Ich habe die Strichfarbe in Blau geändert, damit wir das Ergebnis besser sehen können. Deaktivieren Sie nicht alle erhaltenen Zeilen und fahren Sie mit dem nächsten Bild fort.

Wenn die blauen Linien noch ausgewählt sind, drücken Sie Befehlstaste + D, die Abkürzung für "Erneut umwandeln", um die letzte Aktion zu wiederholen (bewegen Sie sich H: minus 5 px zufällig). Sie erhalten mehr Linien und im Bild unten sind sie grün.


Schritt 3

Hier sind alle Linien bereit, verwendet zu werden. Wir erstellen einen Hintergrund von 600 x 400 Pixeln. Nehmen Sie das Rechteckwerkzeug (M), klicken Sie auf eine beliebige Stelle Ihrer Zeichenfläche und geben Sie diese Bemaßungen ein, um ein Rechteck zu erstellen. Wählen Sie nun alle Linien aus und werfen Sie einen Blick auf das Transformationsfenster (Menü Fenster> Transformieren). Die Werte für Breite und Höhe müssen geändert werden. Geben Sie daher 610 px und 410 px ein, etwas größer als das Rechteck. Ordnen Sie die Linien wie im Bild über dem Rechteck an. Bevor Sie fortfahren, kopieren und einfügen Sie das grüne Rechteck, da Sie es später benötigen.

Spitze: Wenn Sie einen Hintergrund erstellen möchten, der viel größer als dieser ist, empfehle ich Ihnen, mehr als 70 Kopien auszuwählen, wenn Sie den Transformationseffekt anwenden (100 oder sogar mehr).

Wählen Sie nun alle Linien und auch das Rechteck aus, und wählen Sie im Pathfinder-Bedienfeld die Option Teilen und im Menü Objekt die Option Gruppierung aufheben. Als Ergebnis erhalten Sie viele Rechtecke mit unterschiedlichen Breiten. Wählen Sie Schwarz als Füllfarbe.


Schritt 4

In diesem Schritt verwenden wir ein neues Skript namens Vary Hues, das ich sehr nützlich finde. Es beschleunigt den Färbevorgang sehr. Gehen Sie hierher und befolgen Sie die Anweisungen zum Herunterladen und Installieren. Nach dem Neustart von Illustrator sollten Sie ihn im Menü Datei unter Skripts finden. Wählen Sie als Nächstes alle schwarzen Rechtecke aus, führen Sie dieses Skript aus, wählen Sie 20, und klicken Sie auf OK. Als Ergebnis werden alle Streifen mit verschiedenen Graustufen gefüllt, und Sie können sie an dieser Stelle gruppieren.


Schritt 5

Nun benötigen wir die in Schritt 3 erstellte Kopie des Rechtecks. Bewegen Sie es hinter die Streifengruppe, und füllen Sie es mit einem Farbverlauf namens Spectrum, den Sie im Menü Farbfeld-Bibliotheken unter Gradienten> Spektrum finden. Stellen Sie den Mischmodus auf Color Dodge ein.

Wählen Sie die Streifengruppe aus und gehen Sie zu Effekt> Unschärfe> Gaußsche Unschärfe und wenden Sie einen Radius von 1,5 px an. Um die scharfen Kanten zu erhalten, erstellen wir eine Maske. Machen Sie zuerst eine Kopie des Rechtecks, löschen Sie die Farbverlaufsfüllung und verschieben Sie sie vor den Streifen. Wählen Sie nun dieses Rechteck und auch die Streifengruppe aus und gehen Sie zu Objekt> Schnittmaske> Erstellen.


Schritt 6

Machen Sie eine weitere Kopie des Hintergrundrechtecks ​​und verschieben Sie es nach vorne. Fülle es für den Moment mit Grau. Wenn Sie dieses Rechteck ausgewählt haben, wählen Sie im Menü Objekt> Verlaufsnetzwerk erstellen aus, wählen Sie vier Zeilen und sieben Spalten aus und klicken Sie auf OK.

Nehmen Sie das Direktauswahl-Werkzeug (A), ziehen Sie eine Auswahl über die erste Reihe der Maschenpunkte und ändern Sie die Füllfarbe in Schwarz. Wählen Sie anschließend alle Netzpunkte in der mittleren Reihe aus und ändern Sie die Füllfarbe in Weiß. Für die letzte Reihe der Maschenpunkte wählen Sie Schwarz als Füllfarbe.


Schritt 7

Nun werden wir einige Punkte in der zweiten Reihe verschieben. Wählen Sie mit dem Direktauswahl-Werkzeug (A) nur die unten angegebenen Punkte aus und verschieben Sie sie nach oben. Wir werden verschiedene Graustufen verwenden, um jeden Maschenpunkt zu füllen. Folgen Sie daher den Angaben und füllen Sie sie mit 90%, 80%, 60%, 40% und 30% Schwarz.

Wiederholen Sie den gleichen Vorgang für die Punkte in der vierten Reihe. Wählen Sie mit dem Direktauswahl-Werkzeug (A) nur die angezeigten Punkte aus und verschieben Sie sie wie gezeigt. Wenn Sie fertig sind, ändern Sie ihre Füllfarben in 80%, 60%, 40% und 20% Schwarz.

Stellen Sie schließlich den Mischmodus auf "Multiplizieren", da Weiß auf diese Weise transparent wird.


Schritt 8

Nimm das Ellipse-Werkzeug (L) und zeichne einen 10 x 10 px-Kreis. Füllen Sie es mit Schwarz, ziehen Sie dann den Kreis in das Pinselfenster und wählen Sie „Neuer Pinsel“. Behalten Sie im Fenster "Optionen" alle Einstellungen bei und ändern Sie nur die Färbemethode in "Farbtöne".


Schritt 9

Zeichnen Sie als Nächstes mit dem Stiftwerkzeug (N) einen zufälligen Pfad über den Hintergrund, der dem unten gezeigten ähnelt, und streichen Sie ihn mit dem im vorherigen Schritt gespeicherten Pinsel. Um die Einstellungen zu ändern, doppelklicken Sie auf den Pinselstrich im Darstellungsfenster, um das Optionsfenster zu öffnen. Dort können Sie die Schieberegler für Größe, Abstand und Streuung nach Belieben verschieben.

Hier sind die Werte, die ich verwendet habe, rein zufällig gewählt.


Schritt 10

Wenn Sie diesen Pfad ausgewählt haben, wechseln Sie zum Menü Objekt und wählen Sie Darstellung erweitern. Als Ergebnis erhalten Sie eine Gruppe von Kreisen. Wählen Sie Weiß als Füllfarbe aus und gehen Sie zu Effektmenü> Weichzeichnen> Gaußsche Weichzeichnung, und wenden Sie einen 2-Pixel-Radius an. Stellen Sie den Mischmodus auf Überlagern und reduzieren Sie die Deckkraft auf 50%..


Schritt 11

Nimm erneut das Stiftwerkzeug (N) und zeichne einen anderen Pfad in die Mitte des Hintergrunds. Streichen Sie es mit dem Scatter-Pinsel, der gespeichert wurde, und ändern Sie dann die Werte für Größe, Abstand und Punktzahl wie zuvor.

Nachdem Sie den Pfad ausgewählt haben, wechseln Sie zum Menü Objekt und wählen Sie Darstellung erweitern. Füllen Sie die resultierende Gruppe von Kreisen mit einem radialen Verlauf von Weiß nach Schwarz, und setzen Sie den Überblendungsmodus auf Überlagerung.


Schritt 12

Zeichnen Sie mit dem Ellipse-Werkzeug (L) eine ovale Form in der Mitte des Hintergrunds. Füllen Sie ihn mit einem radialen Farbverlauf von grau nach schwarz. Gehen Sie dann zu Effektmenü> Weichzeichnen> Gaußscher Weichzeichner und wenden Sie einen 17-Pixel-Radius an. Ändern Sie den Mischmodus in "Farbe ausweichen", um ein glänzendes Aussehen zu erhalten. Verschieben Sie die Ellipse hinter die beiden Kreisgruppen.


Schritt 13

Jetzt müssen wir alles überdecken, was über die Ränder des Hintergrunds hinausgeht. Machen Sie zunächst eine Kopie des Hintergrundrechtecks ​​(das mit dem farbigen Hintergrund auf der Rückseite gefüllt ist), entfernen Sie die Verlaufsfüllung und verschieben Sie sie nach vorne. Wählen Sie nun die beiden Kreisgruppen, die Ellipse und dieses Rechteck aus, und wählen Sie das Menü Objekt> Schnittmaske> Erstellen. Zu diesem Zeitpunkt ist der abstrakte Hintergrund fertig.


Extra

1. Hier ist eine weitere Version des abstrakten Hintergrunds und wie man ihn durch einfaches Ändern einiger Dinge erstellt. Beginnen Sie mit dem Farbverlauf für das Rechteck hinten und verwenden Sie alles, was Sie möchten.

Fahren Sie mit den Netzpunkten fort. Diesmal habe ich schwarze und dunkle Graustufen nur im unteren Bereich des Hintergrunds verwendet, 20% schwarz für die Netzpunkte von oben und weiß im mittleren Bereich. Für weitere Details folgen Sie erneut den Schritten 5, 6 und 7.

2. Die erste Gruppe von Kreisen ist die gleiche wie in Schritt 10. Für den zweiten zeichnen Sie mit dem Stiftwerkzeug (N) einen Pfad wie nachfolgend beschrieben. Folgen Sie dann erneut Schritt 11 und verwenden Sie dieselben Einstellungen.

3. Zeichnen Sie eine Ellipse wie in Schritt 12 und setzen Sie sie diesmal oben in die Mitte. Zum Schluss maskieren Sie alles, was über die Ränder des Hintergrunds geht, wie in Schritt 13.


Fazit

Hier sind die beiden letzten Bilder. Viele andere Variationen können auf dieselbe Weise erstellt werden, und wenn Sie eine interessante erstellen, würde ich sie gerne sehen.