So erstellen Sie ein Zusammenspiel abstrakter Lichtstreifen

Dieses Tutorial ist inspiriert von der Arbeit des Lichfaktor-Kollektivs. Sie sollten sich wirklich ihre Bilder ansehen, die reine städtische Poesie sind. Ich wollte eigentlich eine einfache Möglichkeit, ähnliche Lichteffekte zu erzeugen, ohne nachts meine Knochen draußen einzufrieren.

Um dies zu erreichen, verwenden wir sowohl Illustrator zum Erstellen der Grundformen als auch Photoshop zum Erstellen der Beleuchtungseffekte. Da alles mit intelligenten Objekten und Ebenenstilen erledigt wird, ist das endgültige Bild in jeder Größe skalierbar.

Endgültige Bildvorschau

Bevor wir beginnen, werfen wir einen Blick auf das Bild, das wir erstellen.  

Schritt 1

Zuerst erstellen wir ein neues Dokument in Photoshop. Stellen Sie die Größe im RGB-Farbmodus mit transparentem Hintergrund auf 1000px Breite und 1000px Höhe ein. Um die Hintergrundfüllung zu erstellen, klicken Sie unten in der Ebenen-Palette auf den Schwarzweiß-Kreis (Neue Füll- oder Anpassungsebene erstellen) und wählen Sie in der Liste Verlauf aus. Sehen Sie sich den Screenshot unten an, um die Anpassungen vorzunehmen, und löschen Sie die Ebenenmaske, indem Sie mit der rechten Maustaste darauf klicken und "Die Fusionsmaske löschen" auswählen.

Schritt 2

Erstellen Sie nun ein neues Dokument in Illustrator. Die Größe und der Farbmodus sollten dem Photoshop-Dokument entsprechen. Zeichnen Sie eine Wellenform wie im Beispiel unten gezeigt, und skalieren Sie sie auf ungefähr 300px. Dupliziere es unten, skaliere es und drehe es ein wenig. Gehen Sie dann zu Fenster> Pinselbibliotheken> Künstlerisch> Künstlerischer_ScrollPen und wenden Sie den zweiten Pinsel (Scroll Pen 10) der Liste auf beide Formen an. Löschen Sie die Füllung und stellen Sie das Strichgewicht auf 0,25pt. Jetzt ist alles bereit, um die Mischung zu erstellen.

Schritt 3

Wähle das Mischwerkzeug aus (W) und klicke auf die unten gezeigte Stelle, um den Mischvorgang zu starten. Es ist wichtig, auf diese Punkte in diesem Befehl zu klicken, da das Erscheinungsbild des Objekts davon abhängt, wo und wann Sie es initiieren. Verfeinern Sie den Effekt, indem Sie in der Toolbox auf dasselbe Werkzeug doppelklicken. Ein Dialogfeld wird geöffnet, in dem Sie im Menü die Option "Angegebene Schritte" auswählen und als Wert 60 eingeben müssen. Wir haben jetzt eine schöne Welle vor uns.

Nur noch eines: Vergessen Sie nicht, die Strichfarbe der Mischung in Weiß zu ändern. Jetzt können Sie Ihre Form kopieren und als intelligentes Objekt in Photoshop einfügen. Nennen Sie diese neue Ebene "Form 1".

Schritt 4

Transformieren Sie die gerade eingefügte Form (Befehl + T), um sie horizontal zu spiegeln und zu skalieren. Stellen Sie den Mischmodus der Ebene auf "Hartes Licht" und wenden Sie ein äußeres Glühen an, indem Sie auf die FX-Schaltfläche unterhalb der Ebenen-Palette klicken. Ändern Sie ausgehend von den Standardeinstellungen die im Bild unten rot markierten. Wählen Sie dann im ersten Abschnitt des Fensters den Verlauf aus und klicken Sie auf das Spektrum, um es zu bearbeiten.

