Mit Kurvenwerkzeugen leicht gemachte Illustrationen

14.679

APGil_art

APGil_art

Einführung

Hallo! Heute werde ich Ihnen zeigen, wie ich mit den Figuren-Subtools von Clip Studio Paint Lebensmittelillustrationen einfacher und schneller mache.

 

Ich werde hauptsächlich [Bezier-Kurve] und [Ellipse] verwenden. Denken Sie daran, dass jede Ebene, in der ich diese Werkzeuge verwende, Vektorebenen sind. Auf diese Weise kann ich sie problemlos bearbeiten. Das Unterwerkzeug [Ellipse] ist ziemlich einfach, aber um die [Bezier-Kurve] zu verwenden, müssen Sie sich mit den Kontrollpunkten vertraut machen, und ich habe einen Weg gefunden, wie Sie dies mit einem Spiel tun können!

Werkzeuge

Beziers verwenden Griffe und Anker. Die Anker bestimmen, wohin der Pfad führt, während die Anker die Krümmung der Linie beschreiben. Ich habe online ein Spiel gefunden, in dem Sie lernen, wie man Bezier-Tools verwendet. Es ist nicht für CSP gedacht, hat aber die gleichen Schlüssel, also sollte es das gleiche sein:

Bitte üben Sie mit dieser Ressource! Es gibt eine gewisse Lernkurve, aber es lohnt sich, ein so wichtiges Werkzeug des Grafikdesigns zu beherrschen.

Ich erkläre Ihnen die Schlüssel zur Verwendung von Werkzeugen mit Bezierkurven. Es wird nur eine Übersicht sein, um das Tutorial zusammenhängender zu gestalten. All dies wurde in einem Tutorial von ClipStudioPaint besser erklärt. Schauen Sie sich das an:

Sie können Bezier-Kurven mit dem Unterwerkzeug [Bezier-Kurve] im Werkzeug [Abbildung], dem [Kurvenlineal] im Werkzeug [Lineal] und dem Unterwerkzeug [Polylinie] im Werkzeug [Auswahl] verwenden. Um es für die Auswahl von [Polylinie] zu verwenden, müssen Sie es im Menü [Detail des Unterwerkzeugs] aktivieren. Ich mache es gerne sichtbar, um zu wechseln, wie ich es für richtig halte.

Um gerade Linien zu zeichnen, klicken Sie einfach auf die Leinwand, ohne sie zu ziehen:

Beziers sind fertig, wenn Sie beim Zeichnen klicken. Der Griff wird in jede Richtung eingestellt, in die Sie ziehen:

Wenn Sie beim Ziehen auf [Umschalt] klicken, wird der Griff in Schritten von 45 ° verschoben:

Sie können die Inkremente ändern, indem Sie auf das Menü [Sub Tool Detail] gehen:

[1] Macht es in der Palette [Werkzeugeigenschaft] sichtbar.

[2] Fängt die Linie / den Griff am Winkel, wenn er sich ihm nähert.

[3] Stellen Sie den Winkel ein, indem Sie den Schieberegler ziehen oder die Einheitennummer ändern.

 

ERINNERN SIE SICH: Dies sind Winkel, keine Prozentsätze. Wenn Sie möchten, dass der Winkel auf die vier Himmelsrichtungen eingestellt wird, sollten Sie ihn auf 90 und nicht auf 50 einstellen.

Klicken Sie auf Ihrer Tastatur auf [Löschen / Rücktaste], um den zuletzt erstellten Ankerpunkt neu zu starten:

Klicken Sie auf einen Ankerpunkt, um ihn zu löschen:

Klicken Sie auf die Linie, um einen neuen Ankerpunkt hinzuzufügen:

Um beim Zeichnen entweder einen Anker oder einen Griff zu bewegen, drücken Sie [Strg] auf Ihrer Tastatur und bewegen Sie sie.

 

Um sowohl Anker löschen als auch hinzufügen zu können, müssen Sie sicherstellen, dass die Kontrollpunkte [Kontrollpunkte beim Zeichnen hinzufügen / löschen] in der Palette [Detail des Unterwerkzeugs] aktiviert sind.

Wenn Sie beim Zeichnen eine Kurve zu einer Ecke machen möchten, klicken Sie auf den Anker, während Sie [Alt] auf Ihrer Tastatur gedrückt halten:

