Wie erstelle ich einen netten Welpen mit Gradient Mesh zum Valentinstag
German (Deutsch) translation by Federicco Ancie (you can also view the original English article)



Valentinstag kommt! Es ist die perfekte Zeit, um jemandem Ihre Gefühle zu zeigen, und was kann besser dafür sein als eine selbst vorbereitete Valentinskarte mit einem roten Herzen und einem niedlichen Welpen, dessen traurige Augen den härtesten Partner in die Irre führen? Vielleicht nur viele Kätzchen... Egal. Zögern Sie nicht länger, die Liebe kann es kaum erwarten!
Schritt 1
Wie immer beginne ich mit einer grundlegenden Skizze meiner Idee. Es kann traditionell gezeichnet und gescannt oder digital in Photoshop erstellt werden. In Illustrator in eine neue Datei einfügen, dann die Ebene auswählen und im Menü Ebene die Option Vorlage auswählen. Dadurch wird die Skizze halbtransparent.


Schritt 2
Wir werden Symmetrie verwenden, um viel Zeit zu sparen. Um eine saubere Symmetrieachse zu erhalten, klicken Sie auf Strg + R und ziehen Sie die Linie aus dem vertikalen Lineal.


Schritt 3
Verwenden Sie nun das Stiftwerkzeug (P), um die Hälfte der Herzform zu zeichnen. Überqueren Sie nicht die Symmetrieachse, auch wenn Ihre Skizze dies vorschreibt (Skizze ist nur eine Idee, sie weiß nichts über Illustration).


Schritt 4
Wählen Sie Ihre Form aus, gehen Sie zu Objekt > Transformieren > Reflektieren und klicken Sie dann auf Kopieren. Auf diese Weise erhalten Sie eine perfekte, gespiegelte Kopie Ihrer Hälfte.


Schritt 5
Bewegen Sie die neue Hälfte an die Stelle, an der sie sein sollte, wählen Sie dann beide Hälften aus und wählen Sie im Pathfinder-Bedienfeld die Option Vereinigen. Dies wird die Hälften zusammenführen und ein volles Herz daraus machen.


Schritt 6
Wählen Sie eine Farbe für Ihr Herz (tiefes Rot sollte dies tun) und konvertieren Sie die Form mit Gitter-Werkzeug (U) in das Gitter. Klicken Sie mit diesem Werkzeug irgendwo in die Form, um diesen Effekt zu erzielen. Bevor wir fortfahren, experimentieren Sie mit Gitter - versuchen Sie, den ausgewählten Punkt mit dem Direktauswahl-Werkzeug (A) zu verschieben, und ändern Sie die Farbe. Dadurch erfahren Sie, warum dies so nützlich ist.


Schritt 7
Um einen geeigneten Farbton für das Herz zu finden, wählen Sie HSB aus dem Menü Farbe. Wählen Sie den Punkt aus und verwenden Sie die Schieberegler, um die gewünschte Farbe zu erhalten (wenn Sie einen Bereich konvex erscheinen lassen möchten, verwenden Sie einen helleren Farbton - dunklere eignen sich für konkave und schattierte Teile).


Schritt 8
Erstellen Sie einen neuen Gitterpunkt auf der anderen Seite und wählen Sie auch die kommende Lichtfarbe - es muss nicht dieselbe Farbe sein, da ein Teil möglicherweise näher an der imaginären Lichtquelle liegt.


Schritt 9
Erstellen Sie einen anderen Gitterpunkt in der Mitte des Herzens. Dieses Mal konzentrieren wir uns auf die Linie, nicht auf den Punkt. Es sollte das Herz in zwei Hälften teilen (nicht ganz gleich - denken Sie an die Perspektive). Wenn Sie Probleme haben, die Linie auf diese Weise zu setzen, versuchen Sie, den Punkt mit dem Gitter-Werkzeug (U) zu bewegen, indem Sie die Umschalttaste gedrückt halten.


Schritt 10
Fügen Sie einen anderen Gitterpunkt hinzu und färben Sie ihn mit einem dunkleren Farbton, um den Hohlraum im oberen Teil zu belasten.


Schritt 11
Das Herz sollte aus zwei leicht kugelförmigen Hälften bestehen, die zusammengedrückt werden. Wenn Sie es so betrachten, werden Sie feststellen, dass sie nicht gleich beleuchtet sind. Es sollte einen scharfen Rand im Bereich des "Zusammendrückens" geben, und Sie können ihn dazu bringen, eine neue Gitterlinie nahe der mittleren hinzuzufügen. Wenn sie nah genug sind, mischen sich ihre Farben nicht und sehen scharf aus.