Ein neues Dialogfeld wird geöffnet, in dem Sie im Menü "Verlaufstyp" die Option "Rauschen" auswählen müssen. Diese sehr einfache Operation erzeugt mehrere Farbstriche um die Form. Klicken Sie mehrmals auf die Schaltfläche "Randomize" unten rechts im Fenster, bis Sie etwas wie im Beispiel sehen. Aktivieren Sie außerdem die Option "Transparenz hinzufügen".

Schritt 5

Lassen Sie uns nun einen anderen Ebenenstil anwenden, um der Form Farbe zu verleihen. Verwenden Sie Color Overlay mit den folgenden Einstellungen: Color Burn, # 0024ff, 100%. Sie sollten so etwas bekommen:

Schritt 6

Beachten Sie, dass der Hauptbereich der Form absolut fest ist und daher für diese Komposition völlig sinnlos ist. Klicken Sie unten in der Ebenen-Palette auf die Schaltfläche Ebenenmaske hinzufügen. Malen Sie diesen Bereich mit einem großen schwarzen weichen runden Pinsel. Es ist keine Genauigkeit erforderlich. Achten Sie darauf, dass der linke Teil der Form sichtbar bleibt.

Ein kleiner Tipp, mit dem Sie die Maleffizienz verbessern können: Sie können die Deckkraft des aktuellen Werkzeugs anpassen, indem Sie einfach den gewünschten Prozentsatz in das numerische Tastenfeld auf der rechten Seite Ihrer Tastatur eingeben. Wenn Sie beispielsweise 2 mit dem Pinsel-Werkzeug (B) eingeben, wird der Pinsel bei 20% undurchsichtig. Die erste Form ist jetzt fertig.

Schritt 7

Wenn Sie eine weitere Form erstellen möchten, ohne den Zeichenprozess von Anfang an zu starten, doppelklicken Sie auf die Miniaturansicht der ersten Formebene, um sie in Illustrator zu öffnen. Wählen Sie die Überblendung und setzen Sie die Strichfarbe auf Schwarz. Gehen Sie zu Window> Brush Libraries> Artistic> Artistic_Ink und wenden Sie den 10. größten Pinsel mit dem Titel "Marker" an. Doppelklicken Sie in der Toolbox auf das Symbol für das Mischwerkzeug (W), und legen Sie 20 als Wert für die Option "Angegebene Schritte" fest.

Doppelklicken Sie nun in der Pinsel-Palette auf den ausgewählten Pinsel (den gerade angewendeten Pinsel), geben Sie im Dialogfeld 30% für die Größe ein und aktivieren Sie das Kontrollkästchen Proportional. Nachdem Sie auf die Schaltfläche OK geklickt haben, werden Sie in einem Dialogfeld gefragt, ob Sie die neuen Einstellungen auf den Pinsel selbst anwenden möchten oder nicht. Wählen Sie "Auf Striche anwenden". Ändern Sie die Strichfarbe der Mischung in Weiß, kopieren Sie die neue Mischung und fügen Sie sie als intelligentes Objekt in Photoshop ein. Nennen Sie es "Form 2" und schließen Sie das Dokument in Illustrator, ohne die Änderungen zu speichern (es sei denn, Sie möchten die letzten Änderungen auf die erste Form anwenden, die Sie in Photoshop gezeichnet und angepasst haben)..

Schritt 8

Transformieren Sie die Form (Befehl + T) und skalieren Sie sie proportional bei 190%. Duplizieren Sie die Ebenenstile der Ebene "Shape 1" mit dieser kleinen Verknüpfung: Ziehen Sie das FX-Symbol dieser Ebene mit der Alt-Taste Ihrer Tastatur auf die Ebene "Shape 2", und Sie sind fertig! Setzen Sie einfach den Mischmodus auf Linear Light. Blenden Sie den oberen linken Teil der Form mit derselben Technik wie in Schritt 6 aus.

Schritt 9

