Hallo zusammen! Der heutige Tipp dreht sich um Illustrationen im Flat-Design-Stil. Dieser Stil ist heutzutage sehr beliebt und wird häufig auf Websites, in Büchern, Präsentationen und Produktverpackungen verwendet – im Grunde überall dort, wo man es sich vorstellen kann. Die sauberen, klaren und/oder gleichmäßigen Ränder sind sein Hauptmerkmal und lassen sich mit den vektorbezogenen Werkzeugen in Clip Studio Paint leicht erzielen.

 

1. Zerlegung einer Flat-Design-Illustration

Hinweis: Dies ist keineswegs eine Regel – nur eine einfache Beobachtung. Ich liste auch die verwendeten Werkzeuge als Referenz auf, Sie können später in diesem Tutorial mehr darüber erfahren.

Die meisten Zeichnungen in diesem Stil sind in kleinere Formen unterteilt, die leicht erkennbar sind, da jede Form eine bestimmte Farbe hat.

An jedem Teil kann eine Textur oder ein handgezeichnetes Element angebracht sein, oder eine einfache Schattierung.

 

Anstelle von farbigen Formen können einige Teile durch Lineart ersetzt werden. In den meisten Fällen ist die Linienbreite konstant.

Schließlich können Sie eine Filterebene/Rauschen/papierähnliche Textur über die gesamte Zeichnung legen. In diesem Beispiel habe ich eine Ebene mit einem Tintenflecken-Effekt verwendet.

 

2. Nützliche Werkzeuge und Funktionen

Hinweis: Das Lesen aller Werkzeugbeschreibungen unten kann überwältigend sein. Wenn Sie also zuerst üben möchten, um die Werkzeuge kennenzulernen, springen Sie einfach zu Teil 3!

 

Sowohl Raster- als auch Vektorzeichenwerkzeuge eignen sich gut für diesen Stil. Vektorbasierte Werkzeuge behalten die Schärfe der Zeichnung in jeder Größe bei (gut, wenn Sie Ihr Bild in mehreren Größen für verschiedene Zwecke benötigen), während Rasterwerkzeuge mehr Flexibilität bieten. Glücklicherweise können Sie beides mit Clip Studio Paint kombinieren.

 

VEKTOREBENEN

Alles, was auf einer Vektorebene gezeichnet wird, kann ohne Qualitätsverlust skaliert werden und ist daher für diesen Stil sehr gut geeignet. Vektorebenen funktionieren jedoch nicht mit einigen Werkzeugen, z. B. dem Füllwerkzeug, sodass Sie entweder eine normale Ebene (Rasterebene) verwenden oder andere Problemumgehungen nutzen müssen.

Klicken Sie auf der Registerkarte „Ebene“ auf die Schaltfläche „Neue Vektorebene“, um eine Vektorebene zu erstellen. Vektorebenen haben links neben ihren Namen ein Würfelsymbol.

Alles, was auf einer Vektorebene gezeichnet wird, hat „unsichtbare“ Kontrollpunkte, die miteinander verbunden sind und eine Linie bilden. Sie werden sichtbar, während Sie sie zeichnen (mit bestimmten Werkzeugen), oder wenn Sie das gezeichnete Element mit dem Objekt-Werkzeug [O] oder dem Kontrollpunkt-Werkzeug (aus Unterwerkzeug „Linie korrigieren“ [Y]) anklicken. Diese Kontrollpunkte machen Ihre Zeichnung glatt und scharf.

Hier sind einige Beispiele von Elementen, die auf einer Vektorebene mit verschiedenen Werkzeugen gezeichnet wurden. Die untere Reihe zeigt die Kontrollpunkte.

 

RASTEREBENEN

Dies sind normale Ebenen, die in Zeichenprogrammen üblich sind. Sie sind vielseitig und können auf viele verschiedene Arten bearbeitet werden. Wenn Sie sie jedoch skalieren, verlieren sie ihre Qualität, insbesondere beim Hochskalieren. Sie können immer größer zeichnen, um Qualitätsverluste zu vermeiden, aber dies hängt vom Programm und den Fähigkeiten Ihres Computers ab. Dennoch müssen Sie sich manchmal auf die guten alten Rasterebenen verlassen – nicht alles kann auf Vektorebenen erreicht werden.

Um eine Rasterebene zu erstellen, klicken Sie auf der Registerkarte „Ebene“ auf die Schaltfläche „Neue Rasterebene“ oder drücken Sie Strg + Umschalt + N.

 