Schritt 12
Es ist jetzt Zeit für stärkere Lichter. Sie können neue Gitterpunkte für sie hinzufügen, damit sie nicht so groß sind (Gitterlinien in einem angemessenen Abstand um sie herum lassen sie nicht zu groß werden).


Schritt 13
Fügen Sie jetzt stärkere Farbtöne hinzu und fügen Sie neue Punkte hinzu, wann immer Sie sie benötigen. Hinweis: Es ist gut, am schattierten Teil einen Grundfarbenrand zu lassen (siehe links) - dadurch wird das Objekt noch natürlicher.


Schritt 14
Das Herz ist jetzt fertig. Wenn es das ist, wonach Sie in diesem Tutorial gesucht haben, sind Sie frei. Der Rest von euch ist zu der Lektion über das Zeichnen eines niedlichen Welpen im zweiten Teil eingeladen.


Schritt 15
Wenn Sie möchten, dass Ihr Welpe realistisch aussieht, müssen Sie eine gute Referenz dafür finden. Ich habe dieses Bild von Gracies Stock verwendet. Legen Sie Ihr Bild auf eine neue Ebene, duplizieren Sie es und konvertieren Sie die untere Ebene in Vorlage. Dank dessen sehen Sie die Referenz im Gliederungsmodus.


Schritt 16
Zeichnen Sie ein Rechteck, dessen Größe der Hälfte der Nase ähnelt. Wählen Sie eine allgemeine Farbe für die Nase aus und konvertieren Sie sie in ein Gitter, indem Sie einen einzelnen Gitterpunkt auf den Rand setzen.


Schritt 17
Wechseln Sie in den Gliederungsmodus (Strg + Y) und versuchen Sie, das Rechteck durch Bearbeiten der Gitterpunkte an die Form der Nase anzupassen (nach dem Konvertieren einer Form in ein Gitter wird jeder Punkt, der erstellt wird, zu einem Gitterpunkt).


