Einleitung

Hallo! Heute zeige ich euch, wie ich Essensillustrationen einfacher und schneller mit den Figuren-Unterwerkzeugen von Clip Studio Paint erstelle.

 

Ich werde hauptsächlich die [Bezierkurve] und die [Ellipse] verwenden. Denkt daran, dass jede Ebene, auf der ich diese Werkzeuge verwende, eine Vektorebene sein wird, damit ich sie leicht bearbeiten kann. Das [Ellipse]-Unterwerkzeug ist recht einfach zu bedienen, aber um die [Bezierkurve] zu verwenden, müsst ihr euch mit den Kontrollpunkten vertraut machen, und ich habe einen Weg gefunden, wie ihr das mit einem Spiel tun könnt!

Werkzeuge

Bezierkurven verwenden Anfasser und Ankerpunkte. Die Ankerpunkte bestimmen, wohin der Pfad führt, während die Anfasser die Krümmung der Linie beschreiben. Ich habe online ein Spiel gefunden, das euch beibringt, wie man Bezier-Werkzeuge benutzt. Es ist nicht für CSP gedacht, aber es hat die gleichen Tasten, also sollte es das Gleiche sein:

Bitte übt mit dieser Ressource! Es gibt eine kleine Lernkurve, aber es lohnt sich, ein so wichtiges Werkzeug des Grafikdesigns zu meistern.

Ich erkläre euch die Tasten, um Werkzeuge mit Bezierkurven zu verwenden. Dies ist nur ein Überblick, um das Tutorial kohärenter zu gestalten; all dies wurde in einem Tutorial von ClipStudioPaint besser erklärt, schaut es euch an:

Ihr könnt Bezierkurven mit dem Unterwerkzeug [Bezierkurve] im [Formwerkzeug], dem [Kurvenlineal] im [Lineal-Werkzeug] und dem Unterwerkzeug [Polylinie] im [Auswahlwerkzeug] verwenden. Um es bei der [Polylinien]-Auswahl zu verwenden, müsst ihr es im Menü [Unterwerkzeug-Details] aktivieren. Ich mache es gerne sichtbar, um es nach Belieben umzuschalten.

Um gerade Linien zu zeichnen, klickt einfach auf die Leinwand, ohne zu ziehen:

Bezierkurven werden erstellt, indem ihr beim Zeichnen klickt. Der Anfasser wird in die Richtung gesetzt, in die ihr zieht:

Wenn ihr beim Ziehen [Umschalt] klickt, wird der Anfasser in Schritten von 45° bewegt:

Ihr könnt die Schritte ändern, indem ihr in das Menü [Unterwerkzeug-Details] geht:

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

[2] Rastet die Linie/den Anfasser am Winkel ein, wenn sie sich ihm nähert.

[3] Stellt den Winkel ein, indem ihr den Schieberegler zieht oder die Einheitszahl ändert.

 

DENKT DARAN: Dies sind Winkel, keine Prozentsätze. Wenn ihr den Winkel auf die vier Himmelsrichtungen einstellen wollt, solltet ihr ihn auf 90, nicht auf 50, stellen.

Um den zuletzt erstellten Ankerpunkt neu zu starten, klickt auf eurer Tastatur [Entf/Rücktaste]:

Klickt auf einen Ankerpunkt, um ihn zu löschen:

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

Um einen Ankerpunkt oder einen Anfasser während des Zeichnens zu verschieben, drückt [Strg] auf eurer Tastatur und bewegt sie.

 

Um Ankerpunkte sowohl zu löschen als auch hinzuzufügen, müsst ihr sicherstellen, dass die Option [Kontrollpunkte während des Zeichnens hinzufügen/löschen] in der [Unterwerkzeug-Details]-Palette aktiviert ist.

Wenn ihr beim Zeichnen eine Kurve in eine Ecke verwandeln wollt, klickt auf den Ankerpunkt, während ihr [Alt] auf eurer Tastatur gedrückt haltet:

