Anleitung zum Erstellen flacher Illustrationen

4.972

AriaVon

AriaVon

Präsentation

Hallo!!!, willkommen zu diesen neuen TIPPS. Bei dieser Gelegenheit werde ich Ihnen die wichtigsten Konzepte vorstellen, die die Erstellung flacher Illustrationen ermöglichen, denn auch wenn es wie alles im Leben einfach erscheinen mag, hat es seinen Lerngrad . Heute werden wir seine Geheimnisse lüften. Ohne mehr zu sagen …

 

Lass uns anfangen!!

1. Wählen Sie Farben

Um mit jeder Art von Illustration zu beginnen, ob vom flachen Stil bis zum Realismus, müssen Sie bestimmte Kompositionskonzepte kennen, die eine Illustration eindrucksvoll machen, die Aufmerksamkeit des Betrachters lenken und seinen Blick auf emotionale Empfindungen lenken.

 

• WEITERE TIPPS ZUR FARBE

 

Vor einiger Zeit habe ich einen TIP-Eintrag erstellt, in dem ich die Farbtheorie erkläre; Dieses Wissen ist für jeden Zeichenstil nützlich. Gehen Sie auf technische Daten ein, die ich hier nicht erläutern werde, z. B. woher die Farben und ihre Modelle stammen; Wenn Sie also mehr wissen möchten, lade ich Sie ein, einen Blick darauf zu werfen. Außerdem erkläre ich in diesem Eintrag die Tools, die CLIP STUDIO PAINT zum Erstellen von Farbpaletten benötigt.

 

 

Kürzlich habe ich einen TIPPS erstellt, in dem ich verschiedene Werkzeuge und Methoden zum Hinzufügen von Farben mit CLIP STUDIO PAINT zeige. Er ist ziemlich umfangreich und vor allem für jeden Stil nützlich. Ich lasse den Eintrag unten:

 

 


► Farbpsychologie

Die Farbpsychologie lehrt uns, wie Farben das menschliche Verhalten beeinflussen. Farben haben einen großen Einfluss auf uns, auf unsere Stimmung und unseren Geisteszustand. Mit ihnen können wir Freude, Traurigkeit usw. anregen oder erzeugen. Einige Farben erzeugen Ruhe oder Mitgefühl, was normalerweise in kalten Farben wie Blau zu finden ist. Andererseits gibt es aber auch andere, die Wut oder Unbehagen hervorrufen; wir finden diese bei warmen.

 

Wenn wir die Psychologie der Farben und die Orte und Emotionen kennen, mit denen Menschen Farben in Verbindung bringen, können wir aussagekräftige Illustrationen voller Botschaften erstellen. Geschichten erzählen, ohne dass Worte nötig sind. Schauen wir uns nun seine Eigenschaften an.

 

• KLASSIFIZIERUNG DER FARBEN

 

Farben können in kalt und warm eingeteilt werden, je nachdem, was sie uns vermitteln. Sie sind leicht zu erkennen, da sie optisch mit einer niedrigen oder hohen Temperatur in Verbindung gebracht werden; Sie ermöglichen es uns, emotionale oder atmosphärische Ideen subtil auszudrücken.

1. WARME FARBEN

 

Diese Farben reichen von Rot bis Gelb. Sie vermitteln dem Betrachter die Empfindungen von hoher Temperatur, Begeisterung, Leidenschaft, Freude, Liebe, Energie, Wärme usw. Sie können auch eine Jahreszeit wie Frühling, Herbst, eine Wüste usw. darstellen.

2. KALTE FARBEN

 

Kühle Farben kommen in den Farbkreis, von Lila bis Grün. Es ist die Farbe Blau, die am meisten mit kalten Tönen in Verbindung gebracht wird. Wenn sie in anderen Tönen vorhanden ist, trägt sie dazu bei, dass diese als kälter wahrgenommen werden. Je blauer eine Farbe ist, desto kälter wird sie. Kalte Farben hängen mit niedrigen Temperaturen zusammen, sie sind die Töne des Winters, der Nacht, der Meere, Seen, Ruhe, Stille, Einsamkeit, Gelassenheit, Traurigkeit, der Nacht und des Winters usw.

  • SÄTTIGUNG