Um die nächste Form zu erstellen, öffnen Sie die zweite in Illustrator. Drehen Sie als Nächstes die Strichfarbe in Schwarz, und löschen Sie in der Pinsel-Palette die ausgewählte Farbe. Ein Dialogfeld wird angezeigt. Wählen Sie "Striche entfernen". Wählen Sie mit dem Direktauswahl-Werkzeug (A) den obersten Pfad aus und aktivieren Sie das Kontrollkästchen gestrichelte Linie in der Konturpalette. Geben Sie 1pt in das erste Feld darunter ein und lassen Sie die anderen Felder leer. Wählen Sie den anderen Pfad aus (immer noch mit dem Direktauswahl-Werkzeug), legen Sie die Gewichtung auf 1pt fest und markieren Sie den ersten Pfad mit 9pt. Aktivieren Sie außerdem die Option Runde Kappe für beide Pfade in derselben Palette.

Vergessen Sie nicht, die Strichfarbe auf Weiß festzulegen, bevor Sie sie in Photoshop einfügen. Skalieren Sie es mit der gleichen Größe (190%) und an derselben Stelle wie die zweite Form. Schieben Sie es ein paar Pixel nach oben und rechts, um die erste Form nicht zu verbergen. Als Nächstes ist es wieder dieselbe Übung: Benennen Sie die Ebene, kopieren Sie die vorherigen Ebenenstile, ändern Sie sie und maskieren Sie das Objekt.

Hier sind die Einstellungen für diese dritte Form: Normal als Mischmodus für die Ebene, ein rötliches Spektrum für den im äußeren Glühen verwendeten Verlauf (verwenden Sie die Schieberegler im Verlaufseditor, um die Farben wie unten dargestellt zu beschränken), # ff0000 als Farbe Überlagerung und lineares Licht als Mischmodus für diesen letzten Ebenenstil.

Schritt 10

Das Design sieht gut aus, hat aber etwas Volumen. Wir werden dies erreichen, indem wir auf dem vordersten Wirbel eine farbige Oberfläche erzeugen. Duplizieren Sie die dritte Form, indem Sie sie mit gedrückter Alt-Taste zwischen die ersten ersten Vektor-Smart-Objekte ziehen und dann "Form 4" nennen. Schieben Sie ihn ungefähr 100px nach oben und 10px nach links (drücken Sie die Umschalttaste, während Sie auf die Tastaturpfeile drücken, um 10px-Schritte zu machen). Klicken Sie bei gedrückter Umschalttaste auf die Maske, um sie vorübergehend zu deaktivieren, und doppelklicken Sie auf das FX-Symbol der Ebene, um das äußere Glühen zu ändern (siehe Abbildung unten für die Einstellungen)..

Vergessen Sie nicht, die Schieberegler an jedem Ende zu verschieben, um das gesamte Spektrum zu verwenden, während Sie den Verlauf im äußeren Schimmer ändern oder den Farbstil der Farbüberlagerung deaktivieren. Gehen Sie jetzt zu Filter> Unschärfe> Gaußsche Unschärfe und wenden Sie es mit einem 50px-Radius an. Beachten Sie, dass ein neuer Abschnitt unter der Miniaturansicht der Ebene angezeigt wurde und auch ein neues Symbol. Sie können die Maske des Smart-Filters löschen, indem Sie mit der rechten Maustaste darauf klicken und Filtermaske löschen auswählen. Stellen Sie den Mischmodus der Ebene auf Bildschirm mit 10% Deckkraft ein.

Klicken Sie nun auf die Ebenenmaske, um sie wieder zu aktivieren, drücken Sie D auf Ihrer Tastatur, um die Vordergrund- / Hintergrundfarben zurückzusetzen, und drücken Sie Alt + Rücktaste, um die Maske mit Weiß zu füllen. Blenden Sie jetzt die rechte Seite des Objekts aus.

Schritt 11

