So erstellen Sie eine lustige Weihnachtsmann-Vektor-Illustration

Dieses Tutorial führt Sie durch den gesamten kreativen Prozess von der groben Skizze bis zur endgültigen digitalen Kunst. Sie erfahren, wie Sie eine präzise Vektorillustration des lustigen St. Nick erstellen und erstellen. Ich werde einfache Konstruktionsmethoden und -techniken behandeln, die Ihnen dabei helfen werden, neue Wege zu finden, um gut gefertigte Vektorgrafiken zu erstellen.


Schritt 1

Zeichnen ist der beste Freund der Designer. Eine solide kreative Grundlage beginnt mit dem Zeichnen und in diesem Fall einer sehr groben und groben Miniaturskizze des Weihnachtsmanns. Alles, was ich tue, ist das Erfassen der Essenz dessen, was ich schaffen möchte.



Schritt 2a

Beim Zeichnen dreht sich alles um Verfeinerung. Selten zeichnet man beim ersten Mal etwas perfektes. Meistens nehmen Sie eine grobe Miniaturskizze, zeichnen diese neu und verfeinern Form und Form, bis Sie eine engere Skizze haben. Wenn ich mir mein grobes Daumennagel anschaue, zeichne ich mein Weihnachtsmotiv neu, damit die Vermutungsarbeit in Bezug auf Form und Form entfällt. Ich zeichne es im Grunde so, wie ich es bauen werde. Meine verfeinerte Skizze dient als Wegweiser für den Bau meiner Vektorgrafiken.



Schritt 2b

Bevor ich zum Vektor wechsle, scanne ich meine verfeinerte Skizze ein und kopiere sie mit Photoshop, drehe sie um und schweiße die beiden Seiten zusammen. Dieses Design ist fast vollständig symmetrisch, so dass ich eine gute Vorstellung davon bekomme, wie sich das Finale anfühlt, bevor ich es in Vektorform erstellen kann. In diesem Stadium stelle ich fest, ob meine Basiszeichnung in Ordnung ist oder ob ich sie weiter verfeinern sollte. Für dieses Design sind wir bereit, die Hallen zu schmücken.



Schritt 3

Ich scanne meine verfeinerte Skizze ein und platziere sie auf ihrer eigenen Ebene in Illustrator. Ich stelle die Deckkraft auf ca. 20% ein und sperre die Ebene. Dies wird jetzt meine Vektorbildung leiten. Meine Build-File-Layer beginnen immer wie gezeigt. (Ich werde unten im Detail auf das Layering eingehen)



Schritt 4a

Mein Vektoraufbau fängt grob an. Zu diesem Zeitpunkt muss ich nur sicherstellen, dass sich meine Ankerpunkte in der bestmöglichen Position befinden. Hier habe ich einen Teil des Schnurrbartes von Santa rauh gemacht.



Schritt 4b

Im nächsten Schritt beginne ich meine Vektorpfade zu formen. Ich verwende ein Astute-Graphics-Plug-In namens "VectorScribe", das das Erstellen von Vektoren einfacher macht als die nativen Werkzeuge in Illustrator. Das spezielle Werkzeug heißt "PathScribe", mit dem ich jeden beliebigen Pfad an beliebiger Stelle greifen und in Form bringen oder ziehen kann.



Schritt 4c

Hier forme ich einen Pfad, der meiner Unterstrichzeichnung entspricht.



Schritt 4d

Hier ist das Endergebnis der Formung meiner Vektorpfade mit dem Plugin "VectorScribe".



Schritt 5

Nicht alle Inhalte eines Designs müssen Punkt für Punkt erstellt werden. Die Verwendung von Formwerkzeugen wie dem Ellipse-Werkzeug (L) vereinfacht manchmal das Erstellen. Im Bild unten verwende ich nur Kreisformen und die Funktionen des Pathfinder-Bedienfelds. um meine endgültige Augenbrauenform aufzubauen. Stellen Sie sich diese Methode wie Ausstecher vor. Je mehr Sie sich Ihre Entwürfe ansehen und erkennen können, wo das Form-Gebäude gut funktionieren würde, desto einfacher wird das Erstellen von Vektorgrafiken.



Schritt 6

Betrachten Sie Ihr Design nicht als ein Kunstwerk. Stellen Sie sich Ihr Design als eine Kombination aus kleineren, handhabbaren Kunstwerken vor, die zusammen ein Ganzes ergeben. Wenn Sie Ihr Design in einfachere Abschnitte unterteilen, wird das Gebäude im Laufe der Zeit schneller und einfacher.



Schritt 7