UNTERWERKZEUG „FIGUR“ [U] > DIREKTES ZEICHNEN

Die Figur-Werkzeuge erzeugen, wenn sie auf Vektorebenen verwendet werden, vektorisierte Formen, die nachträglich bearbeitet werden können. Natürlich können Sie sie auch auf Rasterebenen verwenden. Ein Vorteil der Figur-Werkzeuge ist, dass Sie mit der Maus oder dem Finger auf einem Telefon/iPad statt mit einem Stift zeichnen können.

 

Für Gerade Linie, Kurve, Rechteck, Ellipse und Polygon sind Ausführung und Werkzeugeigenschaft ähnlich. Klicken Sie, halten Sie die Maustaste gedrückt/drücken Sie den Stift und ziehen Sie dann die Maus, um Ihre Form zu erstellen. Bewegen Sie anschließend die Maus ein wenig, um die Kurve bei Bedarf zu drehen/definieren.

 

Für Polylinie müssen Sie nicht ziehen, sondern klicken Sie einfach, um durchgehende Linien zu erstellen; klicken Sie auf den ersten Punkt, um den Pfad zu schließen.

 

Hinweis: Wenn Ihr Werkzeugeigenschafts-Panel einige der oben genannten Optionen nicht anzeigt, klicken Sie auf die Schaltfläche „[Unterwerkzeug-Details]-Palette anzeigen“, um auszuwählen, welcher Wert/Status angezeigt werden soll.

Verwenden Sie die Kontinuierliche Kurve/Bezier-Kurve, um Freiformformen zu zeichnen.

 

Wenn ich das Figur-Werkzeug verwende, um eine durchgehende Kurve zu zeichnen, verwende ich die (Kubische) Bezier-Kurve. Sie ist dem, was man mit einer dedizierten Vektorzeichensoftware erreichen kann, am nächsten und ist ziemlich präzise und vielseitig.

 

Klicken Sie mit der Maus/dem Stift, um eine gerade Linie zu erstellen. Klicken Sie und ziehen Sie dann für eine Kurve. Drücken Sie die [Enter]-Taste zum Beenden oder klicken Sie auf den Startpunkt, um die Kurve zu schließen. Auf dem iPad klicken Sie außerhalb der Zeichenfläche (vorzugsweise das Bezier-Kurven-Werkzeug oder ein anderes Werkzeug, um eine andere Kurve zu zeichnen oder eine andere Aktion auszuführen).

 

Um beim Zeichnen der Bezier-Kurve rückgängig zu machen, drücken Sie die [Entf]- oder [Rücktaste]-Taste. iPad-Benutzer können normal rückgängig machen, indem sie mit zwei Fingern tippen.

 

Hakten Sie die [Umschalt]-Taste, während Sie den Richtungspunkt ziehen, um ihn auf 0/45/90/135/180/usw. Grad zu fixieren.

 

Beim Zeichnen eines neuen Punktes können Sie die [Strg]-Taste drücken, um alte Punkte zu ändern.

 

Die [Alt]-Taste hilft beim Wechsel der Richtung.

Hinweis für iPad-Benutzer: Verwenden Sie die Randtastatur für Modifier-Tastenoperationen. Wischen Sie den linken oder rechten Rand, um sie herauszuziehen (ich habe die Einstellung auf eine Schaltfläche anstelle des Wischens geändert).

 

Oder Sie platzieren die Ankerpunkte einfach grob und wechseln dann zum Linie korrigieren-Werkzeug, um später Feineinstellungen vorzunehmen.

 

Quadratische Bezier-Kurve:

Dies ist die alte Methode, um eine Vektorkurve in CSP zu erstellen. Ich verwende sie nicht, aber sie werden in einigen vorgefertigten Materialien verwendet (mehr dazu später). Ich weiß nur, dass ich den Punkt ziehe, um sie zu ändern :D

 

Denken Sie daran, auf einer Vektorebene zu zeichnen, wenn Sie die Ankerpunkte und Richtungspunkte danach anpassen möchten.

BEDIENUNG [O] > Objekt

Durch Auswahl einer Vektorlinie/Kurve hiermit werden ihre verborgenen Ankerpunkte und Richtungspunkte angezeigt. Sie können die Punkte sowie die gesamte Kurve verschieben, sie mit dem Begrenzungsrahmen in der Größe ändern/drehen. Die Operationen der Punkte sind die gleichen wie bei Verwendung des Bezier-Kurven-Werkzeugs.

 

