Hallo zusammen! In diesem Tutorial werde ich erklären, wie man einige spezielle Funktionen von Clip Studio Paint Ex verwendet, um auf einfache Weise isometrische Kunst zu erstellen, die sich auf Bühnendesign und Kunst für Videospiele konzentriert, aber die Techniken können auf Designs oder Illustrationen angewendet werden .

● Ich bin kein Experte auf diesem Gebiet, habe also experimentiert und möchte mit Ihnen die Methoden und Techniken teilen, die für mich funktioniert haben. Ich hoffe, es wird dir nützlich sein

 

■ HINWEIS: Ich verwende Clip Studio Paint Ex. Einige Funktionen sind in anderen Versionen möglicherweise nicht verfügbar.

 

Hier sind einige Beispiele, die ich mit den Techniken gemalt habe, die wir lernen werden ▼

 

1. Einführung | Isometrische Perspektive oder Projektion

■ Betrachten wir die Unterschiede zwischen verschiedenen Perspektiventypen:

 

• Zweipunktperspektive: Wenn wir Objekte perspektivisch betrachten, können wir feststellen, dass sie kleiner werden, wenn sie sich dem Fluchtpunkt nähern. Auf diese Weise nimmt das menschliche Auge wahr.

 

• Isometrische Perspektive: Im Gegensatz zur traditionellen Perspektive ist die isometrische Perspektive eine Art der axonometrischen Projektion. Wir sehen immer 3 Seiten und ihre Messskala ist gleich. Objekte erscheinen unabhängig von der Position der "Kamera" nicht kleiner oder größer. Die Seiten bilden mit der vertikalen Achse einen Winkel von 30°.

Der Vorteil dieser Art der Projektion besteht darin, dass wir auch als Anfänger problemlos perspektivisch bauen können, jedoch muss berücksichtigt werden, dass Probleme bei der Wahrnehmung der Tiefe und Höhe der Objekte entstehen können.

 

• 2: 1-Perspektive: Eine andere Art der axonometrischen Projektion, die in Videospielen und Design weit verbreitet ist. In diesem Fall haben zwei Seiten den gleichen Winkel von ca. 26,6°.

Vergleicht man es mit der Isometrie, werden die Objekte mit einer weniger ausgeprägten Draufsicht gesehen, also für das Auge etwas natürlicher wahrgenommen.

 

 

Die 2: 1-Perspektive wurde für die Verwendung in Pixel Art für Videospiele populär. Der Winkel ermöglicht es, im Vergleich zur isometrischen Ansicht klare gerade Linien zu erzeugen. ▼

 

■ HINWEIS: Die am besten geeignete Projektion hängt vom gewünschten Stil ab. Für Strategiespiele und Architekturdesign ist die isometrische Perspektive sehr nützlich. Für Design und Pixelkunst können wir 2: 1 verwenden.

Persönlich finde ich die Aussicht, die die 2:1-Perspektive bietet, angenehmer, aber es ist am besten, zu experimentieren, um je nach den Bedürfnissen des jeweiligen Projekts und dem persönlichen Geschmack richtig zu wählen. Wir können sogar andere Blickwinkel erkunden, um unterschiedliche Perspektiven zu erhalten.

2. Erste Methode: Transformation

• Wir werden die Transformationswerkzeuge in Clip Studio verwenden, um die isometrischen Projektionen zu erstellen:

 

■ [1] Für das Beispiel verwende ich ein Quadrat. Zuerst gehen wir zu [Bearbeiten]> [Transformieren]> [Skalieren / Drehen] oder verwenden die Tastenkombination STRG + T.

■ [2] Wir drehen die Ebene um 45° mit den Griffen oder in der Palette [Werkzeugeigenschaften] und bestätigen die Transformation mit OK oder der Eingabetaste

■ [3] Wir wenden erneut eine Transformation an.

• [3.1] Wir haben sichergestellt, dass [Verhältnis beibehalten] deaktiviert ist.

• [3.2] Wir ändern die Höhe, um eine Perspektive zu erhalten. Für die isometrische Projektion wird oft 60 verwendet, aber 58 gibt mir persönlich das beste Ergebnis, um den 30°-Winkel zu erreichen.

Wir bestätigen die Transformation durch Drücken von OK oder der Eingabetaste und haben nun eine Kachel, die wir als Basis verwenden können.

▼ WIE KANN MAN AUF DIESE ART VOLUMEN ERSTELLEN?

 

■ [4] Mit der Foundation können wir ganz einfach Volumen schaffen. Zuerst duplizieren wir die Ebene mit dem Verschiebewerkzeug (Kurzbefehl V), indem wir ALT zum Duplizieren und SHIFT zum vertikalen Verschieben gedrückt halten. Wir platzieren es etwas höher, um die Höhe unseres Objekts zu definieren.

■ HINWEIS: Wir können bei diesen Methoden auch mit der Tastenkombination STRG + J oder dem Dropdown-Menü von [Ebene]> [Ebene duplizieren] duplizieren. Ich dupliziere Ebenen häufig, daher empfehle ich, die Tastenkombination zu verwenden, um effizienter zu sein: D

 

■ [5] Mit dem Linienwerkzeug, das uns am besten gefällt, verbinden wir die Punkte auf der vertikalen Achse, um das Volumen zu erstellen.

• [5.1] Im Formwerkzeug verwende ich einen Winkelschritt von 15°, wodurch ich sowohl die vertikalen Linien als auch die Seiten bei 30° erstellen kann

■ HINWEIS: In diesem Beispiel habe ich auch die Seiten verbunden und die obere Ebene als Referenz zum Füllen festgelegt. Dieser Schritt ist optional.

■ [6] Ich benutze den Farbtopf auf der unteren Ebene, um die Seiten auszufüllen und kombiniere dann die Ebenen mit der Tastenkombination STRG + E

• Mit diesen einfachen Schritten ist die Basis unseres Objekts fertig. Jetzt können wir es verwenden, um die Objekte zu erstellen, die wir uns vorstellen.

 

▼ VERWENDEN SIE DIE BASIS, UM VERSCHIEDENE MATERIALIEN ZU ERSTELLEN

 

■ [7] Der Geometrie des Sockels folgend können wir verschiedene Materialien in der isometrischen Perspektive erstellen.

Wir können auf derselben Ebene arbeiten oder neue erstellen, wenn wir dies für erforderlich halten.

 

Der Prozess hängt von jedem ab, in meinem Fall skizziere ich einige Details wie Textur und Risse im Material. Ich versuche, die Kanten aufzubrechen, um das Objekt organischer aussehen zu lassen. ▼

Zum Abschluss bemalen wir das Material einfach mit unseren Lieblingspinseln.

Berücksichtigen Sie die Lichtrichtung und versuchen Sie, perspektivisch interessante Formen aus der Basis zu generieren.

 

Der Detaillierungsgrad hängt von den Bedürfnissen und dem Stil jedes einzelnen ab. Es macht viel Spaß, sich verschiedene Materialien vorzustellen und zu experimentieren.

 