Wenn es sich um eine Ecke handelt, die Sie in eine Kurve verwandeln möchten, erhalten Sie durch Ziehen des Ankers bei gedrückter [Alt] -Taste folgende Griffe:

Wenn Sie also auf die Leinwand klicken, wird sie zu einer Ecke, und wenn Sie ziehen, wird sie zu einer Kurve ...

... aber was ist, wenn Sie beide auf demselben Anker haben möchten? Zwei Kurven, die an einer Ecke verschmelzen, oder eine Seite ist eine gerade Linie und dann eine Kurve? Wenn Sie die zuletzt gezeichnete Ecke ziehen, erhalten Sie einen Griff, sodass sie zu einer Kurve werden kann. Wenn Sie auf die zuletzt gezeichnete Kurve klicken, wird sie zu einer Ecke. Wenn Sie eine Kurve schließen möchten, können Sie durch Klicken auf den ersten Punkt bei gedrückter [Alt] -Taste die Kontrolle über den letzten Griff behalten, anstatt ihn mit dem ersten zu verschmelzen.

Dies sind alles Verhaltensweisen, die beim Zeichnen einer Kurve ausgeführt werden und nach einer Weile zur zweiten Natur werden. Aber was ist, wenn Sie die Kurve bereits fertiggestellt haben? Geben Sie das Werkzeug [Richtige Linie] ein. Das Unterwerkzeug [Kontrollpunkt] bietet viele Optionen zum Ändern der Anker und Ziehpunkte der gezeichneten Kurve.

Wenn Sie sich dafür entschieden haben, Bezierkurven zum Erstellen von Lineart zu verwenden, können Sie das Unterwerkzeug [Linienbreite anpassen] verwenden, um den Kurven unterschiedliche Breiten zu geben, als würden Sie mit dem Werkzeug [Stift] mit unterschiedlichen Drücken zeichnen.

Also gut, alles klar. Lassen Sie sich von mir meine Schritte zeigen, wenn Sie eine Illustration machen:

Vorschaubilder

Wir beginnen genauso wie jede Illustration mit Miniaturansichten!

Es ist wahrscheinlich, dass Sie bereits etwas im Sinn haben, aber wenn Sie sofort anfangen, riskieren Sie, eine Zeichnung zu beginnen, um auf halbem Weg zu erkennen, dass die Komposition nicht Ihren Wünschen entspricht. Zeichnen Sie in einigen kleinen Kästchen kleine Versionen Ihrer Vorstellungen. Mach Variationen und probiere verschiedene Dinge aus. Vielleicht ein anderer Winkel? Was ist, wenn Sie andere Elemente hinzufügen? Machen Sie sie schnell, nicht mehr als 2 Minuten pro Miniaturbild. Lass dich nicht zu sehr auf einen ein. Dies sind Einwegskizzen, daher ist es am besten, wenn Sie nach Quantität streben.

Ich zeige Ihnen einige von denen, die ich für die Ramen-Illustration gemacht habe, die ich machen werde.

Das sind alles Variationen desselben Konzepts. Ich bewege die Schüssel einfach weiter. Am Ende entschied ich mich für den unten.

Wenn Sie die gewünschte haben, vergrößern Sie sie so, dass sie die gesamte Leinwand ausfüllt.

Normalerweise würde der nächste Schritt das Skizzieren sein, aber da ich Kurvenwerkzeuge auf Vektorebenen verwende, um die Illustrationen zu erstellen, die es mir ermöglichen, Dinge zu ändern, wenn ich mit ihnen unzufrieden bin, bin ich zuversichtlich, direkt zur Strichgrafik überzugehen. Ich skizziere normalerweise nur, wenn das Element zu kompliziert ist. So viel von einem Game-Changer-Kurven-Tool kann sein.

Strichzeichnungen

Ich habe versucht, mich selbst aufzunehmen, um diesen Teil besser zu veranschaulichen, aber mein Computer ist alt und veraltet, deshalb musste ich darauf verzichten. Ich werde mich so gut wie möglich erklären, aber wenn Sie Fragen haben, zögern Sie bitte nicht, diese in den Kommentaren zu machen.