Die Sättigung ist der Reinheitsgrad einer Farbe, sie definiert ihre Intensität. Sie wird durch die Graumenge bestimmt, die es enthält. Je mehr Grau, desto geringer die Sättigung, und je weniger Grau, desto gesättigter ist es. Aber welchen Zusammenhang hat die Sättigung mit der Farbpsychologie? Nun, es stellt sich heraus, dass schlecht gesättigte Illustrationen Traurigkeit, Melancholie, Verfall und Gefühle der Trostlosigkeit vermitteln; während die gesättigten lebendigen und vibrierenden Gefühle von Begeisterung, Hoffnung, Freude usw.

Ein Tool, mit dem Sie die Sättigung unserer Illustrationen modulieren können, ist: „Ton/Sättigung/Helligkeit“. Dieses Tool finden Sie über den folgenden Pfad: Tonkorrektur > Ton/Sättigung/Helligkeit.


► Methoden zur Farbauswahl

Instinktiv fühlen wir uns zu Kompositionen mit ähnlichen oder kontrastierenden Farben hingezogen. Farbharmonien ermöglichen es Ihnen, Farben auszuwählen. Es handelt sich um eine Technik der Farbtheorie, um sie zu kombinieren. Im Folgenden werden die vier bekanntesten Farbharmonien erklärt, wobei wir uns auch darüber im Klaren sind, dass wir Farben nach emotionaler Logik (die Gefühle von Freude, Traurigkeit, Wut, Liebe usw. vermitteln) oder nach einem Ort (einem ewigen Futurismus, einem Sonnenuntergang, einer Abenddämmerung usw.) auswählen können Wasseratmosphäre usw.), wie wir in der Psychologie der Farben gesehen haben; Jetzt haben wir mit Harmonien die Möglichkeit, die perfekte Farbstruktur zu schaffen, die komplexe Geschichten erzählt, oder einfach eine Illustration mit Farben zu harmonisieren, die sich gegenseitig ergänzen.

 

1. KOMPLEMENTÄR

 

Komplementärfarben sind solche, die im Farbkreis entgegengesetzt sind. Diese Kombination bewirkt einen Kontrast. Diese Harmonie kann verwendet werden, um die Figur im Hintergrund zu kontrastieren und um gegensätzliche Ideen gegenüberzustellen.

2. ANALOGE

 

Eine analoge Harmonie entsteht durch die Umsetzung von Farben, die im Farbkreis nahe beieinander liegen. Aufgrund ihrer Nähe lassen sie sich gut miteinander kombinieren. Wie Blau, Lila und Rosa, die nacheinander nahe beieinander liegen. Beispielsweise haben Landschaften in der Natur normalerweise diese Eigenschaft, sie bestehen aus aufeinanderfolgenden Farben.

3. TRIAD

 

Um einen harmonischen Dreiklang zu erzeugen, werden drei äquidistante Farben verwendet. Wie Sie in der Abbildung unten sehen können, sind die Farben Gelb, Rot und Blau drei Farben voneinander entfernt.

4. MONOCHROMATISCH

 

Um Paletten mit dieser Harmonie zu erstellen, werden alle Farben von einer einzigen Farbe abgeleitet, von der verschiedene Variationen von Helligkeit und Sättigung verwendet werden. Sie können auch verschiedene neutrale Grautöne hinzufügen.

2. Flache Designs

Flaches Design zeichnet sich durch die Verwendung flacher und leuchtender Farben, geometrischer Formen und großer typografischer Formate mit einfachen Botschaften aus, die ein klares Verständnis vermitteln. Es besticht durch seine Schlichtheit und seine attraktiven Botschaften. Darüber hinaus weist es im Gegensatz zu anderen Illustrationen keine lineare Darstellung auf, sondern es wird stattdessen ein Kontrast verwendet, um die Umrisse einer Figur von einer anderen zu unterscheiden. Vereinfacht ausgedrückt verwendet der flache Stil grafische Elemente, die Verwendung geometrischer Formen mit leuchtenden Farben. Die Konzepte, die wir unten sehen werden, helfen uns bei der Erstellung flacher Illustrationen.

 

 