■ Wir beginnen mit einer Fliese, geben ihr Volumen und definieren dann ein organisches Material in isometrischer Perspektive.

 

• Ich hoffe, dieses einfache Beispiel gibt Ihnen eine Vorstellung von den Ausdrucksmöglichkeiten, die diese Methode hat.

2.1 | Automatische Aktion

■ Um diese sich wiederholenden Aktionen weniger langwierig zu machen, bereiten Sie eine Reihe automatischer Aktionen vor.

 

Sie können sie zusammen mit den anderen Tools, die Sie für das Tutorial vorbereiten, in Clip Studio-Assets herunterladen. ▼

 

■ [1] Wenn wir das Bedienfeld für automatische Aktionen nicht sehen, können wir es über das Menü [Fenster]> [Automatische Aktion] aktivieren.

 

• [1.1] Dann laden wir die Aktionen durch Ziehen aus dem Materialbedienfeld.

■ [2] Die Aktien sind in zwei Teile gegliedert.

• [2.1] Isometrisch 30° (Basis, Front, Seite)

• [2.2] Dimetrisch 2: 1 (ich verwende eine Skala der Breite 141 und Höhe 71)

■ [3] Wir können die 3 Aktionen von Isometric 30° verwenden, um ganz einfach einen Würfel zu bauen. Leider konnte ich keine Seiten für die 2:1 Perspektive definieren. ▼

 

• Die isometrische 2:1-Aktion hilft uns, die Grundlage für die 2:1-Perspektive zu schaffen ▼

■ HINWEIS: Aufgrund des Fehlens von Dezimalstellen und Schiefe in den Transformationsoptionen sind die Formen nicht perfekt. Sie dienen immer noch der Zeitersparnis und dann können wir die Basis verfeinern.

■ [4] TIPP: Wir können automatischen Aktionen Tastaturkürzel zuweisen, so können wir noch effizienter arbeiten und den Workflow optimieren.

 

Gehen wir zu [Datei] [Shortcut-Einstellungen (H)] oder verwenden Sie das Shortcut STRG + ALT + SHIFT + K

• [4.1] Wir wählen Automatische Aktion aus dem Dropdown-Menü.

• [4.2] Wir wählen den Satz isometrischer Aktionen aus, wir wählen die Aktion aus, der wir eine Verknüpfung zuweisen möchten, und wir drücken die Tastenkombination Bearbeiten

• [4.3] Wir fügen die Verknüpfung hinzu und bestätigen.

 

 

• Jetzt können wir die Aktionen durch Drücken der Tastenkombination anwenden. Sehr nützlich und effektiv. : D

3. Zweite Methode: Sonderregeln

Eine andere Möglichkeit, uns beim Erstellen von Erkenntnissen zu helfen, ist die Verwendung der speziellen CSP-Regeln.

Ich zeige Ihnen zwei verschiedene Techniken.

■ [1] Für die erste Technik verwenden wir die Sonderregel von [Parallel Line]

 

• [1.1] Wir setzen den Winkelschritt auf 30, um die isometrische Perspektive von 30 ° zu definieren und wir aktivieren In Bearbeitungsebene erstellen

 

• [1.2] Bei gedrückter SHIFT-Taste erstellen wir ein Lineal 30 Grad nach rechts

• [1.3] Dann erstellen wir links eine weitere, um die andere Seite zu definieren.

 

• [1.4] Schließlich erstellen wir ein vertikales Lineal

• [1.5] Im Ebenenbedienfeld konfigurieren wir das Lineal so, dass es in allen Ebenen sichtbar ist.

■ [2] Nachdem wir nun die Regeln definiert haben, können wir die richtigen Winkel zeichnen.

 

• [2.1] Die aktive Regel ist die mit lila Farbe. Wir können zwischen den einzelnen Regeln wechseln, indem wir die Schaltfläche in der Befehlsleiste oder die Tastenkombination STRG + 4 verwenden.

 

• [2.2] Über die Schaltfläche in der Befehlsleiste oder das Tastenkürzel STRG + 2 können wir die Verwendung der Regeln aktivieren und deaktivieren. Zum Beispiel deaktivieren wir die Regeln, um organische Details hinzuzufügen.

■ [3] TIPP: Wir können Vektorebenen nutzen, um unsere Objekte zu erstellen.

• [3.1] Wir zeichnen die Linien, ohne uns Sorgen zu machen, dass sie sich schneiden

• [3.2] Wir verwenden den Vektor-Radierer, um überschüssige Linien zu entfernen.

■ HINWEIS: Diese Methode ist wahrscheinlich die genaueste, um eine 30°-Isometrie zu erstellen, aber ich persönlich finde sie nicht so intuitiv oder effizient.

 

Um dieses Problem zu lösen, bereiten Sie einige Perspektivenregeln und Raster vor. Sie finden sie in den Tools, die ich in Assets geteilt habe ▼

■ [4] Um die Lineale und Raster zu verwenden, haben wir einfach aus dem Materialbedienfeld auf die Leinwand gezogen.

 

• [4.1] Wir passen das Raster an die gewünschte Größe an, indem wir das Objekt | . verwenden Operation.

• [4.2] Unter Ausnutzung des Perspektivlineals zeichnen wir intuitiver.

• [4.3] Wie zuvor können wir mit der Tastenkombination STRG + 2 die Verwendung von Linealen aktivieren / deaktivieren, auf diese Weise können wir bei Bedarf zeichnen, ohne uns auf Winkel zu beschränken.

• [4.4] Mit der 2:1-Regel können wir diese Perspektive genauso erstellen wie die 30°-Isometrie

• Ich hoffe, die Regeln sind hilfreich für Sie. Wir werden sie mit den automatischen Aktionen kombinieren, um unsere Designs zu erstellen. Aber lassen Sie uns zuerst über das Erstellen von Karten für Videospiele sprechen. ▼

4. Tileset Tilemaps

Eine sehr vielseitige und beliebte Technik zum Erstellen von Szenarien in Videospielen ist die Verwendung von Tilesets und Tilemaps.

 

■ WAS SIND TILESETS?

 

• Ein Kachelsatz ist eine Reihe von Kacheln oder "Kacheln", mit denen wir unsere Karten in einem Raster erstellen können, das eine "Tilemap" bildet. Sie sind eine effiziente Methode zum Erstellen von Karten und werden normalerweise in verschiedenen Spiel-Engines wie Godot oder Unity verwendet .

 

• Sie werden in der Regel im quadratischen Format erstellt und bilden in der Regel miteinander Muster, die ein Baukastensystem bilden.

▼ Ich werde Ihnen zeigen, wie Sie unsere Dateien so konfigurieren, dass sie mit Tilesets arbeiten, und einige interessante Techniken zum Erstellen isometrischer Landschaften.

■ Vorbereiten der Dateien:

 

• [1] Wir gehen zu [Datei]> [Neu], um unsere Basis-Leinwand zu erstellen, die wir Tileset nennen.

 