Ich verwende für jedes Element der Zeichnung unterschiedliche Vektorebenen. Ich ziehe es vor, sie zusammenzuführen, wenn ich später etwas verbinden möchte, als eine andere Ebene auswählen, ausschneiden und einfügen zu müssen, wenn ich sie trennen möchte. Ich benutze eine sehr dünne Pinselgröße (1,5), weil ich sie später mit Farbe füllen werde. Wenn ich nur Vektorebenen ausfüllen könnte! Ich bin sicher, das CSP-Team arbeitet hart an zukünftigen Updates;)

Ich begann mit der Schüssel und benutzte drei Ellipsen, um die Form zu formen.

Dann habe ich die Stäbchen gemacht. Ich habe das Bezier-Werkzeug verwendet, aber die Seiten gerade gehalten und es nur ein wenig in den Spitzen gebogen.

Als ich zu den Eiern überging, benutzte ich einen Kreis und fügte Bezierkurven für den oberen, ovalen Teil des Eies hinzu. Eine Kurve hilft auch, Tiefe zu erzeugen.

Als nächstes die Nudeln, ein wichtiger Teil dieser Illustration. Dies sind alles Bezier-Kurven mit einer Pinselgröße von 15. Ich hatte 4 Schichten.

Nun das Fleisch. Dies ist jeweils eine andere Schicht, um das Färben zu vereinfachen, alle mit Bezier.

Als nächstes die Suppe. Ich wollte, dass es so aussieht, als würde es verschüttet, als wäre die Schüssel aus einer höheren Position gefallen. Ich habe darauf geachtet, wie sich die Nudeln in der Schüssel bewegen.

Es sieht gut aus, aber es fehlt etwas. Ich wollte meine Ramen mit Mais und Frühlingszwiebeln, aber jedes zu zeichnen wäre ein Ärger gewesen, also habe ich stattdessen benutzerdefinierte Pinsel gemacht. Je nachdem, was Sie möchten, können Sie verschiedene Lösungen finden.

Dies sind alle Elemente der Abbildung. Nun zum Färben.

Färbung

Das Färben dieser Ebenen ist ziemlich einfach. Ordentlich, Schicht für Schicht, wähle ich jeden Bereich aus und male ihn auf eine Rasterebene. Bei Bedarf verwende ich das Werkzeug [Auswahl löschen], um unerwünschte Bereiche abzuwählen.

Ich habe das für jedes Element gemacht (außer natürlich für die Nudeln), mit Volltonfarben oder Verläufen gefärbt und Details hinzugefügt, wie ich es für richtig hielt. Ich habe die Linien in diesem Abschnitt zur Veranschaulichung beibehalten, aber die Ebenen deaktiviert, während Sie sie durchlaufen.

Das Innere der Schweinekoteletts wurde mit einem Ellipse-Gradienten hergestellt, der auf Wiederholen eingestellt war. Ich gab ihnen auch Tiefe mit einem Farbverlauf auf einer separaten Ebene, die so eingestellt war, dass sie sich vermehrten.

Die Nudeln wurden speziell behandelt. Ich habe für jede Ebene eine Clip-Ebene verwendet und Schatten hinzugefügt, damit es so aussieht, als wären sie zusammen im selben Raum.

Auf zur Suppe. Ich habe einen Farbverlauf verwendet und den Mischmodus auf Multiplizieren eingestellt.

Dann lösche ich auf einer Maske Leerzeichen der Farbe, damit es so aussieht, als ob der Inhalt die Oberflächenspannung gebrochen hätte.

Ich wollte den Hintergrund nicht durch die Suppe sehen, also machte ich eine feste Schicht darunter.

Abhängig von Ihrem Design müssen Sie wahrscheinlich bestimmte Elemente maskieren, um die Interaktionen zwischen den Inhalten glaubwürdiger zu machen. Ich habe es zum Beispiel auf den Nudeln und den Stäbchen gemacht.

Bevor ich fortfuhr, fügte ich an einigen Stellen Farbverläufe hinzu, bei denen ich keine Schatten und keine Tiefe erzeugen musste.

Zum Abschluss habe ich der Suppe Highlights hinzugefügt.

[1] Verwenden Sie auf einer Rasterebene über allem das Werkzeug [Bezier-Kurve], um Formen zu erstellen, die Reflexionen simulieren.

[2] Wählen Sie als Nächstes eine der Formen aus.