► Abstraktion

Für das flache Design werden wir die Abstraktion mit geometrischen Formen berücksichtigen. Abstraktion ist einfach. Wir müssen lediglich die Komplexität des Objekts, das wir neu erstellen möchten, verringern und es in seine einfachen geometrischen Formen umwandeln. In diesen Fällen werden die primären geometrischen Formen verwendet: Dreieck, Quadrat und Kreis.

Schauen wir uns ein Beispiel an: Ein Bär kann zu einer Reihe von Kreisen und Dreiecken vereinfacht werden; Wir können auch die Struktur der Figuren ändern, um einer Figur mehr Dynamik zu verleihen. Das Verformen von Figuren ist nützlich, um gekrümmte Objekte zu erstellen.

Im Wesentlichen handelt es sich hierbei um Abstraktion, die wir für jede Art von Illustration verwenden, aber im Flat Design ist sie unerlässlich. Der beste Weg, die Abstraktion zu verbessern, besteht darin, ein Objekt oder eine Person zu nehmen und zu versuchen, es nur mit geometrischen Figuren und einigen Verformungen davon nachzubilden.

 

 

► Bauen Sie Charaktere mit geometrischen Figuren auf

Wenn wir die Sprache der Formen kennen, können wir Charaktere erschaffen, die uns mit ihrem Design Geschichten erzählen. Wenn wir beispielsweise einen liebevollen Charakter wollen, verwenden wir Kreise, aber wenn wir möchten, dass er auch beweglich ist, fügen wir seiner Struktur Dreiecke hinzu. Schauen wir uns als Nächstes eine Methode mit geometrischen Formen an, mit der Sie eine unendliche Vielfalt an Charakteren entwerfen können.

 

• SCHRITT 1: SCHATTEN

 

Zunächst platzieren wir die geometrischen Grundfiguren so, dass sie die Silhouette der Figur bilden. Dafür werden wir die Größen variieren.

Diese Übung eignet sich auch gut zur Entwicklung der Kreativität; Es motiviert uns, so viele Variationen zu glauben, die scheinbar unmöglich zu Ende zu bringen sind.

  • SCHRITT 2: SKIZZE

Wenn wir unsere Figur im Schatten haben, verringern wir die Deckkraft der Ebene, sodass wir auf diese Weise auf einer neuen Ebene darüber eine Skizze mit spezifischeren Merkmalen der Figur zeichnen können, wie z. B. den Haaren und der Form der Figur Augen oder sogar Kleidung folgen der Struktur des Schattens, ohne jedoch so streng zu sein; Es ist besser, rauszugehen und den Oberflächen geschwungene Formen zu geben.

  • SCHRITT 3: FARBE

In diesem Schritt verzichten wir auf die Schattenebene und konzentrieren uns auf die Erstellung einer Ebene unter der Skizze, auf der wir uns der Platzierung der flachen Formen mit Farbe widmen. Im nächsten Abschnitt werden wir die Werkzeuge sehen, über die Clip Studio Paint verfügt, um die Erstellung flacher Charaktere und Umgebungen zu erleichtern.

 

Für die Schatten verwenden wir Kontrast. Farbkontrast ist der Unterschied zwischen zwei oder mehr Farben. Das bedeutet, dass wir eine Farbe nehmen, mit unterschiedlicher Sättigung/Leuchtkraft oder Ton können wir einen Kontrast zwischen dem Schatten und der Basis der Farbe erzeugen. Für das Mädchen unten habe ich ihre Grundhautfarbe verwendet, aber die Helligkeit verringert, sodass sie wie ein Schatten wirkt.

3. Flache Designs mit Clip Studio Paint

Das Programm verfügt über Werkzeuge, mit denen Sie auf praktische und vor allem schnelle Weise eine Vielzahl flacher Arbeiten erstellen können, ohne Pinsel verwenden zu müssen.

 

 

► Zahlen