Lassen Sie uns unserer Komposition etwas mehr Volumen hinzufügen. Duplizieren Sie die dritte Form, indem Sie sie bei gedrückter Alt-Taste ziehen, "Shape 5" nennen und sie um 20 Pixel nach rechts bewegen. Klicken Sie bei gedrückter Umschalttaste auf die Miniaturansicht der Ebenenmaske, um sie vorübergehend zu deaktivieren, und doppelklicken Sie auf das FX-Symbol der Ebene, um das äußere Glühen zu ändern (siehe Einstellungen unten). Verwenden Sie die Farbüberlagerung mit den folgenden Einstellungen: Multiplizieren, # fee581 und 70%..

Klicken Sie nun auf die Ebenenmaske, um sie wieder zu aktivieren, füllen Sie sie mit Weiß und blenden Sie die rechte Seite des Objekts aus.

Schritt 12

Lassen Sie uns ein wenig mehr mit den in Illustrator angewendeten Strichen erkunden: Doppelklicken Sie auf die Miniaturansicht der ersten Formebene, um sie in Illustrator zu öffnen. Wählen Sie die Überblendung und setzen Sie die Strichfarbe auf Schwarz. Gehen Sie zu Fenster> Pinselbibliotheken> Künstlerisch> Artistic_Ink und wenden Sie den 8. größten Pinsel mit dem Namen "Galaxy" an.

Doppelklicken Sie in der Toolbox auf das Symbol für das Mischwerkzeug (W) und legen Sie 10 als Wert für die Option "Angegebene Schritte" fest. Verwenden Sie 10pt für das Strichgewicht des obersten Pfads, 1pt für den anderen und 10% für die Bürstengröße. Ändern Sie die Konturfarbe der Mischung in Weiß, kopieren Sie das Objekt und fügen Sie es in Photoshop mit einer Größe von 190% und vor allen anderen Ebenen ein. Nudge es, gib ihm die gleichen Ebenenstile und den Mischmodus wie die erste Form und maskiere sie dann.

Schritt 13

Öffnen Sie das allererste Vektor-Smart-Objekt aus seiner Miniaturansicht in der Ebenenpalette und machen Sie es schwarz. Lassen Sie die Überblendung anschließend mit der Tastenkombination Befehlstaste + Alt + Umschalttaste + B los, doppelklicken Sie auf die Pinselminiatur in der Pinselpalette und aktivieren Sie das Kontrollkästchen "Umspazieren" im Bereich "Spiegeln" des Dialogfelds "Pinsel". Ändern Sie die Konturfarbe der Mischung in Weiß, kopieren Sie das Objekt und fügen Sie es in Photoshop mit einer Größe von 190% und vor allen anderen Ebenen ein. Nudge es, gib ihm die gleichen Ebenenstile wie unten gezeigt mit Screen als Mischmodus für die Ebene. Verwenden Sie die Farbüberlagerung mit den folgenden Einstellungen: Überlagerung, # fff600 und 100%. Zum Schluss maskieren Sie es.

Schritt 14

Mit den Vektorformen sind wir noch nicht vollständig fertig, aber lassen Sie uns eine Pause einlegen, um zu sehen, was wir getan haben, und fügen Sie unseren Lichtstreifen einen Kontrast hinzu, indem Sie eine Anpassungsebene erstellen. Klicken Sie auf den schwarz-weißen Kreis unten in der Ebenen-Palette und wählen Sie Kurven aus der Liste aus. Sehen Sie sich die Bilder unten an, um die Einstellungen vorzunehmen und die Ebenenmaske zu löschen.

Schritt 15

Lassen Sie uns zurück zu Illustrator springen und ein neues Dokument erstellen, in dem wir eine Ellipse (L) zeichnen, die ungefähr 440px Breite und 480px Höhe misst. Wenden Sie anschließend den ersten Pinsel aus der ScrollPen-Bibliothek (Scroll-Stift 1) an und verkleinern Sie den Pinsel, indem Sie auf dessen Miniaturansicht in der Pinsel-Palette doppelklicken. In dem Beispiel unten habe ich eine Größe von 40% verwendet und es entlang gedreht. Löschen Sie die Füllung des Objekts, ändern Sie die Strichfarbe in Weiß, kopieren Sie sie und fügen Sie sie in Photoshop ein.