Ein weiterer Bereich in diesem Design, der vom Formbau profitieren kann, ist der Abschluss der Weihnachtsmütze. Wieder benutze ich das Ellipse-Werkzeug (L) und erstelle den Zuschnitt mit einer Reihe kreisförmiger Formen. Ich füge sie dann alle zu einer einzigen Form zusammen und stanze aus, was ich mit dem Pathfinder nicht brauche, bis ich die endgültige Form habe.



Schritt 8

Manchmal ist es hilfreich, ein Objekt auf dem Bildschirm so zu drehen, dass Sie es aus einem anderen Winkel sehen und die Bézierkurve anpassen können, um die Form und Form von etwas zu verbessern. Hier gefiel mir die Krümmung an Santas Haar nicht, also habe ich sie durch Drehen und Feilen mit den Lenkern verbessert, anstatt sie wieder zu drehen.



Schritt 9

Auf dem Bart war es sinnvoller, ihn in isolierte Formen zu zerlegen, um die Gesamtform des Bartes zu bilden. (Nachdem ich diese hatte, speicherte ich eine Kopie der einzelnen Formen, damit ich später das dünne Haardetail erstellen konnte.) Nachdem alle Formen fertig waren, verschmolz ich sie mit dem Pathfinder zu einer einzigen Form.



Schritt 10

Der Vorteil eines symmetrischen Designs ist, dass Sie nur etwa die Hälfte der Arbeit erledigen müssen, da Sie dies reflektieren können, um die andere Seite zu erreichen. Dieses Bild zeigt, wie ich meine verfeinerten Vektorformen nehme, kloniere und dann mit dem Reflect-Tool auf die andere Seite klicke.



Schritt 11

Ich habe jetzt alle meine Basisvektorformen fertiggestellt und meine verfeinerte Skizze half, dieses Gebäude zu leiten.



Schritt 12

An dieser Stelle gehe ich in meine Datei und organisiere meine Vektorgrafiken in einer eigenen Ebenenhierarchie. Wenn ich dies jetzt mache, bevor ich fortfahre, wird es mir helfen, meine Farben auszuarbeiten und Details hinzuzufügen. Wenn ich das Design weiterentwickle, kann ich ein paar Dinge verschieben, um die Verwaltung des Designs zu erleichtern. Die Verwendung solcher Ebenen ist eine gute kreative Angewohnheit, um darauf einzugehen.

Einige von euch fragen sich vielleicht, um welche Schicht "X" es sich handelt? Nun, das ist meine Versicherungsebene. Beim Erstellen werde ich Inhalte kopieren und in diese Ebene einfügen. Es ist wie eine Vektorversicherung. Ich weiß, dass ich immer wieder zu dieser Schicht zurückkehren und in verschiedenen Phasen alles ernten kann. Etwas, was ich in den letzten 20 Jahren gemacht habe.



Schritt 13

Nun, da alle meine Basisvektorformen festgelegt sind, beginne ich damit, meine Basisfarben zu erstellen. Ich beginne damit, die flache Grundfarbe auszuarbeiten. Manchmal mache ich das gesamte Design und manchmal arbeite ich an einem Abschnitt, als es detailliert darzustellen und zum nächsten zu gehen. Dies ist weniger kompliziert, also arbeite ich alle Grundfarben aus.

Ich verwende die gleiche Methode wie beim Malen in Acryl. Legen Sie eine Basisfarbe als Ebene für andere Farben fest, um die gewünschte Kunst zu formen. Es hilft, tonale Familien zu schaffen, und ich verwende immer globale Farben. Ich empfehle, immer globale Farben zu verwenden, da dies die Verwaltung Ihrer Farbpalette wesentlich vereinfacht und Sie auch bei der Farbbearbeitung mehr Kontrolle haben.



Schritt 14a

Beim Erstellen von Bemaßungen mit Vektorgrafiken müssen keine komplexen Werkzeuge wie das Verlaufsgitter-Werkzeug verwendet werden. Das ist großartig, wenn Sie ein fotorealistisches Bild nachahmen, aber bei einer stilisierten Illustration wie dieser ist es überflüssig. Um zu zeigen, wie man Dimensionen erzeugt, habe ich Santas Nase genommen und wir werden sie dekonstruieren.

Die obere Form zeigt die Nasengrundfarbe. Die sieben Formen darunter sind benutzerdefinierte Radialmischungen, lineare Mischungen mit verschiedenen Einstellungen für Deckkraft und Mischmodi wie "Multiplizieren". Im nächsten Bild unten zeigen sie, wie sie die Grundfarbenform der Nase beeinflussen und der Kunst eine weitere Dimension verleihen.