Ändern Sie die Farbe, Pinselgröße und -form usw. auf der Registerkarte Werkzeugeigenschaft [Objekt].

 

Sie können die Kurve auch mit [Strg + C] und dann [Strg + V] duplizieren und die Kurve löschen, indem Sie die [Entf]-Taste drücken.

 

LINIE KORRIGIEREN [Y]

Verwenden Sie diese Werkzeuge, um die Vektor-Ankerpunkte zu ändern.

 

Kontrollpunkt

Desktop-Benutzer haben es einfacher, da Sie nur mit der rechten Maustaste auf den Punkt klicken müssen, um darauf zuzugreifen. Für die iPad-Nutzung wechseln Sie nach dem Zeichnen mit anderen Werkzeugen zum Linie korrigieren-Werkzeug.

[Bild] + kurze Bildbeschreibung

 

SPRECHBLASE [T]

Vektorebenen können keine farbigen Bereiche, sondern nur Linien enthalten? Falsch gedacht! Das geht mit dem(den) Sprechblasen-Werkzeug(en)! Es ist zwar nicht die beabsichtigte Verwendung, aber sie erledigen die Arbeit, also warum nicht.

 

Beachten Sie, dass Sprechblasen eigene Sprechblasen-Ebenen haben. Sie sind wie ein Untertyp von Vektorebenen, die Füllungen (farbige Bereiche) zulassen. Diese beiden mischen sich jedoch nicht. Wenn Sie zwei Sprechblasen auf derselben Ebene nebeneinander platzieren, werden sie außerdem zusammengeführt.

Ellipse-Sprechblase/Abgerundete Sprechblase

Trotz ihres Namens verhalten sie sich beide ähnlich wie die Rechteck-, Ellipse- und Polygon-Figurenwerkzeuge, mit einem wichtigen Unterschied: Sie können die Umschaltung Linie/Füllung verwenden (Figurenwerkzeuge erlauben nur Linien/Kurven auf Vektorebenen). Die Abgerundete Sprechblase fügt einen Parameter für die Eckrundung hinzu.

 

Kurven-Sprechblase

Die Auswahl von Kubische Bezier und dieses verhält sich genau wie das Bezier-Kurven-Werkzeug, während es die Füllung auf einer Sprechblasen-Ebene zulässt. Weitere Details finden Sie im obigen Abschnitt zur Bezier-Kurve.

 

MATERIAL

Wenn Sie extrem faul sind, bietet die Registerkarte Material eine große Anzahl vorgefertigter Sprechblasen. Ziehen Sie sie einfach auf die Zeichenfläche, ändern Sie ihre Linien- und Füllfarbe nach Belieben. Verwenden Sie das Objekt-Werkzeug, um ihre Anker- und Richtungspunkte zu ändern.

 

LINEAL [U]

Die Methode zum Erstellen von Linealen ähnelt der von Figuren-Werkzeugen. Lineale können als Alternative zu Figuren-Werkzeugen verwendet werden, wenn Sie glatte, durchgehende Linien/Kurven auf Raster- und Vektorebenen erstellen möchten, und sie können später wiederverwendet werden. Da das Zeichnen mit Linealen jedoch zu viele Kontrollpunkte erzeugt, ist es schwieriger, die Linie zu ändern.

 

STIFT/PINSEL/AIRBRUSH/DEKORATION [P] [B] (mit Stabilisierung) + FÜLLUNG [G]

 

Manchmal ist es schneller, direkt mit einem Pinsel zu zeichnen, anstatt Vektorlinien mit Ankerpunkten zu verwenden. Wenn Sie die Stabilisierung auf einen sehr hohen Wert erhöhen, werden Ihre Linien sehr glatt. Sie werden auch für handgezeichnete Schattierungen/Texturen verwendet.

Um Lücken bei der Verwendung des Füllwerkzeugs zu vermeiden, erhöhen Sie die Skalierung des Bereichs auf ⅓ - ¼ Ihrer Pinselgröße (nur mit Rasterebenen verwendbar).

3. Einfache Illustration mit vorgefertigten Figuren

Dies ist ein einfaches Beispiel, das Ihnen zeigt, wie die Werkzeuge zusammenarbeiten.

Öffnen Sie die Registerkarte Material [Sprechblase]. Ziehen Sie die Sprechblase „Vibration_01“ (Standardmaterial von CSP) auf Ihre Zeichenfläche oder die Registerkarte „Ebene“ (das Werkzeug wechselt automatisch zum Objekt-Werkzeug, sodass Sie Vektorobjekte sofort auswählen und bearbeiten können).

 