Einen perfekten Kreis, ein perfektes Dreieck, ein Rechteck oder eine andere Figur von Hand zu erstellen, wäre sehr kompliziert, aber diese Schwierigkeit ist der Grund, warum es diese Funktion gibt. Mit diesem Tool können wir jede beliebige Figur erstellen.

 

Es befindet sich in der „Extras“-Leiste, sein Standardkürzel ist die Taste (U).

Alle Figuren-Unterwerkzeuge verfügen über Eigenschaften, die für mehr Praktikabilität sorgen. Im Folgenden werde ich einige dieser Untertools erläutern. Gerade und geschwungene Linien werde ich wegen ihrer intuitiven Verwendung weglassen.

 

  • POLYLINIE

Mit der Polylinie können Sie durchgehende Linien erstellen. Wenn Sie eine der beiden Fülloptionen aktivieren, wird die innere Struktur der Figur mit einer Volltonfarbe und geraden Kanten gefüllt. Die Linien-/Füllfunktionen haben drei Optionen: Die erste erstellt Strukturen, die mit einer ausgewählten Volltonfarbe gefüllt sind, die zweite nur durchgehende Linien und schließlich füllt die letzte auch die Form, jedoch mit zwei Farben, der Linie der Sekundärfarbe und der Füllung der Hauptfach Farbe.

 

Die Größe des Pinsels, die Deckkraft, die Weichheit sind selbsterklärend.

  • KONTINUIERLICHE KURVE UND BÉZIER-KURVE

Diese beiden sind ähnlich, sie teilen sich die Funktionen, außerdem sind die anderen Funktionen die gleichen wie beim vorherigen, der einzige Unterschied zum vorherigen Tool sind die Kurvenoptionen. Die vier „Kurven“-Optionen sind unterteilt in: Gerade Linie, Spline, quadratisches Bézier und kubisches Bézier.

Ich verwende dieses Werkzeug, um Schattendetails zu erstellen oder Räume zu füllen, die aufgrund ihrer strukturellen Einschränkungen von einfachen geometrischen Figuren nicht abgedeckt werden.

  • GEFÜLLT MIT SCHLEIFE

Von allen Figuren-Unterwerkzeugen ist dies das vielseitigste, da wir damit frei zeichnen können und der Innenraum automatisch gefüllt wird, wenn wir die Linie schließen. Eine der Eigenschaften ist der Stabilisator, der uns eine höhere Präzision ermöglicht.

  • ELIPSE/RECHTECK

Mit diesem Werkzeug erstellen Sie, wie der Name schon sagt, Ellipsen oder Kreise. Um einen perfekten Kreis zu bilden, verwenden wir die UMSCHALTTASTE, während wir die Größe des Kreises bestimmen. Wenn wir es hingegen manuell ändern möchten, können wir dies mit der Option „Proportionsanpassung“ tun.*

 

Die Optionen sind für das Rechteck dieselben, außer dass eine Option hinzugefügt wurde, die das Abrunden der Ecken ermöglicht.

„Winkel anpassen, sobald entschieden“ ermöglicht es uns, den Winkel des Kreises zu ändern. Diese Änderung macht sich deutlicher bemerkbar, wenn die Proportionen nicht perfekt sind.

  • POLYGON

Mit Polygon können wir Figuren mit unterschiedlicher Anzahl von Eckpunkten erstellen, da wir zunächst standardmäßig Quadrat und Kreis haben. Polygon ist jedoch die Option, mit der wir die Anzahl der Eckpunkte ändern können, um Dreiecke, Fünfecke usw. zu bilden. Eine weitere wichtige Funktion ist „Eckenrundung“. Wie der Name schon sagt, rundet sie die Ecken ab.

WAS KÖNNEN WIR MIT DEM FIGUREN-TOOL MACHEN?

 

Mit diesen Figuren und der richtigen Farbkombination können wir jede Struktur, jeden Charakter und jede Landschaft, wie sie im Abschnitt „Farben“ oder „Objekte“ dargestellt sind, vereinfacht und in einem flachen Stil nachbilden. Was wir brauchen, was wir nur haben und entwickeln können, ist unsere Kreativität; Sie müssen üben, um die Kombination und Transformation grundlegender Formen zu verbessern.