• [1.1] Die Größe kann variieren, aber es ist im Allgemeinen einfacher, im quadratischen Format zu arbeiten. In meinem Fall 512x512px

Die Größe kann variieren, aber es ist im Allgemeinen einfacher, im quadratischen Format zu arbeiten. In meinem Fall 512x512px

 

• [1.2] Wichtig: Wir werden Bewegte Illustration erstellen aktivieren und eine Anzahl von Frames definieren. Dieser Schritt ist wichtig für das von mir entwickelte System.

 

Jeder Rahmen repräsentiert eine Kachel. 12 ist eine gute Zahl für den Anfang, wir können bei Bedarf weitere hinzufügen

■ [2] Unsere Datei hat bereits einen Animationsordner mit 12 vorbereiteten Zellen

• [2.1] Um die Frames zu sehen, gehen Sie zu [Fenster]> [Timeline (X)]

• [2.2] Wie im vorherigen Menü konfiguriert, sparen wir Zeit und haben bereits eine Zelle pro Frame zugewiesen: D

 

■ [3] Um mit mehreren Ebenen pro Kachel zu arbeiten, klicken wir mit der rechten Maustaste und wählen [Ordner erstellen und Ebene einfügen (F)] oder verwenden die Tastenkombination STRG + G

• [3.1] Wir definieren einen Ordner für jede Zelle

■ [4] Wir definieren ein Hilfsraster aus dem Menü [Ansicht]> [Lineal / Raster (N) Einstellungen ...]

• [4.1] Lineal / Gitterursprung: Mitte

• [4.2] Intervall gleich der Größe der Leinwand, in diesem Fall 512px. 4 Divisionen

■ [5] Schließlich speichern wir die Datei an einem leicht zugänglichen Ort.

Jetzt werden wir unsere Fliesen bemalen. Um sicherzustellen, dass die Motive korrekt wiederholt werden, können wir eine Referenzdatei erstellen.

■ [6] Wir malen zuerst auf dem ersten Frame, um uns beim Einrichten der Datei zu helfen.

• [6.1] Wir erstellen eine neue Datei, um die Größe zu definieren, erstellen wir ein Raster von 9 Kacheln, daher multiplizieren wir die Größe der Basisdatei mit 3. In diesem Fall 512 x 3 = 1536

• [6.2] Wir importieren die Tileset-Datei als Dateiobjekt aus dem Menü [Datei]> [Importieren]> [Dateiobjekt erstellen]

• [6.3] Mit der Operation | Objekt, wir konfigurieren den Grund aus dem Untermenü Werkzeugeigenschaften.

 

• [6.4] Wir konfigurieren das Fenster, um es als Referenz verwenden zu können. Alle Änderungen, die wir an der ursprünglichen Tileset-Datei vornehmen, werden beim Speichern in dieser Ebene widergespiegelt.

■ [7] Als Beispiel erstelle ich eine Variante der ersten Kachel. Ich dupliziere die Ebene und lege sie in den Ordner "2" entsprechend dem zweiten Rahmen oder der zweiten Zelle.

 

• [7.1] Mit der Tastenkombination STRG + U verwende ich die Korrektur für Farbton / Sättigung / Helligkeit und ändere den Farbton, um die Farbvariante zu erstellen. Dies ist eine in Videospielen weit verbreitete Technik, um Kunst zu nutzen und Zeit zu sparen.

• [7.2] Jetzt mein Lieblingsteil dieses Systems, das wir vorbereitet haben: Im Untermenü Werkzeugeigenschaften können wir den spezifischen Rahmen auswählen, der aus dem Dateiobjekt angezeigt wird.

 

Wenn wir also von 0 auf 1 wechseln, gehen wir von TILE 1 auf 2!

 

▼ Wir werden diese Methode verwenden, um unsere Karten mit den in einer einzigen Datei erstellten Kacheln zu erstellen. Ich persönlich finde es eine sehr interessante und kreative Möglichkeit, diese Funktion von Clip Studio Paint zu nutzen: D

4.1 TIPP | Motive oder Muster

■ Ich bin kein Experte darin, sich wiederholende Muster oder Motive zu erstellen, aber ich werde einige Methoden vorstellen, die mir beim Malen hilfreich sind.

■ HINWEIS: Im März 2020 war eines der Themen für die TIPPS des Monats Motive und Muster. Wenn Sie möchten, können Sie sich die unglaublichen Tutorials ansehen, die andere Autoren in der Community erstellt haben. Hier teile ich einige meiner Favoriten. ▼

■ [1] Wir werden eine "LAVA"-Kachel erstellen. Der erste Schritt besteht darin, die gewünschte Textur zu malen, wir kümmern uns trotzdem nicht darum, daraus ein Motiv zu machen

• Verwenden Sie Ihre Lieblingsbürsten.

■ HINWEIS: Eine Möglichkeit besteht darin, zuerst die Textur zu skizzieren, sie in ein Muster umzuwandeln und sie dann zu verfeinern. In diesem Fall habe ich mich jedoch entschieden, die Kachel farbig zu gestalten, um Zeit zu sparen.

■ [2] Wir aktivieren das zuvor erstellte Raster mit 4 Unterteilungen.

• [2.1] Wir stellen sicher, dass wir [An Raster ausrichten] (Kurzbefehl STRG + 3) aktivieren und mit dem rechteckigen Auswahlwerkzeug (Kurzbefehl M) wählen wir von einer Ecke zur Mitte.

• [2.2] Bei aktiver Auswahl STRG + C und STRG + V zum Kopieren und Einfügen in eine neue Ebene.

• [2.3] Wir wiederholen es mit den anderen 3 Ecken und wir haben die "Kachel" bereits in 4 Teile geteilt.

■ [3] Mit dem Werkzeug Layer verschieben (Shortcut V) Wir verschieben jedes Viertel in die gegenüberliegende Ecke.

Wir können SHIFT halten, um die Diagonale beizubehalten. Sobald wir das Bild in der Ecke platziert haben, verwenden wir die Tastaturpfeile, um zu überprüfen, ob wir es im richtigen Pixel platzieren.

 

• [3.1] Wir wiederholen mit den anderen 3 Teilen.

• [3.2] Mit STRG + E vereinigen wir die Ebenen zu einer.

Das Vorher und Nachher ▼ Jetzt müssen wir die Fugen in der Mitte korrigieren, um die Textur fertig zu stellen.

■ [4] Wir beginnen zu malen, um die Nähte in der Mitte zu korrigieren. Wir können auf derselben Ebene arbeiten oder bei Bedarf neue erstellen.

 

• [4.1] In der Referenzdatei konfigurieren wir den der TILE entsprechenden Rahmen mit dem Werkzeug Operation / Objekt und der Palette Werkzeugeigenschaften.

• [4.2] Unter Verwendung der Referenz zur Überprüfung der Textur fahren wir mit dem Malen und Verfeinern fort, bis wir mit dem Ergebnis zufrieden sind

