So erstellen Sie einen Pinsel für Haargeflechtmuster in Illustrator

Im heutigen Tutorial werde ich Ihnen zeigen, wie Sie mit Adobe Illustrator eine täuschend komplexe und dennoch einfach gemusterte Haarbürste erstellen können. Sie lernen, wie ich Zöpfe / Flechten illustriere und wie Sie dieses Element in Ihren Haarentwürfen selbst anwenden können.


Einführung

Ich werde oft gefragt, wie man mit Leichtigkeit detaillierte Elemente in der Haargestaltung erstellt. Die Antwort darauf ist meistens mit dem Einsatz von Bürsten, von der Erzeugung von Haarsträhnen bis hin zu komplexeren Elementen wie Haarköpfen.

Im heutigen Tutorial werde ich Ihnen zeigen, wie Sie mit Adobe Illustrator einen täuschend komplexen und dennoch einfach zu erstellenden gemusterten Haarpinsel erstellen. Sie lernen, wie ich Flechten illustriere und wie Sie dieses Element selbst in Ihren Haarentwürfen anwenden können.


Die Struktur eines Zopfs

Haarzöpfe, oft als Zöpfe bezeichnet, werden aus ungeraden Haarteilen gebildet, die sich überlappen, um eine komplizierte Haaransammlung zu erzeugen. Da sie ein sich wiederholendes Muster haben, lassen sie sich leicht in Form eines gemusterten Pinsels im Vektor reproduzieren.

Es gibt viele Möglichkeiten, einen Zopf zu erstellen. Der häufigste Weg und wahrscheinlich die Art, wie die meisten Mädchen als Kind dargestellt werden, besteht jedoch darin, dass sich drei Haarabschnitte überlappen. Dies ist die Form, die ich Ihnen heute zeigen werde.


Schritt 1

Ich beginne mit dem Zeichnen des gesamten Geflechts als Skelett / Grobmuster, damit Sie die Struktur des Geflechts sehen können. Wenn Sie einen großen Zopf in Ihrer Illustration erstellen, kann es sinnvoll sein, diese Basis zu verwenden, um Ihren Zopf zu erstellen und direkt von ihm zu arbeiten, anstatt einen Pinsel zu verwenden.

Zeichnen Sie zuerst eine vertikale Linie mit dem Liniensegment-Werkzeug (\) auf Ihrer Leinwand und wählen Sie dann Effekte> Verzerrung und Transformation> Zickzack.


Schritt 2

Gehen Sie zu Objekt> Erweitern, um den Effekt zu entfernen und ihn zu einer eigenständigen Linie zu machen. Verwenden Sie das Liniensegment-Werkzeug (\), um eine Linie entlang der oberen Neigung hinzuzufügen, und kopieren Sie dann die Linie für jede der anderen Neigungen, die sich in demselben Winkel befinden, (Befehl + C) und Einfügen (Befehl + V).

Wählen Sie Alle (Befehl + A) der diagonalen Linien aus und duplizieren Sie sie. Gehen Sie zu Objekt> Transformieren> Spiegeln> Vertikal. Bringen Sie sie in Position. In diesem Beispiel musste ich eine zusätzliche Zeile für den unteren Rand duplizieren. Reduzieren Sie die Deckkraft der Linien auf 50%, da diese diagonalen Linien nur eine Orientierungshilfe sind.


Schritt 3

Zeichnen Sie zwei Linien zwischen dem ersten und dem zweiten Punkt, wo sich die Diagonalen kreuzen. Dies wird sein, wie dick der Zopf sein wird. Auch hier handelt es sich um Orientierungslinien. Reduzieren Sie einfach die Deckkraft auf 50%. Die Zick-Zag-Linie ist die einzige "permanente" Linie im Design.


Schritt 4

Zeichnen Sie mit dem Stiftwerkzeug (P) Ihre erste Kurve von einem der zentralen Punkte auf dem Zickzack aus. Wenn Sie sich den Screenshot unten ansehen, ist der Griff der Endkurve parallel zu den diagonalen Linien in den Hilfslinien, und die Kurve selbst schmückt die vertikale Linie rechts davon.


Schritt 5

Duplizieren Sie die Kurve für jeden Abschnitt auf einer Seite.

