So erstellen Sie einen Painted Vector-Effekt in Adobe Illustrator

In diesem Tutorial werden wir mit dem Paintbrush-Tool und seinen Optionen einen Blick darauf werfen, um in Adobe Illustrator einen Effekt mit Vektor zu erzielen. Ich werde es für einen meiner Charaktere verwenden und wir werden uns nur auf sie konzentrieren, nicht auf den Hintergrund. Das Schöne an dieser Technik ist, dass Sie sie auf alles anwenden können und es ist ziemlich einfach. Selbst wenn Sie noch nicht so weit fortgeschritten sind, sollten Sie das Paintbrush-Tool auf diese Weise problemlos verwenden.


Tutorial Assets

Die folgenden Assets wurden in diesem Lernprogramm verwendet:

  • Referenzbild für die Fotodune-Wüste
  • Photodune-Palmen-Referenzbild
  • Einfache Haarbürsten

1. Erstellen Sie die Skizze, die Strichzeichnungen und die flachen Farben

Schritt 1

Für viele meiner Zeichnungen verwende ich Referenzbilder, um sicherzustellen, dass die Anatomie und die richtige Perspektive für die Dinge korrekt sind. Ich benutze Poser für den Charakter und den Panzer (da Poser ein Panzermodell in seiner Bibliothek zur Verfügung hat), und ich schaute mich in Photodune um Referenzbilder einer Wüste und einiger Palmen.

Ich habe bereits in einem früheren Tutorial erklärt, wie ich Referenzbilder in Poser erstelle. Wenn Sie also daran interessiert sind, sich selbst davon zu überzeugen, lesen Sie bitte mein Superhero-Tutorial.


Referenzbilder für die Illustration.

Schritt 2

Nachdem ich die Referenzbilder in Adobe Photoshop zusammengestellt habe, habe ich sie zum Zeichnen meiner Skizze verwendet. Diese Illustration ist eine Szene aus einem Buch. Nach der Beschreibung des Charakters und der Szene in diesem Buch habe ich dann herausgefunden, wie ich es mir vorgestellt habe.

Bevor Sie zu Adobe Illustrator wechseln, sollten Sie die Lichtquelle ausarbeiten. Wenn Sie das haben, müssen Sie es nicht herausfinden, indem Sie Farben auswählen und Kontrast und Atmosphäre aussortieren.


Skizze der Illustration.

Schritt 3

Nun, da die Skizze fertig ist, können wir in Adobe Illustrator starten. Ein ... kreieren Neu Datei durch zu gehen Datei> Neu und sobald sie geöffnet ist, möchten wir die Skizze im AI-Dokument platzieren. Gehe zu Datei> Platzieren und fahren Sie fort, die Skizze auf der Zeichenfläche zu platzieren.

Nachdem Sie die Größe an die Zeichenfläche angepasst haben, möchten wir die Deckkraft der Ebene der Skizze verringern, sodass sie uns beim Zeichnen der Strichgrafik nicht behindert. Ich habe die gesenkt Opazität von der Skizzierebene bis 50%.


Einstellung der Deckkraft der Skizzierebene im AI-Dokument.

Schritt 4

Ich habe darüber geschrieben, wie ich Strichgrafiken erstelle und wie ich unter der Strichgrafie flache Farben über wende Live Paint vorher in Erstellen einer detaillierten Fantasieszene. Statt sich in diesem Tutorial zu wiederholen, können Sie sie bei Interesse anschauen oder einfach mit dem gemalten Effekt fortfahren.


Endgültiger Blick der Linienkunst.
Endgültiger Look der Strichzeichnungen mit flachen Farben.

Schritt 5

Bevor wir jedoch mit dem Malen beginnen, werden wir einige Anpassungen an der Strichgrafik vornehmen, um die Schattierung und das Hervorheben zu verbessern, die wir später anwenden werden. Dies ist eine persönliche Vorliebe, also nicht unbedingt die Art und Weise, dies zu tun, und Sie können die Liniengrafik natürlich nur in einer Farbe halten und von dort aus weiterarbeiten. Ich finde jedoch, dass eine farbige Strichgrafik, in meinem Fall entweder schwarz oder in der Regel dunkelbraun, in der Abbildung allgegenwärtig wird, wenn sie in einem gemalten Look schattiert wird. Während wir nicht versuchen, die Strichzeichnungen verschwinden zu lassen, möchten wir, dass die Linienzeichnung subtil ist, damit die Schattierung den Brennpunkt einnehmen kann.