■ HINWEIS: Denken Sie daran, die Datei zu speichern (Tastenkombination STRG + S), wenn Sie Änderungen an der Textur vornehmen, um das Dateiobjekt auf der Referenzfläche zu aktualisieren. ("Kachelset-Check")

■ [5] In Clip Studio Assets finden wir hervorragende Muster und Motive. Um sie zu verwenden, ziehen wir einfach von der Materialpalette auf die Leinwand.

 

• [5.1] Um sicherzustellen, dass es richtig konfiguriert ist, verwenden wir das Objektwerkzeug und konfigurieren in der Werkzeugeigenschaften-Palette Position anpassen auf "Leinwand".

Auf diese Weise kommt das Motiv perfekt an den Rändern unserer Leinwand an.

 

■ HINWEIS: Idealerweise verwenden wir Assets-Materialien als Grundlage, um unsere Kacheln zu erstellen, und malen dann in unserem eigenen Stil, um ein konsistentes visuelles System zu erzeugen. Jeder kann verschiedene Techniken ausprobieren, um gute Ergebnisse zu erzielen.

▼ Einige Beispiele für Kacheln, jede in ihrem jeweiligen Rahmen.

 

▼ Einige Materialien, die ich in den Beispielen verwendet habe.

4.2 TIPP | Karten mit Tilesets erstellen

Ich werde Ihnen einige Techniken vorstellen, um das im vorherigen Abschnitt erstellte Tileset zu verwenden und Karten oder Szenarien dynamisch zu erstellen.

■ [1] Wir erstellen einen neuen Canvas, in diesem Fall 1920x1080px

• [1.1] Wir werden das 2:1 Raster- und Linealmaterial verwenden, um die Perspektive zu definieren.

• [1.2] Wir importieren das Tileset als File Object aus dem Menü [File]> [Import]> [Create File Object] und wählen die Datei "Tileset"

 

■ [2] Wir verwenden die automatische Aktion "Isometrisch 2: 1", um die "Kachel" in der Perspektive zu definieren

Wir verwenden die Steuerelemente, um die Kachel neu zu positionieren und zu skalieren ▼

• [2.1] Wir ändern den Rahmen in der Werkzeugeigenschaften-Palette, um die richtige Kachel auszuwählen.

• [2.2] Wir aktivieren Motif, um daraus ein sich wiederholendes Muster zu machen. Auf diese Weise definieren wir den Boden unserer Szene.

• [2.3] Um andere Elemente zu erstellen, duplizieren wir das Dateiobjekt und wählen eine andere Kachel durch Ändern des Rahmens.

• [2.4] In den Grundoptionen können wir wählen, wie es wiederholt wird. Wenn wir Horizontal oder Vertikal auswählen, erstellen wir nur eine Kachelreihe in einer der beiden Richtungen. In diesem Fall definieren wir mit der Wasserkachel eine Art Fluss.

• [2.5] Wir duplizieren erneut und ändern diesmal die Richtung des Motivs.

Dann definieren wir die Kachel, indem wir den Rahmen ändern.

■ [3] Unsere Karte sieht immer noch flach aus, geben wir ihr etwas Tiefe.

Wir können mit den Linealen und dem Malen von Hand leicht Dimensionen erstellen.

Zuerst erstellen wir eine Ebene unter den Blöcken.

 

• [3.1] Mit dem aktiven Lineal und dem Pinsel, der uns am besten gefällt, malen wir die Seite der Kacheln.

• [3.2] TIPP: Wenn wir Varianten einer Kachel erstellen, können wir Ebenenmasken verwenden, um interessante Mischungen und Texturen zu erstellen.

Zuerst duplizieren und ändern wir den Rahmen.

 

• [3.3] Halten Sie die ALT-Taste gedrückt, um eine Ebenenmaske zu erstellen, auf diese Weise blenden wir die gesamte Ebene aus.

• [3.4] Mit einem weichen Pinsel malen wir, um einen Übergang zwischen den 2 Varianten zu schaffen. Farbe enthüllt und transparente Häute.

• [3.5] Schließlich gruppieren wir alle Ebenen in einem Ordner.

• [3.6] Wir erstellen einen Schatten, um die Höhe des Elements zu definieren, das wir erstellen.

Wir erstellen eine neue Ebene unter der Gruppe.

Dann halten wir STRG gedrückt und klicken auf den Ordner, um eine Auswahl zu erstellen.

Wir füllen die Auswahl mit einer dunkelblauen Farbe und verschieben die Ebene nach unten, um den Abstand zwischen den Kacheln und dem Boden zu erstellen.

• [3.7] Wir ergänzen den fehlenden Teil mit einem Pinsel.

Wir versetzen die Ebene in den Multiplikationsmodus und senken die Option.

• [3.8] Um den Effekt zu vervollständigen, gehen wir zu [Filter]> [Unschärfe]> [Gaussian Blur] und passen den Wert an, um die Kanten des Schattens weicher zu machen.

■ [4] Jetzt geben wir dem Fluss etwas Tiefe.

Wir erstellen eine neue Ebene über den Wasserfliesen.

Wir malen eine Kante mit Hilfe des Perspektivlineals.

▼ Malen Sie in diesem Fall, ohne sich Gedanken über den Teil zu machen, der im Wasser überlappt. Dann habe ich die Wasserebene als Auswahl geladen, indem ich STRG + Klick auf die Miniaturansicht der Ebene gedrückt habe und löschte, was übrig blieb, um eine saubere Kante zu erhalten.

 

• [4.1] Wir können das Lineal deaktivieren und mehr organische Kanten und Details manuell malen.

• [4.2] Um einen Schatten im Wasser zu erzeugen, laden wir zuerst die Ebene wieder als Auswahl und gehen in das Menü [Auswählen]> [Ausgewählten Bereich verkleinern] und geben ihm einen Wert von 10px

• [4.3] Wir mildern die Auswahl aus dem Menü [Auswählen]> [Kante verwischen] und geben ihr einen Wert von 40px.

Dann füllen wir eine neue Ebene mit einer beliebigen Farbe, da sie später nur als Auswahl verwendet werden soll.

• [4.4] Wir duplizieren die Wasserschicht und setzen sie in den Multiplikations-Mischmodus

• [4.5] Zum Abschluss laden wir die zuvor erstellte Auswahl und verwenden sie als Ebenenmaske.

Wir veredeln die Maske durch manuelles Malen mit einem weichen Pinsel.

▼ Wenn wir vergleichen, haben wir mit dem dezenten Schatten etwas mehr Volumen. Diese Art von Details sind einfach zu machen und bereichern das Stück.

■ [5] Wir erstellen weiterhin Elemente. In diesem Fall verwende ich die Holzfliese, um eine Brücke zu bauen.

Zuerst dupliziere ich das Dateiobjekt wie zuvor und wähle den Rahmen aus, der der Waldkachel entspricht.

• [5.1] Bei gedrückter ALT-Taste erstellen wir eine Ebenenmaske, die die gesamte Ebene verdeckt.