Das erste ist ein GIF, bei dem genauer beobachtet wird, wie ein Gesicht aufgebaut ist; während ich im zweiten alle Gesichter abdecke, um zu zeigen, dass der Vorgang für jeden Charakter wiederholt wird.

Wir können auch alle Arten von Körpern herstellen. Die drei folgenden Beispiele bestehen aus reinen Kreisen und Rechtecken mit abgerundeten Kanten. Bedenken Sie jedoch, dass dies nicht auf den Kreis beschränkt ist. Mit den anderen Figuren können wir unendlich viele Körperstrukturen erzeugen.


► Ordner „Ebenen“.

Diese Funktion hilft uns dabei, Ordnung zwischen den Ebenen zu schaffen. Die Funktion „Flat“ hat die Tatsache, dass sie viele Ebenen generiert, indem pro zu änderndem Objekt eine erstellt werden muss. Am Ende sind es zu viele und es wird schwierig, das zu finden, was wir wollen, aber Wenn wir einige davon in einen Ordner legen (indem wir darauf klicken, es gedrückt halten und in Richtung des Ordners ziehen), behalten wir die Reihenfolge bei.

 

Beispiel: Legen Sie alle Ebenen des Hauses in einen Ordner und die Landschaft in einen anderen.


► Verwandeln

„Transformieren“ verkleinert/vergrößert die Größe der Auswahl oder verschiebt sie. Um diese Funktion zu verwenden, müssen Sie zunächst das zu ändernde Teil auswählen und dann die Tasten „Strg plus T“ drücken oder auf den folgenden Pfad zugreifen: Bearbeiten > Transformieren > Skalieren/Drehen.

 

Wenn wir auf das Fenster mit den Werkzeugeigenschaften zugreifen, finden wir verschiedene Optionen, mit denen wir den Modus ändern, das Rotationszentrum ändern, das Originalbild, den Maßstab und den Rotationswinkel beibehalten sowie die Position und die Interpolationsmethode anpassen können.

Die freie Transformation hingegen ermöglicht es Ihnen, die Perspektive des Objekts zu ändern, um es mit der allgemeinen Perspektive zu koppeln. Der Zugriff erfolgt durch Drücken der Tasten „Strg plus T“, später klicken wir mit der rechten Maustaste innerhalb des Objekts Begrenzungsrahmen der Transformation. Auf diese Weise erscheint ein Menü, in dem wir die Option „Freie Transformation“ finden. Eine andere Möglichkeit besteht darin, auf den folgenden Pfad zuzugreifen: Bearbeiten > Transformieren > Freie Transformation, oder in den Eigenschaften der Transformationswerkzeug, ändern Sie den Modus auf „Freie Transformation“.*


► Raster

Das Raster ist ein Werkzeug, mit dem wir geometrische Figuren präziser zeichnen können und mit dem wir eine bessere Vorstellung von den Proportionen erhalten. Das Raster befindet sich unter: Ansicht > Raster.

Um die Rastereigenschaften zu bearbeiten, müssen wir auf den folgenden Pfad zugreifen: Ansicht > Lineal-/Rastereinstellungen. In diesem Fenster ändern Sie die Größe der Quadrate und den Ursprung des Lineals/Rasters.


► Illustration: Leuchtturm

Mit dem oben erläuterten Wissen können wir flache Illustrationen erstellen, die komplexer aussehen. Im Fall dieser Illustration begann ich damit, eine Skizze meiner Idee eines Leuchtturms anzufertigen und suchte dazu nach Referenzen, die mich inspirierten. Dann habe ich mithilfe der kontinuierlichen Kurve und des Gitters die endgültige Lineart erstellt.

Platzieren Sie mit dem Palettenwerkzeug „Farben mischen“, das Sie im folgenden Pfad finden: Fenster > Farben mischen, die Farben, die Sie in der Abbildung verwenden würden. Damit lassen sich Farben völlig manuell zu neuen Farben mischen, so wie es auch bei herkömmlichen analogen Medien der Fall wäre.

 