In dieser Abbildung wenden wir also die Farbstiche an, eine Technik, bei der die Strichzeichnungen nicht schwarz, sondern farbig sind. In diesem Fall habe ich gewartet, bis ich die flachen Farben eingesetzt habe, um zu wissen, welche Farben für die Farbgriffe verwendet werden sollen. Sie werden feststellen, dass jeder Bereich jetzt eine andere Farbe hat und jeweils ein etwas dunklerer Farbton der flachen Füllfarbe darunter die linie kunst.

Strichzeichnungen mit angewendeten Farbgriffen

Schritt 6

Nachdem Sie die Farbänderung in der Strichgrafik abgeschlossen haben, habe ich die Ebene mit der Strichgrafik auf festgelegt Mischmodus multiplizieren und verschlossen es. Wie Sie sehen, ist die Strichgrafik jetzt immer noch vorhanden, aber nicht so offensichtlich wie damals, als sie noch ganz braun war!

Strichzeichnungen mit Color-Holds und flachen Farben darunter.

2. Erstellen Sie einen scharfkantigen Schatten

Bevor wir mit dem Paintbrush-Tool beginnen, möchten wir die Lichtquelle des Charakters definieren, damit wir beim Malen mit etwas arbeiten können. Da ich mich beim Erstellen der Skizze für eine Lichtquelle entschieden habe, habe ich diese einfach als Referenz verwendet, um mithilfe des Symbols einen scharfkantigen schwarzen Schatten über dem Zeichen zu erzeugen Stiftwerkzeug (P) und Bleistiftwerkzeug (N). Auf dem Screenshot ist zu sehen, dass das Zeichnen des Charakters in Schwarz unübersichtlich sein kann, aber machen Sie sich keine Sorgen, denn nachdem Sie die Formen angewendet haben, möchten Sie sie alle auswählen Mischmodus zu Multiplizieren und senken Sie die Opazität irgendwo dazwischen 40 und 50%.


Das linke Bild zeigt den scharfkantigen Farbton ohne Füllmethode, und das Bild rechts zeigt den scharfkantigen Farbton, wobei der Mischmodus auf Multiplizieren eingestellt und die Deckkraft verringert ist.

3. Ändern Sie die Einstellungen für Paintbrush und Blend

Schritt 1

Die Einstellungen für die Pinselwerkzeug (B) (eine umfassende Anleitung: Paintbrush Tool und Brush Panel) sind sich beim Schattieren und Markieren sehr ähnlich. Der einzige Unterschied zwischen ihnen wäre der Mischmodus.

Die Bürste, die ich für die gesamte Abbildung verwendet habe, stammt aus einer Bürstensammlung, die ich auf GraphicRiver mit dem Namen Easy Hair Brushes von ChewedKandi gekauft habe. Es gibt einen Pinsel in dieser Kollektion, der eine Form hat, die ich sehr mag, also benutze ich ihn ständig. Es ist der zweite "Easy Brush" in der Kollektion, dessen Enden in Punkte auslaufen.

Wenn es um das geht Mischmodus Es ist ein wichtiger Punkt zu beachten. Sie möchten den Pinsel mit einem Mischmodus, nicht die Ebene, in der Sie malen möchten. Wenn Sie die Ebene auf die Ebene setzen würden Mischmodus, Wenn Sie die Striche auf dem Bereich zeichnen, den Sie schattieren oder hervorheben möchten, werden die Striche in dieselbe Farbe. Wobei, wenn Sie den Pinsel mit der Mischmodus, Die Striche überlappen sich und jeder Strich verschmilzt mit dem nächsten.

Nachdem Sie das ausgewählt haben Pinselwerkzeug (B) und wähle deinen Pinsel, wir wollen das einstellen Mischmodus zu Farbe brennen und das Opazität irgendwo dazwischen 10 und 20%. Der Grund, warum ich es bei einer so geringen Deckkraft habe, liegt darin, dass es Sie zwingt, so lange Striche zu erzeugen, bis Sie die gewünschte Dunkelheit des Kontrasts erreichen. Der gleiche Grund gilt für die Hervorhebung. Das einzige, was anders ist, ist das Mischmodus für Highlights werden aktiviert Farbe ausweichen.