Dann malen wir, um nur den Bereich um das Wasser herum freizulegen, um die Holzbrücke zu schaffen.

Wir verfeinern die Ebenenmaske, indem wir manuell malen, um eine interessante Form zu erhalten.

• [5.2] Wir duplizieren die darunter liegende Ebene. Der nächste Schritt besteht darin, die Ebenenmaske zu rastern und anzuwenden.

Dann bewegen wir uns ein wenig nach unten, um das Volumen der Brücke zu erstellen.

(STRG + U) Farbton / Sättigung / Helligkeit, um die Ebene abzudunkeln, damit Sie die Silhouette sehen können.

• [5.3] Der Form der Silhouette folgend, haben wir die Kante der Brücke manuell bemalt, um ihr Volumen zu verleihen. Wir versuchen, die Beleuchtung zu definieren. (Es muss nicht perfekt sein)

• [5.4] Zum Abschluss erstellen wir im Multiplikationsmodus eine neue Ebene unter der Brücke und malen einen Schatten auf den Boden und das Wasser, um das Objekt in die Szene zu integrieren.

▼ So war die Brücke.

▼ Durch die Kombination dieser Techniken können wir verschiedene Objekte erstellen und unsere Landschaft oder Karte definieren.

■ [6] Einige letzte Details in diesem Beispiel:

Auf einer Ebene im Modus Starkes Licht habe ich einige Lichteffekte gemalt, um die Atmosphäre mit einem weichen Airbrush zu verbessern.

• [6.1] Ich dupliziere das "Kachelset"-Objekt noch einmal und wähle die Kachel, aber diesmal deaktiviere ich Motif, um nur eine Kachel zu haben.

• [6.2] In einer neuen Ebene unter der Kachel male ich mit Hilfe der Lineale eine der Seiten, um das Volumen zu definieren.

• [6.3] Ich dupliziere die Seite und verwende die Tastenkombination STRG + T für die freie Transformation. Dann klicke ich mit der rechten Maustaste darauf und wähle [Horizontal spiegeln]

Schließlich positioniere ich die Kopie, um die andere Seite des Würfels zu erhalten, und gruppiere die Ebenen in einem Ordner.

■ TIPP: Wir können die transparenten Pixel blockieren und die Beleuchtung / Texturen malen, ohne uns Gedanken über Formverlust machen zu müssen.

• [6.4] Ich erstelle eine Kopie der Gruppe und ändere die Kachel, um eine Farbvariante zu erhalten.

• [6.5] STRG + T für freie Transformation. Ich verkleinere das Objekt und definiere seine Position.

• [6.6] Um sie schließlich in die Szene zu integrieren, habe ich im Multiplikationsmodus eine Ebene unter den Objekten erstellt und manuell einen Schattenwurf gemalt.

▼ Ich habe mich entschieden, die Textur in der Ebenenmaske der grünen Kacheln zu ändern, um eine interessantere Textur im Übergang zu erzeugen.

▼ Dies ist das Endergebnis meines Beispiels. Ich hoffe, Sie geben einen Eindruck von den Möglichkeiten dieses Systems. Durch die Kombination manueller Maltechniken mit Tilesets können wir auf kreative und effiziente Weise unzählige Szenarien erstellen.

(Ich habe viel länger gebraucht, um die Schritte zu erklären, als dieses Beispiel zu malen)

■ HINWEIS: Wenn wir die Dateiobjekte nicht rastern, können wir dennoch Änderungen am Tileset vornehmen, die im endgültigen isometrischen Layout widergespiegelt werden. Das ermöglicht uns eine große Kontrolle über das Stück und meiner Meinung nach ist es ein sehr mächtiges kreatives Werkzeug.

▼ Zum Beispiel die Kachel von "Wasser" auf "Lava" ändern, die restlichen Anpassungen sind fast alle mit Farbton / Sättigung / Leuchtkraft (STRG + U) und in 5 Minuten habe ich eine Umgebungsvariante des Szenarios.

5. Isometrische Szene 2: 1 malen

Durch die Kombination der vorgestellten Techniken werden wir eine komplexere Szene als Videospielkonzept malen.

■ [1] Die Leinwand in diesem Beispiel ist 4k (3840x2160px).

 

• [1.1] Die gewählte Perspektive ist wieder 2:1.

 

• [1.2] Dies ist das Kachelset, das ich vorbereitet habe, um eine Kachelpalette zum Arbeiten zu haben. Wenn Sie bemerken, dass ich einige Varianten der "Felsen"-Kachel habe, um Abwechslung erzeugen zu können.

• [1.3] Um die leere Leinwand aufzubrechen, malen Sie eine Basisumgebung ohne zu viele Details, da ich das meiste davon behandeln werde. Dieser Schritt ist optional, hilft aber meiner Meinung nach, die Szene von Anfang an zu integrieren.

• [1.4] Mit den Linealen habe ich die Skizze der Szene erstellt. Es ist ein Kampf gegen einen Spinnenboss. Ich habe versucht, verschiedene Ebenen und Elemente zu definieren, mit denen unser Charakter im Spiel interagieren kann.

■ [2] Ich fange an, die Elemente zu definieren. Zuerst importiere ich das Tileset als Dateiobjekt.

[Datei]> [Importieren]> [Dateiobjekt erstellen]

• [2.1] Ich wähle eine der „Fels“-Kacheln mit dem richtigen Rahmen aus.

• [2.2] Mit Hilfe der automatischen Aktion wandele ich die Kachel in eine 2:1-Projektion um, wie ich es zuvor im vorherigen Beispiel getan habe.

• [2.3] Ich nehme das Raster und die Skizze als Referenz und verkleinere die Kachel auf den entsprechenden Maßstab.

• [2.4] In einer neuen Ebene unter der Kachel definiere ich die Höhe des Blocks anhand des Rasters als Referenz. In diesem Fall ist der Block 1 hoch x 4 breit.

Dann gruppiere ich die Ebenen in einem Ordner, den ich Tile Roca 1 nenne und gebe ihm eine Farbe, um mich selbst zu organisieren

• [2.5] Ich sperre die transparenten Pixel in der Seitenebene und beginne Details zu malen, indem ich mit der Alt-Taste Farben aus der Kachel auswähle Da es sich um eine Felsstruktur handelt, folge ich den Konturen, um ihr ein realistischeres Volumen zu geben. Es ist nicht notwendig, dass die Perspektive perfekt ist, es reicht aus, die Illusion des Materials zu erzeugen.

• [2.6] Um die Beleuchtung zu akzentuieren, dupliziere ich die Ebene, setze sie in den Multiplikationsmodus und verringere die Deckkraft, dann lösche ich die nicht benötigten Teile.

• [2.7] Ich lade die Kachel als Auswahl und male in einer neuen Ebene im Bildschirmmodus, um die Helligkeit am oberen Rand des Blocks zu erhöhen.