Wenn ihr eine Ecke in eine Kurve verwandeln wollt, erhaltet ihr durch Ziehen des Ankerpunkts, während ihr [Alt] gedrückt haltet, Anfasser:

Wenn ihr also auf die Leinwand klickt, wird es eine Ecke, und wenn ihr zieht, wird es eine Kurve...

... aber was, wenn ihr beides am selben Ankerpunkt wollt? Zwei Kurven, die sich an einer Ecke treffen, oder eine Seite, die eine gerade Linie und dann eine Kurve ist? Wenn ihr die zuletzt gezeichnete Ecke zieht, erhaltet ihr einen Anfasser, so dass sie zu einer Kurve werden kann. Und wenn ihr auf die zuletzt gezeichnete Kurve klickt, wird sie zu einer Ecke. Wenn ihr außerdem eine Kurve schließen wollt, bleibt ihr durch Klicken auf den ersten Punkt, während ihr [Alt] drückt, in Kontrolle des letzten Anfassers, anstatt ihn mit dem ersten zu verschmelzen.

Dies sind alles Verhaltensweisen, die beim Zeichnen einer Kurve auftreten, und sie werden nach einer Weile zur zweiten Natur. Aber was ist, wenn ihr die Kurve bereits finalisiert habt? Hier kommt das [Korrektur-Linienwerkzeug] ins Spiel. Das [Kontrollpunkt]-Unterwerkzeug bietet viele Optionen, um die Ankerpunkte und Anfasser der gezeichneten Kurve zu modifizieren.

Wenn ihr Bezierkurven für die Linienzeichnung verwendet habt, könnt ihr das Unterwerkzeug [Linienbreite anpassen] verwenden, um den Kurven unterschiedliche Breiten zu geben, als ob ihr mit unterschiedlichem Druck mit dem [Stiftwerkzeug] zeichnen würdet.

Also, alles bereit. Lasst mich euch meine Schritte beim Erstellen einer Illustration zeigen:

Miniaturen

Wir beginnen wie jede Illustration beginnt, mit Miniaturen!

Wahrscheinlich habt ihr schon etwas im Kopf, aber wenn ihr sofort anfangt, riskiert ihr, eine Zeichnung zu beginnen und dann mittendrin festzustellen, dass euch die Komposition nicht gefällt. Zeichnet in kleinen Kästchen kleine Versionen dessen, was ihr euch vorstellt. Macht Variationen und probiert verschiedene Dinge aus. Vielleicht ein anderer Winkel? Was, wenn ihr andere Elemente hinzufügt? Macht sie schnell, nicht mehr als 2 Minuten pro Miniatur. Verliert euch nicht zu sehr in einer. Dies sind Wegwerfskizzen, also ist es am besten, wenn ihr auf Quantität abzielt.

Ich zeige euch einige der Miniaturen, die ich für die Ramen-Illustration erstellt habe, die ich anfertigen werde.

Das sind alles Variationen desselben Konzepts. Ich habe die Schale einfach immer wieder verschoben. Ich habe mich schließlich für die untere entschieden.

Sobald ihr die gewünschte Miniatur habt, vergrößert sie, sodass sie die gesamte Leinwand ausfüllt.

Normalerweise wäre der nächste Schritt das Skizzieren, aber da ich Kurvenwerkzeuge auf Vektorebenen verwende, um die Illustrationen zu erstellen, was es mir ermöglicht, Dinge zu ändern, wenn ich unzufrieden bin, bin ich zuversichtlich genug, direkt zur Linienzeichnung überzugehen. Ich skizziere normalerweise nur, wenn das Element zu kompliziert ist. So sehr können Kurvenwerkzeuge alles verändern.

Linienzeichnung

Ich habe versucht, mich aufzunehmen, um diesen Teil besser zu illustrieren, aber mein Computer ist alt und veraltet, daher musste ich es aufgeben. Ich werde mich so gut wie möglich erklären, aber wenn ihr Fragen habt, zögert bitte nicht, sie in den Kommentaren zu stellen.

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, anstatt auswählen, ausschneiden und in eine andere Ebene einfügen zu müssen, wenn ich sie getrennt haben möchte. Ich verwende eine sehr dünne Pinselgröße (1,5), weil ich sie später mit Farbe füllen werde. Wenn ich nur Vektorebenen füllen könnte! Ich bin sicher, das CSP-Team arbeitet hart an zukünftigen Updates ;)