Die Pinsel-Tool-Einstellungen für die Schattierung links und die Einstellungen für die Hervorhebungen rechts.

Schritt 2

Das zweite Werkzeug, das wir verwenden werden, um mit Vektor zu malen, ist Mischungen (eine umfassende Anleitung: Blend Tool). Ähnlich wie Pinselwerkzeug (B) Einstellungen, die Mischungen Die für die Schattenbereiche verwendeten Farben sind schwarz unter Mischmodus Farbe brennen, und das Mischungen Für die hervorgehobenen Bereiche wird eine weiche Beige-Farbe verwendet Mischmodus Farbe Ausweichen. Aber bevor wir anfangen, wollen wir die einrichten Mischoptionen so dass wir das später nicht tun müssen.

Gehe zu Objekt> Überblenden> Überblendoptionen. Ein Dialogfeld wird geöffnet (wie im Screenshot gezeigt) und im Dropdown-Menü können Sie auswählen Angegebene Schritte. Ich setze meine an 60 Schritte, Dadurch wird ein sehr weiches Ausblenden erzeugt, wie im Screenshot neben der Dialogbox des Fensters gezeigt Mischoptionen.

Die für die Mischoptionen angegebenen Schritte sind auf 60 Schritte eingestellt, um ein weiches Ausblenden zu erreichen.

4. Beginnen Sie mit dem Malen mit Vektor

Schritt 1

Nachdem wir nun die Einstellungen besprochen haben, können wir mit dem Malen beginnen! Ich persönlich finde es einfacher, zuerst mit den Schatten zu beginnen und danach die Highlights darauf zu bearbeiten. Also das auswählen Pinselwerkzeug (B) und sicherstellen, dass die Mischmodus ist an Farbe brennen und das Opazität auf 20%, Wir können beginnen, die Bereiche zu verdunkeln, die dazu beitragen, Tiefe zu erzeugen. Wenn Sie Striche übereinander zeichnen, werden Sie feststellen, dass die Farbbrenn-Mischmodus macht es gut und mischt die Farbe schön.

Wenn Sie den Schatten als zu dunkel empfinden, können Sie immer die Ebene auswählen, in der Sie die Schatten gezeichnet haben, und die Ebene herabsetzen Opazität davon weiter. Denken Sie nur daran, dass Sie, wenn Sie tiefe Kontraste erzielen möchten, diese ganz offensichtlich dunkel lassen können.

Tipp für das Haar: Um dem Aspekt des Haares mehr Volumen zu verleihen, können Sie das Ende eines Schattens vom Strang abtrennen, so dass es aussieht, als ob sich der Strang vom Rest löst.


Start der Schattierung mit dem Paintbrush-Tool.

Schritt 2

Um weitere Schatten hinzuzufügen, werden wir verwenden Mischungen in Bereichen, in denen das Licht am meisten fehlt. Wählen Sie dazu das Bleistiftwerkzeug (N) (oder der Stiftwerkzeug (P), je nachdem, was Sie bevorzugen) und zeichnen Sie Formen mit schwarzer Farbe in den Bereichen, die abgedunkelt werden müssen. Stellen Sie sicher, dass die Füllung auf Schwarz und der Strich auf Null gesetzt ist.

Eine Mischung herzustellen ist ziemlich einfach. Nachdem Sie eine Form gezeichnet haben, wählen Sie diese aus und duplizieren Sie sie oben. Wählen Sie die duplizierte Form aus und halten Sie sie gedrückt Umschalt-Alt (so verformt es sich nicht und verliert seine Form). Verkleinern Sie es zur Mitte der darunter liegenden Form. Wählen Sie beide Formen aus und machen Sie daraus eine Überblenden> Strg-Alt-B. Wählen Sie die größere Form darunter und senken Sie die Opazität zu 0%. Wenn du sicher warst das Angegebene Schritte in dem Mischoptionen sind um gesetzt 60 Schritte, dann sollten Sie jetzt eine Mischung haben!