Schritt 16

Wenden Sie die Ebenenstile der ersten Form an und ändern Sie sie entsprechend der Abbildung unten ein wenig. Skalieren, drehen, stoßen und duplizieren Sie das Objekt zweimal, um den Swashes mehr Kraft zu verleihen. Wählen Sie die letzten 3 Objekte in der Ebenen-Palette aus und drücken Sie die Tastenkombination "Befehlstaste + G", um sie zu einer Gruppe zusammenzufassen. Nennen Sie sie "Swashes". Fügen Sie eine Ebenenmaske hinzu und verwenden Sie sie, sodass nur die rechte Seite übrig bleibt.

Schritt 17

Last but not least, kümmern wir uns um die großen roten Spuren im Hintergrund. Erstellen Sie in Illustrator ein neues Dokument und zeichnen Sie eine Welle. Als nächstes duplizieren Sie es, verkleinern Sie es ein wenig, verschieben Sie einige Ankerpunkte und erstellen Sie die Mischung mit 10 Schritten. Wählen Sie die gesamte Mischung aus und bereinigen Sie sie mit 11pt und 23pt in den ersten beiden Feldern, wobei die anderen leer bleiben. Aktivieren Sie außerdem die Option Runde Kappe in derselben Palette. Verwenden Sie 3pt für das Strichgewicht des obersten Pfads und 1pt für den anderen. Ändern Sie die Strichfarbe der Überblendung in Weiß, kopieren Sie das Objekt und fügen Sie es in Photoshop direkt über der Ebene "Hintergrund" ein.

Schritt 18

Skalieren Sie es auf 210% und duplizieren Sie die Ebenenstile der Ebene "Form 3". Ändern Sie sie nun entsprechend dem Bild unten. Dupliziere es, schiebe es ein paar Pixel nach links und gib 50% als Deckkraft für diese letzte Ebene ein. Sammeln Sie die letzten beiden Formen in einer Gruppe (Befehl + G) und nennen Sie sie "rote Spuren". Lassen Sie diese nun ausblenden, indem Sie keine Ebenenmaske für die Gruppe selbst verwenden, sondern für jeden Pfad einzeln. Tatsächlich wird der oberste nur verwendet, um einige Bereiche des anderen zu betonen.

Schritt 19

Hier sind wir der letzte Schritt. Wir werden einige Bereiche der Komposition etwas schärfer machen: Drücken Sie die Tastenkombination Befehlstaste + Alt + Umschalttaste + E, um alle sichtbaren Ebenen mit einer neuen zusammenzuführen. Nennen Sie es jetzt "Schärfen".

Gehen Sie zu Layer> Smart Objects> In Smart Object konvertieren. Gehen Sie dann zu Filter> Other> High Pass und geben Sie einen 2px-Wert ein. Ändern Sie den Mischmodus der Ebene in Vivid Light und fügen Sie eine Ebenenmaske hinzu. Da wir hauptsächlich die roten Spuren schärfen möchten, klicken Sie mit gedrückter Umschalttaste auf die Miniaturansicht dieser beiden intelligenten Objekte. Klicken Sie bei noch aktivierter Ebene "Scharfzeichnen" auf die bereits zuvor verwendete Schaltfläche "Ebenenmaske hinzufügen". Die Scharfzeichnung erscheint jetzt nur im Bereich der roten Spuren. Malen Sie ein wenig mehr in die Maske, um einige andere Bereiche wie die Ränder der großen grünen und gelben Wimpern hervorzuheben.

Ein letzter Tipp vor dem Verlassen: Das gesamte Bild ist in jeder Größe ohne Qualitätsverlust skalierbar (vorausgesetzt, Ihr Computer kann damit umgehen), indem Sie einfach die Option Skalierungsstile im Dialogfeld Bildgröße aktivieren (Befehlstaste + Alt + I.)!

Endgültiges Bild

Sie können das endgültige Bild unten anzeigen.