Ich begann mit der Schale und verwendete drei Ellipsen, um die Form zu erstellen.

Dann habe ich die Essstäbchen gemacht. Ich habe das Bezier-Werkzeug verwendet, aber die Seiten gerade gelassen und nur an den Spitzen ein wenig gekrümmt.

Weiter zu den Eiern: Ich habe einen Kreis verwendet und Bezierkurven für den oberen, ovalen Teil des Eies hinzugefügt. Eine Kurve hilft auch, Tiefe zu erzeugen.

Als Nächstes die Nudeln, ein wichtiger Bestandteil dieser Illustration. Dies sind alles Bezierkurven mit einer Pinselgröße von 15. Ich hatte 4 Ebenen.

Nun das Fleisch. Dies sind jeweils unterschiedliche Ebenen, um das Kolorieren zu erleichtern, alle mit Bezierkurven erstellt.

Als Nächstes die Suppe. Ich wollte, dass es so aussieht, als würde sie verschütten, als ob die Schale von einer höheren Position gefallen wäre. Ich habe darauf geachtet, wie sich die Nudeln in der Schale bewegen.

Es sieht gut aus, aber es fehlt etwas. Ich wollte mein Ramen mit Mais und Frühlingszwiebeln, aber jeden einzeln zu zeichnen wäre mühsam gewesen, also habe ich stattdessen benutzerdefinierte Pinsel erstellt. Je nachdem, was ihr wollt, könnt ihr verschiedene Lösungen finden.

Dies sind alle Elemente der Illustration. Nun zum Kolorieren.

Kolorieren

Das Kolorieren dieser Ebenen wird ziemlich einfach sein. Ordentlich, Ebene für Ebene, wähle ich jeden Bereich aus und male ihn auf einer Rasterebene. Falls nötig, verwende ich das [Auswahl löschen]-Werkzeug, um unerwünschte Bereiche abzuwählen.

Ich habe das für jedes Element (außer den Nudeln, natürlich) gemacht, mit Vollfarben oder Verläufen koloriert und Details hinzugefügt, wie ich es für richtig hielt. Ich habe die Linienzeichnung in diesem Abschnitt zu Illustrationszwecken beibehalten, aber schaltet die Ebenen aus, während ihr sie bearbeitet.

Das Innere der Schweinekoteletts wurde mit einem Ellipsenverlauf erstellt, der auf „Wiederholen“ eingestellt war. Ich habe ihnen auch Tiefe mit einem Verlauf auf einer separaten Ebene gegeben, die auf „Multiplizieren“ eingestellt war.

Die Nudeln erhielten eine besondere Behandlung. Ich habe für jede eine Clipping-Ebene verwendet und Schatten hinzugefügt, damit es so aussieht, als wären sie zusammen im selben Raum.

Weiter zur Suppe. Ich habe einen Verlauf verwendet und den Mischmodus auf Multiplizieren eingestellt.

Dann lösche ich auf einer Maske Farbbereiche, um den Eindruck zu erwecken, dass der Inhalt die Oberflächenspannung durchbrochen hat.

Ich wollte den Hintergrund nicht durch die Suppe sehen, also habe ich eine feste Ebene darunter erstellt.

Je nach eurem Design müsst ihr wahrscheinlich bestimmte Elemente maskieren, um die Interaktionen zwischen den Inhalten glaubwürdiger zu gestalten. Ich habe dies zum Beispiel bei den Nudeln und den Essstäbchen getan.

Bevor ich weitermachte, fügte ich an einigen Stellen, wo ich es noch nicht getan hatte, Verläufe hinzu, um Schatten und Tiefe zu erzeugen.

Zum Schluss habe ich der Suppe Glanzlichter hinzugefügt.