Schritt 14b

Dieses Bild zeigt die Einstellungen einer der Formen, die an der Nase verwendet werden. Es ist eine lineare Mischung mit der Mischmoduseinstellung "Multiplizieren". Beachten Sie, wie ich von einer Farbe zu einer Null-Alpha-Grundhautfarbe überblendete. Dies funktioniert besser als die Verwendung von Weiß. Manchmal werden Sie bemerken, dass in Illustrator Streifen verwendet werden, wenn Sie Weiß verwenden. Daher habe ich festgestellt, dass das Mischen zur Grundfarbe beim Drucken besser funktioniert.

Es ist unmöglich, einen Prozess vollständig zu dokumentieren, der in der Natur bestenfalls explorativ ist. Ich versuche nur eine bestimmte Deckkraft oder Farbe, um herauszufinden, dass es nicht so gut aussieht. Also gebiete ich Z und versuche etwas anderes, bis es funktioniert. Ich habe genau die gleichen Methoden und Methoden angewandt, um Details zu Santas Hut sowie zu anderen Bereichen der Kunst hinzuzufügen. Öffnen Sie daher die mit diesem Tutorial gelieferte Quelldatei und nehmen Sie sich etwas Zeit, um sie zu dekonstruieren. Durchsuchen Sie den Inhalt, klicken Sie auf Formen, um zu sehen, wie ich die Deckkraft- und Mischmodi usw. eingestellt habe, um den von mir erzielten Effekt zu erzielen.



Schritt 15a

Werfen wir einen Blick auf Santas Hut und sehen, wie ich den flauschigen Besatz kreierte. Zuerst habe ich eine radiale Überblendung innerhalb der Form erstellt.



Schritt 15b

Ich möchte einen schönen inneren Glanz hinzufügen, um den Rand der weißen Form zu definieren und etwas Tiefe hinzuzufügen. Wenn die Form ausgewählt ist, habe ich zu Effekt> Stilisieren> Inner Glow und dann die Einstellungen wie gezeigt eingestellt und auf OK geklickt.



Schritt 15c

Mit einem Klon meiner Zuschneideform gehe ich zu Objekt> Pfad> Versatzpfad und stelle die Einstellung so ein, dass eine eingesetzte Form wie gezeigt entsteht.



Schritt 15d

Ich wähle die neue Form und wende einen linearen Farbverlauf an und setze den Mischmodus auf "Multiplizieren".



Schritt 15e

Bei ausgewählter Inset-Form gehe ich zu Effekt> Unschärfe> Gaußsche Unschärfe und passe die Einstellung an, um einen schönen diffusen Effekt auf der Trimmform zu erzeugen.



Schritt 15f

Dies zeigt das Finale für die Weihnachtsmütze. Ich habe den gleichen Prozess verwendet, um den Look des Fuzzy-Balls auch am Ende seines Hutes zu erzeugen. Da ich Bereiche des Designs auf eigenen Ebenen isoliert habe, kann ich nur die Hutelemente isolieren. Dadurch wird das Arbeiten viel schneller und unkomplizierter.



Schritt 16a

Es gefiel mir, wie sich das herausstellte, aber als ich mit diesem Entwurf fortschritt, bestand die Herausforderung darin, die weißen Bereiche voneinander zu unterscheiden. Da es sich um ein stilisiertes Design handelt, wollte ich nicht, dass sich seine Augenbrauen und sein Haar gegen den Hut trimmen oder sein Schnurrbart visuell mit den Zähnen verschmolzen. Ich musste etwas Textur hinzufügen, um den Kontrast auszugleichen.



Schritt 16b

Ich kam auf die Idee, Shape-Blending zu verwenden, um meinem Bart und anderen Bereichen, in denen Haare im Design erscheinen würden, schöne stilisierte Haareffekte hinzuzufügen. Zuerst habe ich zwei schlanke Formen erstellt, wie im Bild unten gezeigt. Ich habe dann doppelt auf das Form-Mischwerkzeug geklickt und eine Reihe von Schritten eingegeben. Nachdem Sie auf OK geklickt haben, habe ich mit dem Überblendungswerkzeug auf den Ankerpunkt oben in der großen Form geklickt als auf den Ankerpunkt oben in der kleinen Form, um die gezeigte Formüberblendung zu erstellen.



Schritt 16c

Ich habe die Formmischung weiß eingefärbt und dann die Formmischung auf den Schnurrbartbereich angewendet und die Bezierkurve und -mischung so angepasst, dass sie gut mit der Form des Schnurrbartes zusammenarbeitet.



Schritt 16d