Wählen Sie auf der Registerkarte Werkzeugeigenschaft [Objekt] „Füllung erstellen“. Ändern Sie die Füllfarbe auf Grün. Ich wähle „Mittel“ für die Kantenglättung, da die Standardeinstellung („Keine“) etwas rau aussieht. Ich skaliere es auch ein wenig mit den Knoten des Begrenzungsrahmens.

 

Wechseln Sie zum Kurven-Sprechblase-Werkzeug. Wählen Sie auf der Registerkarte Werkzeugeigenschaft [Kurven-Sprechblase] „Füllung erstellen“, „Zur ausgewählten Ebene hinzufügen“ (damit neue Sprechblasen auf derselben Sprechblasen-Ebene erstellt werden; wenn noch keine Ebenen ausgewählt sind, wird eine neue Sprechblasen-Ebene für die erste Sprechblase erstellt), „Kubische Bezier“, „Mittlere Kantenglättung“. Wählen Sie eine braune Farbe.

 

Ich klickte dreimal, um ein Dreieck für den Baumstamm zu erstellen, und klickte dann auf den Startpunkt, um die Form zu schließen.

 

Wiederholen Sie die Schritte dreimal, um drei Äste zu zeichnen. Da sich die Sprechblasen auf einer Ebene überlappen, verschmelzen sie miteinander.

 

Sie haben nun einen Vektorbaum. Er sieht jedoch etwas fad aus, also fügen wir etwas „Textur“ hinzu.

 

Erstellen Sie eine neue Vektorebene über der Sprechblasen-Ebene „Baumstamm“.

 

Wechseln Sie zum Figur-Werkzeug > Gerade Linie. Ziehen Sie, um eine vertikale Linie zu erstellen.

Ich kann diese einfache Linie verwenden, um den Baumstamm zu dekorieren, aber ich möchte etwas Ausgefalleneres verwenden. Wählen Sie die Linie mit dem Objekt-Werkzeug aus, gehen Sie zum Dropdown-Menü „Pinselform“ und wählen Sie einen Pinsel, der Ihnen gefällt.

 

Wenn der gewünschte Pinsel hier nicht angezeigt wird, z. B. wenn ich einen Pinsel aus dem Dekorationswerkzeug möchte, gehen Sie zur Werkzeugeigenschafts-Registerkarte dieses Pinsels:

 

Klicken Sie unten rechts auf die Schaltfläche „[Unterwerkzeug-Details]-Palette anzeigen“. Gehen Sie im Popup-Panel zu „Pinselform“ und klicken Sie auf die Schaltfläche „Als Voreinstellung registrieren“. Ihr Pinsel wird nun in der Dropdown-Liste „Pinselform“ angezeigt.

 

Ich wähle den Pinsel „Raue Kante“, erhöhe die Pinselgröße und ändere die Farbe.

 

Immer noch mit dem Objekt-Werkzeug die Linie auswählend, dupliziere ich sie mehrfach mit Strg + C und dann Strg + V. Ich verwende das Objekt-Werkzeug, um sie zu verschieben und eine Art Muster zu erstellen.

 

Dann wähle ich die Vektorebene aus und klicke auf die Schaltfläche „Auf Ebene darunter beschneiden“. Der Baumstamm hat nun ein Zickzack-Muster.

 

Für das Blätterdach des Baumes verwenden wir eine andere Methode. Von der Registerkarte Material ziehe ich das japanische Wappenmuster auf die Registerkarte Ebene, platziere es über der Sprechblasen-Ebene des Blätterdaches. Auf der Registerkarte Ebeneneigenschaft wähle ich den Ebenenfarbeffekt und ändere die Farbe des Musters auf Babygrün. Dann beschneide ich die Musterebene auf die Sprechblasen-Ebene.

 

Der Baum ist fast fertig. Ich gehe erneut zur Registerkarte Material und ziehe die Ebene „40% 40/0 Rauschen Monochrom“ über alle anderen Ebenen und senke deren Deckkraft auf etwa 30%.

 

Ein weiteres Beispiel: Diese Häuser und die gepflasterte Straße können nur mit Polygonwerkzeugen und Blasenmaterialien erstellt werden!

4. Zeichnen komplexer Kurven und Formen mit der Bezier-Kurve