• [2.8] Ich erstelle eine Kopie des Ordners und verschiebe sie, um zu sehen, wie sich die Blöcke überlappen. Die Verbindung fühlt sich etwas angespannt an, also erstelle ich eine neue Ebene und male Volumen um die Kanten, um den Übergang zwischen den Blöcken zu verbessern. Es spielt keine Rolle, dass wir ein bisschen vom Raster abweichen, da es sich um eine organische Textur handelt.

• [2.9] Es ist wichtig zu verstehen, wie sich die Blöcke überschneiden. Um den richtigen Effekt zu erzielen, müssen sich im Ebenenbedienfeld die Blöcke rechts von der Leinwand oben auf den Ebenen befinden. Die "Reihen", die von unten nach oben verlaufen, müssen wiederum in Ordnung sein.

■ HINWEIS: Als ich die Varianten der "Fels"-Kachel erstellt habe, habe ich darauf geachtet, nur die Mitte zu ändern. Daher haben wir bereits 3 Blöcke von "Felsen", die wir verwenden können, indem wir einfach die Kachel mit dem Rahmen ändern.

 

Wir werden die Blöcke, die wir erstellt haben, duplizieren, um das Terrain einfach zu definieren.

■ [3] Wir definieren weiterhin Elemente.

Indem wir die gleichen Schritte wiederholen, erstellen wir Blöcke mit anderen "Kacheln".

In diesem Fall habe ich die Tonhöhe geändert, um die Blockvariante zu erstellen.

• [3.1] Mit STRG + T im Ordner spielen wir, indem wir die Skalierung der Blöcke ändern, um die Basis anderer Elemente der Szene einfach zu definieren.

• [3.2] Mit Hilfe der Lineale verteile ich die Textur der Tile an den Seiten.

• [3.3] Ich erstelle eine Kopie und platziere sie zu einem Schritt mit 2 Blöcken.

• [3.4] Ich gruppiere die 2 Blöcke in einem Ordner und erstelle 3 weitere Kopien. Durch die Veränderung der vertikalen Position definiere ich unterschiedliche Höhen für die Stufen und erziele ohne großen Aufwand eine interessantere Struktur.

• [3.5] Um die Überlappung zu verbessern, malen wir in einer neuen Ebene im Multiplikationsmodus Schatten. Um die Kanten nicht zu verlassen, laden wir einfach die Blöcke als Auswahl (STRG + UMSCHALT + Klick auf die Ebenenminiatur) und erstellen eine Ebenenmaske. Dann löschen wir die Teile, die wir nicht brauchen.

• [3.6] Wir wiederholen die Schritte in den anderen Blöcken. Mit der gleichen Maske auf einer Ebene im Bildschirmmodus können wir etwas Licht auf die oberste Stufe malen.

Schließlich fassen wir alle Schritte in einem einzigen Ordner zusammen.

• [3.7] Wir erstellen weiterhin Kopien der Blöcke von "Felsen", die die Karte definieren. Es ist nicht notwendig, das Raster perfekt zu halten, wenn wir die Positionen anpassen, erhalten wir eine bessere visuelle Struktur.

• [3.8] Um die Kanten in den extremen Blöcken zu verbessern, erstellen wir eine Ebenenmaske und löschen einen Teil der Struktur entsprechend der Form der Felsen.

• [3.9] Ich definiere die zweite Reihe und gruppiere dann alle Blöcke in einem Ordner, auf diese Weise kann ich die Reihen leicht duplizieren und den Boden vervollständigen.

• [3.10] Ich benutze 3 Blöcke hoch, damit sich der Boden des Kronleuchters auf einer höheren Ebene befindet.

• [3.11] Ich beende den Boden fertig und passe die Fliesen nach dem Zufallsprinzip an, damit es sich nicht so wiederholt.

• [3.12] Durch einfaches vertikales Verschieben einiger Blöcke nach oben und unten können wir das Raster aufbrechen und der Szene mehr Volumen verleihen.

Diese Art von Details ist subtil, aber erweckt die Szene zum Leben und dauert nicht zu lange.

Sie helfen uns auch, eine Geschichte zu erzählen oder Mechanismen für das Konzept des Spiels zu erklären. Einige Blöcke können herunterfallen, wenn der Charakter darauf tritt oder Fallen aktiviert.

■ Wir haben den Boden dieser Szene fertiggestellt. Wir können die Elemente wiederverwenden, um mit dem Raster- und Blocksystem unzählige Szenarien zu erstellen.

■ [4] Um die Leiter mit den Felsblöcken zu integrieren, erstelle ich eine Ebenenmaske in der Gruppe und male mit transparenter Farbe, um einen Teil der Kanten zu löschen, damit sie nicht so perfekt aussehen.

• [4.1] Nach der Skizze und mithilfe des Rasters platzieren wir die zuvor erstellten Kacheln, um schwebende Flächen zu erstellen.

• [4.2] In einer Ebene im Multiplikationsmodus malen wir einen Schatten dort, wo der erste Block den Steinboden berührt. Auf diese Weise integrieren wir die Szene.

• [4.3] Wir laden die Form der Kachel als Auswahl und füllen sie mit der dunklen Farbe des Schattens.

Mit dem Raster stellen wir sicher, dass sich die Schatten an der richtigen Stelle befinden, um die Illusion der Perspektive nicht zu stören.

Wir ändern die Deckkraft der Ebene, um die Intensität des Schattens anzupassen.

• [4.4] Wir duplizieren die Ebene und platzieren sie unter dem nächsten Block.

Für den Schatten der 4 Blöcke, die eine Struktur bilden, laden wir jede Kachel als Auswahl und füllen sie in derselben Ebene. Dann legen wir den Schatten nach dem Raster auf den Boden.

• [4.5] Wir wenden auf jeden Schatten einen [Filter]> [Unschärfe]> [Gaussian Blur] an, um die Kanten weicher zu machen. Schließlich gruppieren wir alle Ebenen und wenden eine Ebenenmaske darauf an, um das Endergebnis zu verfeinern.

▼ Eines der Hauptprobleme bei dieser Art von Perspektive ist die Schwierigkeit, die Höhe von Objekten wahrzunehmen. Mit den Schatten erzeugen wir die Illusion von Tiefe, es muss nicht sehr realistisch sein.

■ [5] Wir fahren mit der Erstellung der Skizzenelemente fort. Der nächste Schritt, der Lavafluss.

Die Schritte sind immer noch sehr ähnlich. Zuerst dupliziere ich das Tilset.

Ich wähle die Lavakachel aus und platziere sie in der richtigen Position hinter den Felsblöcken.

Diesmal aktiviere ich "Grund", um eine Linie zu erstellen.

Mit einer Ebenenmaske und transparenter Farbe blende ich die Teile aus, die ich nicht benötige.

• [5.1] Die Seite der "hohen" Blöcke sieht wegen der sich wiederholenden Teile etwas seltsam aus. Wir werden eine neue Ebene manuell malen, damit sie natürlicher aussieht.