Dies zeigt die endgültige Anwendung der Formmischung auf dem Schnurrbart. Ich habe es auch für die Augenbrauen verwendet und ein Teil davon ist im Kotelett im Bild unten zu sehen. Insgesamt fügt es eine schöne subtile Texturierung hinzu, um den Schnurrbart von der glatten Oberfläche der Zähne zu entfernen.



Schritt 17a

Ich füge später dieselbe Art von Formblendungsdetails am Bart hinzu. Aber zuerst möchte ich die Basiseffekte einsetzen. Hier verwende ich den gleichen inneren Schein wie auf den vorherigen Elementen wie der Hutbesatz. Ich benutze auch eine große radiale Mischung, um der Bartform etwas Volumen zu verleihen.



Schritt 17b

Die radiale Überblendung, die ich im vorherigen Bild erstellt hatte, war in Ordnung, zog aber nicht das gewünschte Volumen ab. Also entschied ich mich, es manuell zu machen. Zuerst habe ich eine Form wie gezeigt erstellt, um die Bereiche am Rand des Bartes zu definieren, die ich ausführen wollte, und sie mit der Schattierungsfarbe einzufärben, die ich festgelegt hatte.



Schritt 17c

Wenn die Form ausgewählt ist, gehe ich zu Effekt> Weichzeichnen> Gaußsche Weichzeichnung und stelle die Einstellung so ein, dass eine schöne, entschärfte Mischung entsteht, und klicken Sie auf OK.



Schritt 17d

Nachdem ich die entschärfte Form erstellt habe, maskiere ich sie in die Bartform und füge dann die Details der Formmischung hinzu, wie ich es mit dem Schnurrbart gemacht habe.



Schritt 18a

Das Erstellen eines Designs wie dieses beginnt mit einer guten Zeichnung, aber wenn Sie es gut ausführen, müssen Sie mit sekundären Formen mit linearen und radialen Farbverläufen, verschiedenen Deckkraftbereichen, Mischmodi und Farbverschiebungen experimentieren, um das gewünschte Aussehen zu erzielen. Dies zeigt eine Nahaufnahme eines Teils von Santas Gesicht, das diese Art von Detaillierungsformen innerhalb dieses Designs hervorhebt.



Schritt 18b

Dies zeigt genau dieselbe Ansicht der Kunst, aber das einzige, was ihr fehlt, sind die Grundfarben. Was Sie sehen, sind all die verschiedenen Formen, aus denen die Details bestehen, die den Elementen Abmessung und Kontrast verleihen und das Design zum Leben erwecken. Betrachten Sie es als Malen mit Vektoren.



Schritt 18c

Dies zeigt die hervorgehobene Form auf Santas Wange und deren Einstellungen. Wie bereits erwähnt, sind die Grundfarben die einzigen Elemente, die in diesem Bild fehlen.



Schritt 18d

Alle verschiedenen Detailformen innerhalb dieses Designs. Die einzigen Elemente, die fehlen, sind die Grundfarbenformen. Vergewissern Sie sich erneut, dass Sie die Quelldatei dekonstruieren, um diese Methoden weiter zu unterscheiden, damit Sie sie auf Ihre eigene Arbeit anwenden können.



Schritt 19

Mit all den Grundfarben und Detailformen, die zusammenarbeiten, wird der Weihnachtsmann lebendig.


Endgültiges Bild

Beim endgültigen Entwurf entschied ich mich, eine hübsche, fette Umrisslinie um den Weihnachtsmann einzufügen und ihn festlich zu schmiegen. Wenn Sie die Schneeflocken mögen, kamen diese aus meinem Buch "Border.Banner.Frame" mit über 500 Ornamenten. Ich poste hier auch KOSTENLOSE Ornamente in meinem Blog.

Mir ist klar, dass diese Illustration auf einer Zeichnung basiert. Wenn Sie also Schwierigkeiten haben, beginnen Sie mit dem Zeichnen. Es gibt kein Geheimnis, je mehr Sie es tun, desto besser werden Sie. Wenn Sie sich entscheiden, nicht zu zeichnen, wird der Weihnachtsmann Sie auf seine freche Kreativliste setzen. Denken Sie daran, dass jeder Software lernen kann, damit Sie die größten Verbesserungen erzielen, indem Sie Ihren gesamten kreativen Prozess optimieren, wie Sie an ein Projekt herangehen, wie Sie es bearbeiten und die Vektorgrafiken ausführen. Nehmen Sie sich Zeit, setzen Sie auf Präzision und haben Sie Spaß.

Das endgültige Bild ist unten. Sie können die große Version hier einsehen.