[1] Verwendet auf einer Rasterebene über allem das [Bezierkurven]-Werkzeug, um Formen zu erstellen, die Reflexionen simulieren.

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

[3] Löscht mit dem [Verlauf löschen] im [Verlaufswerkzeug] die Ränder der ausgewählten Form. Wiederholt [2] und [3], bis ihr mit jeder Form fertig seid.

[4] Reduziert die Deckkraft der Ebene.

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

Zusätzliche Beispiele

Ich werde einige zusätzliche Beispiele von Essensillustrationen einfügen, die ich mit Figurenwerkzeugen erstellt habe, um euch eine Vorstellung davon zu geben, was ihr tun könnt.

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

Ihr müsst nicht jedes Gericht so aussehen lassen, als würde es fallen. Ich mag auch flache Illustrationen! Hier ist eine Version der oben gezeigten Waffeln...:

... und das in diesem Tutorial erstellte Ramen:

Ein weiteres Werkzeug, das ihr verwenden könnt, ist das [Kurvenlineal], ein Unterwerkzeug des [Lineal-Werkzeugs]. Es funktioniert genauso wie die [Bezierkurve]. Ich habe es in dieser Illustration zusammen mit dem [Symmetrischen Lineal] verwendet, weil ich wollte, dass die Flaschen symmetrisch aussehen:

Bezierkurven sind nicht nur gut für Essensillustrationen. Sie eignen sich hervorragend für alle möglichen Dinge! Hier ist ein Muster, das ich mit floralen und tierischen Motiven erstellt habe. Alles wurde mit dem [Bezierkurven]-Werkzeug gemacht.

Abschließende Gedanken

Bezierkurven sind ein unverzichtbares Werkzeug im Grafikdesign. Sie ermöglichen es euch, wunderschöne Illustrationen mit minimalem Aufwand zu erstellen. Ich weiß mit Sicherheit, dass ich die Strg- und Z-Tasten meiner Tastatur verloren hätte, wenn es sie nicht gäbe! Da mein Wacom alt ist und mich oft im Stich lässt, verwende ich sie für Illustrationen, Linienzeichnungen, alles!

 

Ich hoffe, dieses Tutorial hat euch dazu inspiriert, sie in euren Illustrationen auszuprobieren. Wenn ihr Fragen habt, helfe ich euch gerne! Ihr könnt einen Kommentar am Ende dieser Seite hinterlassen, ich prüfe sie oft.

Wenn ihr mehr von meiner Arbeit sehen möchtet, könnt ihr mein Instagram besuchen...:

... Oder mein Twitter:

Oh, und entschuldigt etwaige Grammatikfehler, Englisch ist nicht meine Muttersprache :)

(Bearbeitung 27.05.20) Ich habe einen größeren Zusatz zum Abschnitt „Werkzeuge“ gemacht, den Titel und die Miniatur bearbeitet, ein weiteres Beispiel hinzugefügt und einige Grammatikfehler im Text korrigiert. Ich habe nur eine Präsentation des Eintrags „Kontinuierliche Kurven & Bezierkurven zeichnen“ im Einführungs-Handbuch erstellt, anstatt ihn ursprünglich zum Ausprobieren zu verlinken. Das Handbuch findet ihr hier:

Ich tat dies, weil das Tutorial nach dem Veröffentlichen für mich eher illustrativ als pädagogisch wirkte. Ich zeigte euch, wie ich Bezier-Werkzeuge verwendete, aber nicht, wie man sie benutzt. Ich ließ es so, aber je mehr Zeit verging, desto mehr störte es mich. Von nun an werde ich die Tutorials ein paar Tage als Entwurf behalten, um solche Situationen zu vermeiden.

Ich habe die anderen Tutorials in den Suchergebnissen zu #Kurvenwerkzeug überprüft, um sicherzustellen, dass ich niemanden belästigte, und keines der geposteten Tutorials enthielt diese Informationen, obwohl ich ein Tutorial vom CSP-Team fand, das dasselbe Thema behandelt und sie entsprechend gewürdigt hat.