Wählen Sie dann alle Kurven auf einer Seite aus und duplizieren Sie sie. Reflektiere sie vertikal für die andere Seite und ordne sie an.


Schritt 6

Nun haben Sie die Struktur Ihres Grundgeflechts abgeschlossen. Um zu testen, ob Sie es richtig erstellt haben, können Sie sich die drei Abschnitte ansehen und sehen, dass sie richtig miteinander verschachtelt sind (siehe unten). Dies ist hilfreich, wenn Sie drei unabhängige Farben in Ihr komplexes Haar-Design einbeziehen möchten.


Schritt 7

Ich verwende also den Mittelteil des Zopfs, um einen gemusterten Pinsel zu erstellen, und zeige Ihnen dann, wie er auf einem Porträt aussieht.

Beginnen Sie mit dem Zeichnen eines Rechtecks ​​(M) um den "mittleren" Abschnitt. Ich habe dies im Gliederungsmodus ausgeführt, um sicherzustellen, dass ich den Abschnitt genau ausgewählt habe.


Schritt 8

Ich werde die Abschnitte in hellen Farben einfärben, um Ihnen jedes der einzelnen Objekte zu zeigen.

Zuerst werde ich die Umrandung des Zopfs zeichnen. Obwohl Details hinzugefügt werden, wird der Umriss benötigt, um die Flechtdefinition zu erhalten. Duplizieren Sie wie üblich jeden Abschnitt und reflektieren Sie ihn, um sicherzustellen, dass die Linien symmetrisch sind. Ich habe diese Zeilen auf ein Stroke-Gewicht von 6pt eingestellt. Diese sollten einen mittleren bis dunklen Grauton haben.


Schritt 9

Beginnen Sie mit dem Hinzufügen von Detailsträngen zum Zopf. Wenn Sie einen Abschnitt abgeschlossen haben, duplizieren Sie sie durch Kopieren (Befehl + C) und Einfügen vor (Befehl + F). Bewegen Sie sie mit den Pfeiltasten und nicht manuell mit der Maus. Auf diese Weise wird sichergestellt, dass sie nicht vertikal verschoben wurden.

Nachdem eine Seite fertig ist, duplizieren Sie sie und reflektieren Sie sie für die andere Seite. Ich habe diese Stränge auf Stroke Weight 4pt eingestellt und den Pinsel "Profile Profile Width" 1 angewendet. Diese Striche sollten einen mittleren bis hellen Grauton haben.


Schritt 10

Fügen Sie den Hintergrund der Zopfform hinzu. Stellen Sie sicher, dass diese Form hinter allen anderen Strichen steht. Diese Form sollte einen mittleren Grauton haben.


Schritt 11

Ich füge dem überlappten Teil des Geflechts eine Schattendefinition hinzu. Ich zeichne das mit dem Stiftwerkzeug (P). Verwenden Sie für diese Formen einen dunklen Grauton, da sie schattierte Bereiche sind.

Dann duplizieren und reflektieren Sie sie wie zuvor, um sie auf die anderen Abschnitte des Geflechts anzuwenden.


Schritt 12

Fügen Sie nun Formen für den unteren Teil der Abschnitte hinzu, duplizieren Sie und reflektieren Sie sie wie zuvor.

Verwenden Sie Pathfinder, um diese Elemente mit den zuvor erstellten Formen zu vereinigen. Möglicherweise müssen Sie die Formen bereinigen, indem Sie alle Streupunkte entfernen.


Schritt 13

Da an den Kanten des Abschnitts einige Schatten geworfen wurden, möchte ich auch einige Highlights hinzufügen. Verwenden Sie das Zeichenstift-Werkzeug (P), um einige gekrümmte Linien in jedem der Abschnitte zu erstellen, und wenden Sie dann mit einem größeren Strichgewicht von etwa 6pt ein "Breitenprofil 1" auf die Striche an - ziehen Sie die Linien zur Mitte hin. Setzen Sie diese Striche auf den Mischmodus.

Gruppieren Sie die Striche und duplizieren Sie sie und reflektieren Sie sie für die anderen Abschnitte.


Schritt 14