Schritt 18
Bereiten Sie neue Gitterlinien für zukünftige Farbabdeckungen vor. Versuchen Sie, das Nasenloch mit ihnen zu umgeben (wenn eine Ihrer Linien ihre perfekte Position hat und etwas anderes sie bricht, versuchen Sie, einen Ankerpunkt hinzuzufügen - wählen Sie das Stiftwerkzeug und klicken Sie auf "+", bevor Sie es verwenden - es teilt die Linie und lässt sie Sie bewegen einen Teil, ohne einen anderen zu verzerren.


Schritt 19
Verlassen Sie den Konturmodus (erneut Strg + Y), um die Farben anzuzeigen. Wählen Sie die Punkte aus, die Sie ändern möchten, und wählen Sie mit der Pipette (I) die Farben für sie aus.


Schritt 20
Vervollständigen Sie Ihr Gitter mit neuen Punkten, wo immer Sie die Farbe ändern müssen. Verwenden Sie dann eine Methode aus Schritt 4, um die andere Hälfte zu erhalten.


Schritt 21
Zeichnen Sie zum Erstellen der Augen drei Kreise ineinander. Arbeiten Sie im Gliederungsmodus, um sich in dieser Phase nicht um die Farbe zu kümmern und die Formen klar zu erkennen. Ändern Sie die Form des äußersten Kreises, da dieser leicht mit dem Augenlid bedeckt ist.


Schritt 22
Setzen Sie Grundfarben auf die Kreise und beginnen Sie den ganzen Spaß mit Gitter. Wenn die Farben, die Sie aus der Referenz auswählen, nicht zu passen scheinen, verwenden Sie Ihre Intuition, um eine richtige zu finden.


Schritt 23
Eigentlich sollten die Pupillen nicht blau sein (sie sehen auf der Referenz so aus, weil es ein Foto ist - es ist ein ähnliches Problem wie der klassische Rote-Augen-Effekt), aber ich mochte, wie es aussah und ließ es so.


Schritt 24
Dieser Teil kann etwas knifflig sein - die Lichter sollten nicht mit der Pupille bedeckt sein, da es sich nur um eine Oberfläche handelt. Verwenden Sie die Methode "Näher am Schärfer", um unnatürliche Effekte zu vermeiden.


Schritt 25
Gruppieren Sie nun alle Kreise und duplizieren Sie sie mit der Methode von Schritt 4. Bewegen Sie die Augen an ihre Stellen und verkleinern Sie sie, um zu überprüfen, ob sie in Ordnung aussehen. Es ist ein guter Moment für kleine Korrekturen, da wir jetzt in eine andere große Phase gehen.


Schritt 26
Zeit für den Kopf. Wir werden eine ähnliche Methode anwenden wie für die Nase. Zuerst ein Rechteck, dann in ein Gitter konvertieren und die Form anpassen.


Schritt 27
Die Dinge werden jetzt nicht wirklich kompliziert, geben Sie sich einfach eine Sekunde Zeit, um es zu verstehen. Suchen Sie sorgfältig nach allen Kronen und Gruben, suchen Sie ihre Anfänge, Enden und die Stellen, an denen sie ineinander übergehen, und versuchen Sie, das Gitter entsprechend Ihren Angaben abzubilden.


Schritt 28
Wenn Sie glauben, alle wichtigen Bereiche zugeordnet zu haben, setzen Sie die Farben darauf. Auch hier müssen die Farben, die Sie aus der Referenz auswählen, überprüft werden - möglicherweise benötigen sie mehr Sättigung oder Helligkeit? Was tun, um es natürlicher zu machen? Die Referenz besteht aus Milliarden von Farbtönen, und Sie müssen nur wenige Gitterpunkte einfärben - eine gewisse Rundung ist erforderlich. Sie können das Bild verwischen, indem Sie die Augen verengen. Dadurch sehen Sie abgerundete Farben ganzer Bereiche (und diese werden normalerweise nicht mit dem Farbwähler ausgewählt).


Schritt 29
Wir hätten den ganzen Kopf auf einmal bauen können, aber manchmal ist es sinnlos, da Sie es einfacher machen können, indem Sie ihn in Teile teilen. Deshalb habe ich mich entschieden, den Unterkiefer separat zu machen. Es kann mit ein paar Schritten erledigt werden, und da es sich um einen separaten Teil handelt, müssen Sie keine Angst haben, all die Dinge zu zerbrechen, die Sie gerade gebaut haben.


Schritt 30
Ohren sind eine andere Sache, die wir nicht Kopf aufgenommen haben. Sie sollten vertraut genug sein, um die Methode "Rechteckgitter anpassen" ohne Hinweise von mir zu verwalten.


Schritt 31
Vergessen Sie beim Färben des Ohrs nicht den scharfen Rand in dem Bereich, in dem es sich biegt.


Schritt 32
Ein anderer Teil des Ohrs ist wirklich einfach und benötigt nicht viel Farbe, da es unter all dem Fell fast unsichtbar ist.


Schritt 33
Im Moment sehen die Augen so aus, als wären sie am Kopf festgeklebt. Um den Eindruck zu erwecken, dass sie eingebaut sind, können Sie einen weiteren Teil hinzufügen, wobei die Ränder leicht in den umgebenden Teil des Kopfes übergehen.


Schritt 34
Reflektieren Sie nun alle Teile, die Sie erstellt haben, um ein vollständiges Bild zu erhalten. Man könnte sagen, es ist geschafft, und ja, aus (großer) Entfernung mag es gut aussehen, aber wir können es besser machen. Zeit für Haare!


Schritt 35
Um eine Haarbürste zu erstellen, können Sie mein anderes Tutorial verwenden (Schritte 30-32). Wenn Sie bereit sind, bedecken Sie den Kopf mit Haaren in den Farben darunter.


Schritt 36
Wählen Sie nun alle Haare aus und verringern Sie die Deckkraft, sodass sie in den Kopf passen.


Schritt 37
Erstellen Sie nun eine Schicht unter der mit Haaren, nehmen Sie eine kleinere Bürste und zeichnen Sie eine weitere Schicht Haare. Seien Sie diesmal sehr vorsichtig mit Farben, sie sollten sich mischen, ohne die Deckkraft zu verändern.


Schritt 38
Fügen Sie einige weiße Haare an glänzenden Stellen hinzu und verringern Sie dann die Deckkraft.


Schritt 39
Zeichnen Sie Schnurrhaare mit einem sehr schmalen Pinsel (ja, Hunde haben auch solche!).


Schritt 40
Um süße kleine Pfoten zu zeichnen, brauchen wir auch eine Referenz. Ich habe das in der Aktiengalerie von nicollemariemiller gefunden. Es ist keine Position, nach der ich gesucht habe, aber ich denke, es wird funktionieren.


Schritt 41
Erstellen Sie nur einen Finger, ohne in Details einzutauchen - die ganze Pfote ist nur ein Detail der Abbildung.


Schritt 42
Kopieren Sie einen Finger und ändern Sie die Größe, reflektieren Sie beide und platzieren Sie sie an der richtigen Position. Eine einfache Ellipse macht den Rest der Pfote - platzieren Sie sie hinter den Fingern. Fügen Sie auch einige Haare hinzu.


Schritt 43
Reflektiere alle Pfoten und lege beide Kopien auf das Herz. Um einen natürlichen Effekt zu erzielen, habe ich die Symmetrie gebrochen.


Schritt 44
Unser Welpe hält das Herz, daher sollte es die Herzoberfläche beeinflussen. Fügen Sie etwas Schatten unter die Pfoten und den Kopf des Welpen ein und bringen Sie eine dunklere Farbe in das Gitter des Herzens.


Schritt 45
Da das Herz mit sehr hellem, stark gesättigtem Rot gefärbt ist, sollte das Haar des Welpen nicht so natürlich aussehen wie auf der Referenz. Wählen Sie alle Ebenen mit Haaren aus, gehen Sie zu Bearbeiten > Farben bearbeiten > Sättigen und bewegen Sie den Schieberegler, um lebendigere Farben zu erhalten.


Schritt 46
Übersättigen Sie den Kopf manuell, indem Sie Bereiche mit stumpfen Farben auswählen und neue für sie auswählen. Sie können jetzt kreativ sein, es gibt keine Referenz, die Sie zurückhalten könnte (verwenden Sie das Lasso-Werkzeug (Q), um Bereiche mit Gitterpunkten auszuwählen).


Schritt 47
Da die Hauptfarbe des Welpen braun ist, sollte auch das Licht, das von seinen Haaren reflektiert wird und auf die Herzoberfläche trifft, braun sein. Fügen Sie etwas davon auf das Gitter des Herzens hinzu, aber tun Sie es vorsichtig.


Schritt 48
Um die Oberfläche des Herzens natürlicher zu machen, können wir ihr etwas Rauheit hinzufügen. Öffnen Sie das Fenster "Symbole" und wählen Sie "Symbolbibliothek öffnen" > "Künstlerische Texturen" aus dem Menü. Wählen Sie eine gewünschte Textur aus, ziehen Sie sie aus dem Fenster und klicken Sie im Fenster "Symbole" auf "Link zum Symbol trennen".


Schritt 49
Kopieren und transformieren Sie die Textur, um den gesamten Bereich des Herzens auszufüllen. Wählen Sie dann alle Kopien aus und gehen Sie zu Objekt > Erweitern. Die Texturen werden in Formen konvertiert.


Schritt 50
Um die Teile aus der Herzform herauszuschneiden, wählen Sie sie aus und gehen Sie zu Objekt > Pfad > Versatzpfad. Ändern Sie den Versatz auf 0 und klicken Sie auf OK. Auf diese Weise erhalten Sie eine genaue Form des Herzens ohne Gitter.


Schritt 51
Fülle die Form mit Farbe und bewege sie über die Textur. Wählen Sie beide aus und wählen Sie im Pathfinder-Bedienfeld die Option „Zuschneiden“. Gehen Sie dann zu Objekt > Pfad > Aufräumen, um sicherzustellen, dass alles richtig geschnitten wurde.


Schritt 52
Ändern Sie die Farbe der Textur in Schwarz und wählen Sie dann im Bedienfeld „Transparenz“ die Option „Weiches Licht“. Verringern Sie die Deckkraft, bis sie in Ordnung aussieht. für dich.


Schritt 53
Wiederholen Sie die Schritte 48 bis 52 mit verschiedenen Texturen, um die Abwechslung zu verbessern. Dies ist der Effekt, den ich mochte. Sie können ihn auf jede Art und Weise ausführen, die Sie für richtig halten.


Schritt 54
Zuletzt fügen wir einen leichten Schatten unter unser Bild. Es wird nicht so einfach sein, da wir eine einzige Form des ganzen Bildes brauchen. Wählen Sie dazu alles aus, was Sie getan haben, kopieren Sie es und fügen Sie es in eine neue Ebene ein (Ihr Computer mag diese Situation möglicherweise nicht, aber sie ist vorübergehend). Gehen Sie zu Objekt > Pfad > Versatzpfad, um eine allgemeine Form des Bildes zu erhalten. Es besteht immer noch aus vielen, vielen Elementen. Kopieren Sie also die soeben erstellten Formen (sie sollten direkt nach dem Versetzen ausgewählt werden) und fügen Sie sie in eine neue Ebene ein. Löschen Sie die andere, um Ihrem Computer das Atmen zu erleichtern, und verwenden Sie dann die Option "Vereinigen" im Pathfinder-Bedienfeld, um die Form zusammenzuführen und eine schwarze Farbe darauf zu setzen. Viola!


Schritt 55
Verkleinern Sie die Form ein wenig und setzen Sie sie hinter das Bild. Gehen Sie dann zu Effekt > Stilisieren > Schlagschatten und verwenden Sie die Optionen, um einen schönen, subtilen Effekt zu erzielen.


Abschluss
Wenn Sie so weit gegangen sind, herzlichen Glückwunsch! Mit Dingen, die Sie gerade gelernt haben, können Sie in Illustrator eine Menge erstaunlicher Dinge tun, die noch cooler sind als dieser süße Welpe. Fröhlichen Valentinstag!