HINWEIS: Am Anfang habe ich den Eintrag zum TIPP „So erstellen Sie Farbpaletten“ hinterlassen, in dem ich auf diese Palette und den „Farbschieberegler“ eingehen werde, den ich später verwenden werde.

Erstellen Sie im nächsten Schritt mehrere Ebenen unterhalb des Linearts, wo Sie mit Hilfe der Unterwerkzeuge „Kontinuierliche Kurve“, „Polylinie“, „Rechteck“, „Kreis“ und „Lassofüllung“ die Formen mit den Farben hinzufügen, die dem Lineart folgen. während die Deckkraft der linearen Ebene verringert wird.

 

Nachdem Sie die Formen mit der Farbe definiert haben, verwenden Sie eine der beiden Funktionen „An untere Ebene anpassen“ oder „Pixel sperren“, um die Schatten hinzuzufügen; Außerdem habe ich die Schatten mit geometrischen Figuren geformt, hauptsächlich Kreisen, Ellipsen und Rechtecken, die der Form des Objekts folgen.

Im GIF können Sie den Prozess und alle verwendeten Werkzeuge sehen, nämlich: Figur, Transformation, Raster und den G-Pinsel.

Das Endergebnis ist das Folgende.


► Texturen

Als letzten Punkt werden wir über Texturen sprechen. Um unserer Illustration ein besseres Finish zu verleihen, können wir ihr nach der Fertigstellung Texturen hinzufügen; Dies ist sehr einfach. Dazu benötigen wir einen strukturierten Pinsel, den wir von CLIP STUDIO ASSETS herunterladen können. Bei dieser Art von Illustrationen werden normalerweise körnige Pinsel verwendet, wie ich sie unten lasse:

 

 

Im zweiten Schritt erstellen wir eine Ebene über der Stelle, an der wir malen möchten, entweder mit einer helleren oder dunkleren Farbe als das Objekt, dem wir die Textur hinzufügen möchten. Ein Tool, das uns dabei hilft, Farben einfacher auszuwählen, ist: „Farbschieberegler“. Wir können auf diese Funktion über den folgenden Pfad zugreifen: Fenster > Farbschieberegler.

 

Mit diesem Tool können Sie die Leuchtkraft und Sättigung einer Farbe extrahieren, die aus dem Farbkreis ausgewählt wurde. Das erste Farbsymbol entspricht der Primärfarbe, das zweite der Sekundärfarbe und das dritte ist Transparenz (bei Verwendung fungiert es als Radierer). Um es zu verwenden, wählen wir eine Farbe aus und bewegen dann die Schieberegler, um die verschiedenen Sättigungen und Leuchtstärken zu erhalten. Jetzt müssen wir nur noch malen.

Wenn wir uns die Zeit nehmen, alles in der Abbildung auf separaten Ebenen zu erledigen, ist es einfacher, die Texturen hinzuzufügen, da wir eine darüber liegende Ebene erstellen und diese an die darunter liegende Ebene anpassen oder Pixel blockieren können, sodass wir nicht darauf verzichten müssen außerhalb der Grenzen des Objekts, vermeiden Sie es, den Rest zu verfärben, und korrigieren Sie es dann. Das GIF zeigt den Texturierungsprozess.

 

 

Als Endergebnis haben wir diese Abbildung. Sie können so viele weitere Details hinzufügen, wie Sie möchten, aber das hängt vom Geschmack jeder Person ab.

Lebewohl

Ich hoffe, dass das, was Sie in diesem Tutorial sehen, Ihren Wünschen entspricht und dass es für Sie hilfreich ist. Nun, ohne etwas zu sagen: Vielen Dank, dass Sie so weit gekommen sind! ପ(๑•̀ुᴗ•̀ु) ॣ৳৸ᵃᵑᵏ Ꮍ৹੫ᵎ

 

Hoch vibrieren!!! Wir sehen uns kein zweites Mal ( •⌄• ू ) ✧

Kommentar

Neu

Neu! Offizielle Tutorials