Wählen Sie Alle erstellten Objekte und Striche aus (Befehl + A), und wechseln Sie zu Objekt> Erweitern, bis alle Striche zu Objekten werden. Gruppieren Sie dann die Objekte (Befehlstaste + G), damit Sie leichter darauf zurückgreifen können. Beachten Sie auch einige der Elemente, die ich mit Pathfinder Unite verwendet habe, oder einen zusammengesetzten Pfad (Befehl + 8), um daraus eine feste Form zu erstellen. Ich habe auch die Breite des Zopfendesigns verdichtet, weil ich finde, dass er in dieser Breite etwas realistischer wirkt.


Schritt 15

Duplizieren Sie das Rechteck, mit dem die Begrenzung für jede der Gruppen definiert wird, und wählen Sie mit den Pathfinder-Optionen Zuschneiden aus. Bei einigen Gruppen müssen Sie möglicherweise Intersect in Pathfinder verwenden (siehe unten).

Tun Sie dies, bis alle Gruppen abgeschnitten wurden. Sie können testen, ob Ihr Mustergeflecht korrekt ist, indem Sie die Gruppe duplizieren und aneinanderreihen.


Schritt 16

Gruppieren Sie alle Objekte des Geflechtabschnitts (Befehl + G), und wechseln Sie zu Objekt> Transformieren> Drehen> -90 Grad. Wenn Sie diese Option ausgewählt haben, wählen Sie in der Pinselpalette "Neuer Pinsel"> "Neuer Musterpinsel" aus.

Wenn Sie Ihren Pinsel in Graustufen erstellen und die Option Farbtöne aus dem Dropdown-Menü Färbemethode auswählen, können Sie die Farbe des neuen Pinsels ändern. Versuchen Sie, mit Farben und Strichstärken zu spielen, um zu sehen, welche lustigen Objekte Sie erstellen können.


Erstellen eines offenen Zopfs

Natürlich möchten Sie vielleicht Zöpfe mit offenem Ende erstellen. Der schnellste Weg, dies zu erreichen, ist wie folgt:


Schritt 1

Zeichnen Sie eine gerade Linie mit dem Liniensegment-Werkzeug (\) und wenden Sie Ihren gemusterten Zopfpinsel (\) an..


Schritt 2

Realistischerweise sollte der Zopf aufgrund von Spliss oder Schichtung der Haare zum Boden des Zopfs hin weniger dicht sein. Um dies zuerst zu erreichen, erweitern Sie den Zopf, den Sie haben.

Gehen Sie dann zu Effekte> Verzerrung und Transformation> Freie Verzerrung, vergrößern Sie die Breite am oberen Rand des Zopfs und verringern Sie ihn unten.


Schritt 3

Fügen Sie mit dem Stiftwerkzeug (P) einige Strähnen mit unterschiedlichen Graustufen an der Unterseite des Zopfs hinzu und wenden Sie das Profil "Width Profile 4" an.


Schritt 4

Fügen Sie mit dem abgerundeten Rechteckwerkzeug ein Haarband am Ende der Bürste hinzu. Dies wird helfen, die verirrten Enden aufzuräumen.


Schritt 5

Je nachdem, wie Sie den einzelnen Zopf anwenden, können Sie nach oben zusätzliche Strähnen hinzufügen und sogar einen Pinsel aus Kunstpinsel anstelle eines gemusterten Pinsels machen. Die Möglichkeiten sind endlos.


Fazit

Ich habe den Zopfpinsel in einem früheren Tutorial für Vectortuts + implementiert, um Ihnen zu zeigen, wie es mit einem detaillierten Haardesign aussieht. Ich habe den gewünschten Strang mit dem Stiftwerkzeug (P) gezeichnet und den Zopfpinsel aufgetragen.

Jetzt, indem ich den Pinsel dupliziere und den Mischmodus auf "Multiplizieren" umstelle und dann erneut dupliziere und entweder Blending Mode Overlay, Color Dodge oder Screen verwende, konnte ich mit der gleichen Strichfarbe eine gemischte Vielfalt von Tönen erzielen. Unterschiedliche Haarabbildungen weisen unterschiedliche Detaillierungsgrade auf. Wenn Sie also mit den Mischmodi spielen, können Sie die Flechtbürste universell auf Ihre Porträts anwenden.