• [5.2] Wir gruppieren die Blöcke und maskieren einen Teil der Basis, um ihn mit der Lava zu integrieren.

• [5.3] Wir erstellen eine neue Ebene im Modus Starkes Licht und wenden eine Schnittmaske auf die Blöcke an. Dann malen wir ein orangefarbenes Leuchten, um die Wirkung der Lava zu verstärken.

• [5.4] Für die Blöcke, die auf dem Lavafluss liegen, können wir leicht eine spezielle Variante erstellen. Zuerst duplizieren wir die Ebene "Kachel" und ändern sie in die Lavakachel.

Halten Sie dann ALT gedrückt, erstellen wir eine Ebenenmaske, die den gesamten Inhalt verdeckt.

Wir malen, um Lavadetails auf der Oberfläche des Blocks freizulegen.

• [5.5] In einer neuen Ebene malen wir Schatten, um das Volumen der Risse zu definieren.

Wir fügen auch Lichteffekte mit einer Ebene auf Add Glow . hinzu

• [5.6] Ich dupliziere den Block und modifiziere die Lavarisse ein wenig. Um sie zu integrieren, maskiere ich noch einmal einen Teil der Foundation und füge dann einen sanften Glow hinzu.

Schließlich male ich auf einer neuen Ebene manuell Details auf der Oberfläche der Lava.

▼ Dies ist das Ergebnis des Lavaflusses und wie er sich in die Blöcke integriert

■ [6] Wir fahren fort, Schritt für Schritt die Szene zu beschreiben. Die nächsten Gegenstände, die ich vorbereiten werde, sind die Felsen, die den Fluss umrahmen. Als Basis verwende ich einen der Blöcke, aber ich erhöhe seine Größe mit STRG + T.

Ich habe mit diesen Arten von Elementen nicht viel zu erklären, wir versuchen, die Perspektive beizubehalten, aber es ist nicht notwendig, perfekt zu sein. Ich male manuell mit verschiedenen Pinseln.

▼ Auch hier verwende ich Highlights und Masken, um die Elemente einzubinden.

Obwohl die Herstellung einiger Elemente komplex zu sein scheint, teilen wir sie einfach in Teile auf und wiederholen die gleichen Schritte geduldig, um den gewünschten Detailgrad zu erreichen.

Wann immer ich kann, versuche ich, Elemente wiederzuverwenden, um Zeit zu sparen.

• [6.1] Einige Elemente sind in der Vorderansicht einfacher zu bearbeiten. Wir können skizzieren und dann die Perspektive anwenden oder wie beim Tileset eine Basis in Farbe malen.

In diesem Fall verwende ich eine Symmetrieregel, um den Prozess zu beschleunigen und den Bogen des Eingangs zum Dungeon zu gestalten.

• [6.2] STRG + T zum Transformieren, STRG gedrückt halten Ich bewege den Griff von der Mitte nach unten, um den Bogen perspektivisch zu verformen, wobei das Gitter als Referenz verwendet wird.

Sobald der Winkel definiert ist, dupliziere ich die Ebene und verschiebe sie, um dem Bogen Volumen zu verleihen.

Mit Hilfe der Lineale vervollständige ich die Seiten um die Grundform zu definieren.

• [6.3] Anhand der Grundstruktur male ich Details und definiere die verschiedenen Ebenen unter Berücksichtigung von Material und Beleuchtung.

Der Prozess, zuerst die Basis mithilfe der Regeln und des Rasters zu definieren, macht es einfach, komplexe Objekte zu erstellen. Dann geht es darum, das Stück mit dem Stil und den Details zu polieren, die wir wollen.

• [6.4] Zum Abschluss erstelle ich eine Ebene im Starklichtmodus und verwende eine Schnittmaske. Auf dieser Ebene füge ich Texturen und Beleuchtungseinstellungen hinzu.

In einer Ebene im Multiplikationsmodus erstelle ich den Schatten wie in den Elementen, die wir zuvor gesehen haben.

• [6.5] Nach dem gleichen manuellen Verfahren habe ich den Steinblock bemalt, der als Basis für einen Brunnen und einen Kristall als "Savepoint" dienen wird.

Einige Elemente erkläre ich nicht im Detail Schritt für Schritt, da ich die gleichen Techniken wiederhole. Ich hoffe es wird trotzdem verstanden.

• [6.6] Eine andere Möglichkeit besteht darin, Hilfslinien in der Vorderansicht zu erstellen und sie dann mit der von mir geteilten automatischen Aktion in die richtige Perspektive zu setzen. In diesem Fall werde ich eine Schriftart erstellen, dazu zeichne ich 2 Kreise und einige Trennlinien.

Ich platziere die Führung perspektivisch (mit separaten Ebenen, um eine Auswahl treffen zu können) Und mit freier Transformation definiere ich den richtigen Maßstab und die richtige Position auf dem Steinblock.

• [6.7] Ich dupliziere die Ebene und verschiebe sie vertikal, um die Höhe der Schrift zu definieren. Diese oberen Ebenen helfen uns, Auswahlen zu erstellen.

In einer unteren Ebene male ich das Volumen mit der Auswahl.

• [6.8] Ich male den inneren Schatten und teile die Struktur nach den Hilfslinien in Teile.

Um die Farbe zu erhalten, füllen Sie den inneren Kreis auf einer Ebene im High Light-Modus, bewegen Sie ihn vertikal nach unten und entfernen Sie die überlappenden Teile, indem Sie die Auswahl umkehren.

• [6.9] Auf einer neuen Ebene male ich die einzelnen Felsen manuell, wobei ich mich auf die Kanten und Texturen konzentriere.

• [6.10] Mit einem Pinsel, den ich von Assets heruntergeladen habe, male ich die Wassertextur und setze sie dann mit der automatischen Aktion in die richtige Perspektive. Ich lösche den Überschuss mit der Innenkantenauswahl

• [6.11] Ich beende mit einem Schatten im Multiplikationsmodus und passe die Farben an.

Durch die Kombination der zuvor gesehenen Techniken und mit Hilfe von Hilfslinien ist das Zeichnen von kreisförmigen isometrischen Objekten nicht kompliziert.

■ [7] Wie ich bereits erläutert habe, male ich bei organischen Objekten lieber direkt, nur das Raster und die Bezugsperspektive. Einige Teile benötigen auch nicht so viele Details.

 

Für den Hintergrund der Bühne habe ich die Struktur einfach manuell mit den isometrischen Linealen gemalt. Dann deaktiviere ich sie und füge Details mit verschiedenen Pinseln hinzu.

• [7.1] Bemale ein paar Monsterspinneneier. Ich habe das erste gemalt und es dann dupliziert, skaliert und einige Details optimiert.

Obwohl sie nicht perfekt perspektivisch sind, integriert der Schatten auf dem Boden sie in die Szene.

• [7.2] Um diese organischen Details zu vervollständigen, malen Sie einige Spinnweben und Lichteffekte ohne zu viele Details. Es reicht aus, die Textur vorzuschlagen, um das Klima zu erzeugen. Ich kann immer zurückgehen und die kleinen Details noch mehr aufpolieren.