So erstellen Sie eine in Schritten dargestellte Überblendung: 1. Erstellen Sie eine Form. 2. Doppelte Form und Größe. 3. Wählen Sie beide Formen aus. 4. Erstellen Sie eine Mischung (Strg-Alt-B) (vergewissern Sie sich, dass die angegebenen Schritte in der Mischoptionen sind bei 60 Bestimmte Schritte). 5. Wählen Sie die äußere, größere Form und senken Sie die Opazität zu 0%.
Mischungen werden angezeigt, wobei der Mischmodus auf Normal und die Deckkraft auf 100% eingestellt ist..
Mischungen, bei denen der Mischmodus auf Farbbrand und die Deckkraft auf 30% eingestellt ist.

Schritt 4

Jetzt möchten wir einige Highlights hinzufügen, um bestimmte Bereiche hervorzuheben und dunkle Bereiche kontrastreicher zu gestalten. Wähle aus Pinselwerkzeug (B), einstellen der Mischmodus zu Farbe ausweichen und das Opazität beim 20%. Sie müssen selbst sehen, welche Strichbreite funktioniert am besten für Sie. Um mehr Details zu erhalten, gehen Sie mit einer dünnen Breite und wenn Sie weniger Details wünschen, mit einer dickeren Breite. Ich neige dazu, dickere Breiten für die Schatten und dünnere Breiten für die Highlights zu verwenden.

Weil der Pinsel auf a gesetzt ist Mischmodus, Sie können damit spielen, wie hervorgehoben das Highlight in verschiedenen Bereichen sein soll. Wie Sie auf dem Screenshot sehen können, sind die am weitesten von der Lichtquelle entfernten Fäden im Rücken nicht so hell ausgeprägt wie die anderen.

Wenn Sie der Meinung sind, dass Sie mehr hinzufügen möchten, können Sie immer eine andere Farbe als das schwarze für die Schatten und das helle Beige für die Hervorhebungen auswählen. Für die Haare habe ich ein paar rote Strähnen hinzugefügt, weil der Charakter rotbraune Streifen hat. Ich wechselte die Mischmodus zwischen Farbe brennen und Farbe ausweichen, aber die Opazität ist immer um 20%.


Mit dem Paintbrush-Werkzeug angewendete Highlights mit einer Deckkraft von 100%.
Mit dem Pinselwerkzeug mit 20% Deckkraft aufgetragene Highlights.

Schritt 5

Gelegentlich werden Sie feststellen, dass einige Bereiche ein wenig mehr Schattierung benötigen, um anschließend mit dem gemalten Effekt zu helfen. Wenn es um die Haut geht, füge ich oft eine zweite Schicht aus scharfkantigem Schatten hinzu und definiere die Lichtquelle weiter, bevor ich den Bereich mit der Farbe bedecke Pinselwerkzeug (B).

Schritt 6

Wie wir es mit den Haaren gemacht haben, benutzen Sie die Pinselwerkzeug (B) um die dunkleren und helleren Bereiche zu definieren. Für Schatten verwenden wir wie immer eine schwarze Farbe, Mischmodus eingestellt auf Farbe brennen und das Opazität eingestellt auf 20%. Für Highlights verwenden wir eine helle Farbe Beige, Mischmodus eingestellt auf Farbe ausweichen und das Opazität eingestellt auf 20%.

Highlights machen eine Menge Spaß, um eine Zeichnung detailliert aussehen zu lassen oder bestimmte Bereiche eines Gesichts oder das, was Sie zeichnen, auszusprechen. Wenn es um das Gesicht geht, betone ich mit Akzenten Bereiche wie Wangenknochen, Kinn und Nase. Es hilft, sie vom restlichen Gesicht abzulenken und gibt ihr ein '3D'-Gefühl. Ähnliches gilt für die Haare!

Schritt 7

Um die Farben weiter zu mischen, werden wir, genau wie wir es mit den Haaren gemacht haben, Mischungen verwenden. Ich habe zwar schwarz gefärbte Blends verwendet, um Bereiche wie unter dem Kinn und den Hals, der dem Haaransatz am nächsten ist, dunkler zu machen, Sie können Blends jedoch auch verwenden, um bestimmte Bereiche hervorzuheben. Mit dem gleichen hellen Beige, mit dem auch mit dem Paintbrush-Werkzeug Akzente gesetzt werden, können wir mit dem Blend einige Bereiche wie die Wangen, das Kinn und die Seite des Halses mischen Mischmodus eingestellt auf Farbe ausweichen und das Opazität irgendwo dazwischen 10 und 20%.