Skizzieren Sie Ihre Zeichnung auf einer Rasterebene mit einem beliebigen Pinsel, mit dem Sie vertraut sind.

Ich senke die Deckkraft der Skizze. Sie wird über anderen Ebenen liegen.

 

Ich verwende das Kurven-Sprechblase-Werkzeug, um die roten Blütenblätter zu zeichnen.

 

Klicken Sie zum Starten, ziehen Sie dann, um Kurven zu erstellen, klicken Sie, um Ecken zu erstellen usw. Weitere Details zur Verwendung der Bezier-Kurve finden Sie in Teil 2.

Die Farbe der Blätter ist anders, daher möchten Sie ihre Sprechblasen möglicherweise nicht auf derselben Ebene wie die rote Blume haben, damit Sie später eine andere Schattierung/Textur darauf anwenden können. Wählen Sie dazu beim Kurven-Sprechblase-Werkzeug „Neue Ebene erstellen“ beim Zeichnen des ersten Blattes und wechseln Sie dann zurück zu „Zur ausgewählten Ebene hinzufügen“, um alle Blätter auf derselben Ebene zu platzieren.

 

Erstellen Sie eine neue Vektorebene, um den Blütenstiel mit dem Figur-Werkzeug > Bezier-Kurve zu zeichnen; eine weitere Vektorebene für die Staubblätter. Im Allgemeinen sollten Sie, wenn die Kurven/Formen unterschiedliche Farben und/oder Pinselformen haben, diese in verschiedene Ebenen aufteilen.

 

Seien Sie vorsichtig mit der Reihenfolge der Ebenen, wenn Sie zu viele Formen haben. Führen Sie auch nur Ebenen desselben Typs zusammen (d.h. nur Vektorebenen miteinander, Sprechblasen-Ebenen und Rasterebenen auch; das Mischen verschiedener Typen verwandelt die resultierende Ebene in eine Rasterebene und Sie können die Vektorkurven danach nicht mehr bearbeiten).

 

Wenn Sie sorgfältig planen, können Sie sehr komplexe Bilder zeichnen.

Im obigen Beispiel füge ich sogar Schatten mit warmgrauen Formen im Modus „Multiplizieren“ hinzu. Planen Sie sogar die Farben!

5. Schattierungen und Texturen

Dieser Schritt ist sehr einfach, doch er kann und wird Ihre Zeichnung auf die nächste Ebene heben! Wählen Sie einen oder mehrere strukturierte Pinsel/Airbrush/Dekorationspinsel/Stift/Bleistift/Pastell – irgendetwas, eine andere Farbe als die Grundform, und zeichnen Sie darauf. Es gibt zwei Möglichkeiten, dies zu tun:

 

1 – Erstellen Sie eine neue Rasterebene über der Ebene der Grundform und beschneiden Sie die neue Ebene darauf. Führen Sie die Schattierung auf dieser Ebene durch. Dieser Ansatz kann mit allen 3 Arten von Ebenen (Raster, Vektor und Sprechblase) durchgeführt werden, und die Vektor-/Sprechblasenformen bleiben bearbeitbar, kann aber viele zusätzliche Ebenen erzeugen.

 

2 – Rastern Sie die Ebene der Grundformen bei Bedarf (Rechtsklick und dann „Rastern“ wählen), sperren Sie dann die transparenten Pixel. Zeichnen Sie direkt auf der gerasterten Ebene. Ihre Datei wird nicht so überladen sein, aber es ist danach schwieriger zu bearbeiten.

 

Ich habe die Schattierung auf der Blume mit dem Pinsel „Trockene Gouache“ und der „Sprühfarbe Airbrush“ gemacht und einen Hintergrund mit einem Sprechblasenmaterial mit Textur hinzugefügt (das Licht kommt in diesem Bild von oben).

 

Clip Studio Paint bietet bereits eine gute Auswahl an strukturierten Pinseln, aber Sie können im Clip Studio Asset noch mehr herunterladen. Das Blumenbeispiel mag generisch aussehen, aber schöne Texturpinsel plus eine raffinierte Farbpalette können Ihre flachen Formen wirklich über alle Erwartungen hinaus verwandeln! Unten sind einige meiner Illustrationen, um Ihnen zu zeigen, wie vielseitig dieser Stil sein kann!

 

Ich hoffe, Sie finden in meinem Tutorial etwas Nützliches! Wenn Ihnen meine Tutorials gefallen, besuchen Sie mich auf meinen Seiten! Lassen Sie uns chatten :D