■ [8] Einer der Vorteile der isometrischen Perspektive besteht darin, dass wir Elemente wiederverwenden können, um andere zu bauen.

In diesem Fall habe ich 3 Blöcke unterschiedlicher Größe übereinander gelegt, um eine Spalte zu definieren.

Ich dupliziere die Gruppe und verschiebe sie auf der vertikalen Achse nach unten.

Dann verbinde ich mit den Linealen die Kanten und male schließlich die Textur und Beleuchtung.

• [8.1] Ich dupliziere den oberen Block noch einmal und verkleinere die Größe. Ich wiederhole die vorherigen Schritte, um die kleine Säule zu definieren.

• [8.2] Um einfach eine Kugel zu erstellen, füllen Sie zuerst eine kreisförmige Auswahl aus. Ich mache eine Schnittmaske mit einem smaragdgrünen Material, um einige Details zu erhalten.

Schließlich glätte ich die Ebenen und male Beleuchtungsdetails.

• [8.3] Durch Duplizieren des gleichen Blocks können wir die anderen Strukturen generieren. Zuerst definiere ich die Oberseite und dann male ich die Seiten.

• [8.4] Mit demselben Block habe ich einige Treppen gebaut. Ich habe versucht, mit den Schatten Dimensionen zu erzeugen.

▼ Die Grundelemente der Karte sind bereits erstellt. Uns fehlen nur die Charaktere und einige Details.

5.1 3D-Elemente

Eine Funktion von Clip Studio Paint, die mir sehr gefällt, sind die 3D-Ebenen. Unglaublich nützlich als Referenz in Comics, Konzeptzeichnungen und zum Zeichnen von Objekten in komplexen Winkeln.

 

■ Leider können wir die isometrische Ansicht nicht einfach in der 3D-Layer-Kamera auswählen. Um dies zu lösen, bereiten Sie ein paar leere 3D-Ebenen vor, wobei die Kamera so nah wie möglich an der isometrischen Ansicht ist. Ich habe dieses Material auch in Assets geteilt

■ [1] Wir platzieren die entsprechende 3D-Ebene, in diesem Fall 2: 1

Es erstellt eine Gruppe mit einer leeren 3D-Ebene und einem Referenzbereich.

• [1.1] Mit der ausgewählten 3D-Ebene ziehen wir ein 3D-Objekt auf die Leinwand. Das Objekt wird mit der Kamera platziert, die ich zuvor konfiguriert habe. (Nicht ändern)

 

• [1.2] Mit den 3D-Layer-Steuerelementen ändern wir die Drehung, Skalierung und Position des Objekts.

■ HINWEIS: Das Objekt muss über dem Referenzbereich positioniert werden, um eine möglichst genaue Perspektive zu gewährleisten.

• [1.3] Wenn wir mit dem Objekt zufrieden sind, duplizieren wir die 3D-Ebene und rastern sie.

Mit STRG + T ändern wir bei Bedarf den Maßstab und die Position.

• [1.4] Wir entfernen das Objekt aus Layer 3d und wiederholen die Schritte mit anderen Modellen, die uns interessieren.

▼ Mit den verschiedenen Objekten ist die Szene nun komplett. Wir können nur mit den 3D-Objekten als Basis oder Referenz malen.

▼ Hier sind die Objekte, die ich verwendet habe

https://assets.clip-studio.com/en-us/detail?id=1726790

■ [2] Ich male jedes Element, ich mache alles mit Pinseln und einige Ebenen in verschiedenen Mischmodi. Bei Bedarf können Sie mein Tutorial zu Mischmodi konsultieren.

Zuerst habe ich das Glas des "Savepoint" bemalt und versucht, die Struktur des 3D-Modells etwas aufzubrechen und ihm mit den Highlights und der Farbe einen magischen Look zu verleihen.

• [2.1] Das zweite Objekt war der Eimer, sehr einfach. Ich habe zuerst die Farbe mit Verlaufskarte geändert und dann manuell gemalt. Wie bei anderen Objekten ist es wichtig, den Schatten in Kontakt mit dem Boden zu malen, damit das Objekt in die Szene integriert wird.

• [2.2] Die farbigen Gläser habe ich praktisch gleich belassen, ich habe nur einige Kanten verwischt und einen Teil der Beleuchtung modifiziert. Zum Abschluss habe ich die Ebene dupliziert, eine Gaußsche Unschärfe darauf angewendet und in den Rastermodus versetzt.

• [2.3] Obwohl es komplexer aussieht, folgt die „Mimik“-Truhe dem gleichen Prozess. Mit der Geometrie des 3D-Objekts male ich, bis ich das Bild definiere, das ich im Sinn habe.

Ich änderte den "Mund", ich fügte eine Art Augen und Spinnenbeine hinzu. Sobald ich den Schlagschatten darauf gelegt habe, fügt er sich viel besser in die Szene ein.

• [2.4] Um den Charakter zu malen, habe ich einfach die verschiedenen Elemente in Ebenen unterteilt und manuell wie bei den anderen Elementen gemalt.

• [2.5] Zum Schluss malen wir die Spinne. Ich habe die Form und Textur definiert, indem ich über das 3D-Modell gezeichnet habe.

Ich habe den Körper in 3 Teile geteilt und die Farbe im Strong Light-Modus geschichtet.

Der Prozess für alle Elemente ist ähnlich, Sie müssen nur geduldig sein und malen, bis Sie die erforderliche Detailgenauigkeit erreichen. Es ist immer eine gute Idee, sich Referenzen anzusehen.

■ [3] Zum Abschluss der Szene habe ich einige magische Lichteffekte gemalt. Die Methoden, die ich verwende, finden Sie in meinem Tutorial zu magischen Effekten.

Ich verwende Ebenen im Allgemeinen im Modus Hinzufügen (Glanz), aber es hängt vom gewünschten Ergebnis ab.

■ Dies ist das Endergebnis, von der Skizze bis zu magischen Effekten.

■ Das Interessante an isometrischer Kunst ist, dass wir die Elemente verschieben und neue Szenen erstellen können.

Fazit

Vielen Dank, dass Sie sich mein Tutorial angeschaut haben.

Es war sehr interessant, isometrische Kunst zu erforschen, die sich auf Videospiele konzentriert.

Ich habe das Gefühl, dass einige Teile nicht im Detail erklärt wurden, da ich die gleichen Techniken wie in den vorherigen Schritten wiederholte. Tut mir leid, wenn es etwas lang ist.

 

■ Ich hoffe, dass die von mir geteilten Materialien Ihnen helfen werden. Sie können sie auf Illustrationen anwenden und nicht nur Kunst für Videospiele entwerfen.

 

Wenn Sie Fragen haben, zögern Sie nicht, mir einen Kommentar zu hinterlassen.

Passen Sie auf sich auf und entdecken Sie Ihre Kreativität.