Schritt 8

Rückkehr zum Pinselwerkzeug (B) mit einer schwarzen Farbe, Farbe brennen wie Mischmodus und das Opazität beim 20%, mach das Schlaganfallgewicht des Pinsels dünne und dunklere Bereiche der Gesichtsmerkmale, um sie stärker hervorzuheben. Ich zog um ihre Augen, Nasenlöcher und die rechte Seite ihres Mundes. Diese Bereiche können ziemlich dunkel bleiben, da sich der Kontrast dieser dunklen Bereiche bei einer niedrigen Opazität möglicherweise nicht gut überträgt, wenn Sie die Abbildung bei voller Sicht betrachten.


6. Wiederholen Sie diese Technik durchgehend

Schritt 1

Nun, da wir ein paar Mal durchgegangen sind, kann ich Ihnen gerne sagen, dass dies alles ist, was dazu gehört. Für diejenigen, die Grundkenntnisse über Lichtquellen und Schatten haben, ist dies sehr einfach. Für diejenigen, die es nicht tun, kann es ein bisschen schwierig sein. Aber weil es nur darum geht, die Werkzeuge richtig einzurichten, mit der Opazität herumzuspielen, um einen Kontrast zu erhalten, und die gleiche Technik in allen Bereichen wiederholen, bis der Charakter nicht mehr flach aussieht, kann man sagen, dass es immer noch so ist sollte nicht schwierig sein, mit vektor zu malen!


Pinselstriche ausgewählt.
Die in dieser Abbildung erstellten und verwendeten Mischungen wurden ausgewählt.

Schritt 3

Wenn Sie die Schatten in hellen, flachen Farben bemalen, wie z. B. die Rüstung dieses Charakters, werden Sie feststellen, dass das Schwarz viel zu dunkel ist. Wählen Sie in diesen Fällen einfach die Ebene aus, in der Sie diese Schatten gezeichnet haben, und senken Sie die Ebene Opazität zu einem Prozentsatz finden Sie ansprechender.

Schritt 4

Es ist in Ordnung, wenn die Striche grob aussehen, wenn Sie die Illustration aus der Nähe betrachten. Es ist sehr schwierig, die gleiche Glätte des gemalten Effekts aus nächster Nähe zu erreichen, wie sie bei Betrachtung der Abbildung bei voller Sicht erscheint. Wenn Sie also diese Technik verwenden, um mit Vektor zu malen und sich beim Heranzoomen Sorgen über die Rauheit machen, haben Sie dies auch nicht, es ist normal.


Schritt 5

Sie müssen die Markierungs- und Schattenfarben nicht von Schwarz und Hellbeige ändern, um Kleidung oder Gegenstände mit einer anderen Farbe zu zeichnen. Weil wir das benutzt haben Mischmodus Farbe brennen und Farbe ausweichen, Diese Mischmodi werden automatisch in die flache Farbe darunter eingefügt.


Schattierung und Hervorhebung mit den Mischmodi, die nicht in ebenen Farben dargestellt werden.

Jetzt können Sie mit Vektor malen!

Das Endergebnis dieser Technik kann komplex aussehen, wie Sie in diesem Lernprogramm herausgefunden haben. Es ist jedoch sehr einfach, dieses Aussehen in Adobe Illustrator zu erzielen. Je nachdem, wie detailliert das Erscheinungsbild aussehen soll, dauert es einige Zeit. Ich hoffe, dass einige von Ihnen Spaß daran haben werden, mit Paintbrush-Werkzeugen und Blending-Modi von Illustrator herumzuspielen. Wenn Sie am Ende etwas damit anfangen, teilen Sie es bitte mit, damit wir es sehen können!

Die Figur aus diesem Tutorial heißt Solenum, die in meiner Fantasy-Trilogie Zink vorkommt. Die ersten beiden Bücher der Zink-Trilogie sind bei Amazon erhältlich: Altors und Regius.