[3] Löschen Sie mit dem [Verlauf löschen] im Werkzeug [Verlauf] die Ränder der ausgewählten Form. Wiederholen Sie [2] und [3], bis Sie mit jeder Form fertig sind.

[4] Verringere die Deckkraft der Ebene.

So sah es aus, nachdem Rauschen, ein Schlagschatten, einige zusätzliche Farbverläufe hinzugefügt und der Hintergrund eingefärbt wurden.

Zusätzliche Beispiele

Ich werde einige zusätzliche Beispiele für einige Lebensmittelillustrationen hinzufügen, die ich mit Figurenwerkzeugen gemacht habe, um Ihnen eine Vorstellung davon zu geben, was Sie tun können.

Ich habe sogar die Erdbeeren und die Blaubeeren in diesem mit dem Bezier-Werkzeug gemacht, es ist ein sehr dynamisches Werkzeug:

Sie müssen nicht jede Mahlzeit so aussehen lassen, als würde sie fallen. Ich mache auch gerne flache Illustrationen! Hier ist eine Version der oben gezeigten Waffeln ...:

... und die Ramen in diesem Tutorial:

Ein weiteres Werkzeug, das Sie verwenden können, ist das [Kurvenlineal], ein Unterwerkzeug des [Lineal] -Werkzeugs. Es funktioniert genauso wie die [Bezier-Kurve]. Ich habe es in dieser Abbildung zusammen mit dem [symmetrischen Lineal] verwendet, weil ich wollte, dass die Flaschen symmetrisch aussehen:

Bezier-Kurven eignen sich nicht nur für Lebensmittelillustrationen. Sie eignen sich hervorragend für alle möglichen Dinge! Hier ist ein Muster, das ich mit Blumen- und Tiermotiven gemacht habe. Alles wurde mit dem Werkzeug [Bezier-Kurve] erstellt.

Gedanken schließen

Bezierkurven sind ein wesentliches Werkzeug im Grafikdesign. Mit ihnen können Sie mit minimalem Aufwand wunderschöne Illustrationen erstellen. Ich weiß mit Sicherheit, dass ich die Strg- und Z-Tasten meiner Tastatur verloren hätte, wenn sie nicht gewesen wären! Da mein Wacom alt ist und mich oft im Stich lässt, benutze ich sie für Illustrationen, Strichzeichnungen, alles!

 

Ich hoffe, dieses Tutorial hat Sie dazu inspiriert, sie in Ihren Illustrationen zu verwenden. Wenn Sie Fragen haben, würde ich gerne helfen! Sie können einen Kommentar am Ende dieser Seite hinterlassen, ich überprüfe ihn oft.

Wenn Sie mehr von meiner Arbeit sehen möchten, können Sie mein Instagram überprüfen ...:

... oder mein Twitter:

Oh, und entschuldigen Sie eventuelle Grammatikfehler, Englisch ist nicht meine Muttersprache :)

(Bearbeiten 27/05/20) Ich habe den Abschnitt "Tool" um einen Bürgermeister erweitert, den Titel und das Miniaturbild bearbeitet, ein weiteres Beispiel hinzugefügt und einige Grammatikfehler im Text geändert. Ich habe nur den Eintrag "Zeichnen kontinuierlicher Kurven & Bezier-Kurven" im Einführungshandbuch vorgestellt, anstatt ihn zu verknüpfen, damit Sie ihn wie ursprünglich versuchen können. Überprüfen Sie das Handbuch hier:

Ich tat dies, weil mir das Tutorial nach dem Posten eher illustrativ als pädagogisch erschien. Ich habe Ihnen gezeigt, wie ich Bezier-Tools verwendet habe, habe Ihnen aber nicht gesagt, wie Sie sie verwenden sollen. Ich ließ es sein, aber je mehr Zeit verging, desto mehr störte mich das. Von nun an werde ich die Tutorials einige Tage als Entwurf aufbewahren, um solche Situationen zu vermeiden.

Ich habe die anderen Tutorials in den # CurveTool-Suchergebnissen überprüft, um sicherzustellen, dass ich niemanden belästige, und keines der veröffentlichten Tutorials enthielt diese Informationen, obwohl ich vom CSP-Team ein Tutorial gefunden habe, das dasselbe Thema behandelt, und sie entsprechend gutgeschrieben habe .

Kommentar

Neu

Neu! Offizielle Tutorials