Einführung

Hallo! Mein Name ist Hira Karmachela alias BABE ODED. In diesem Beitrag werde ich Tipps zum Erstellen urbaner Pixelkunst mit 3D-Primitiven in CLIP STUDIO PAINT geben. Ich bin sicher, dass alle, die diesen Artikel lesen, die Vorteile von CSP gegenüber anderer Grafiksoftware sehr gut kennen.

 

Basierend auf meiner Erfahrung mit der professionellen Nutzung von CSP hat diese Software alle meine grafischen Anforderungen sowohl für das Zeichnen als auch für das Entwerfen vollständig erfüllt. Darüber hinaus ist CSP auch sehr gut in der Lage, Webtoons, Comics und Animationen zu erstellen. All dies ist der Unterstützung einer sehr aktiven Community bei der Entwicklung von Assets, Materialien und Tutorials wie diesem zu verdanken.

 

Ich hoffe, dieser Beitrag enthält interessante Tipps für diejenigen unter Ihnen, die nach Tipps suchen, wie Sie Ihre Arbeitszeit hacken können, um bei der Verwendung von CSP effektiver und effizienter zu sein.

Über Urban Pixel Art

Urban Art ist eine bildende Kunst, die die Atmosphäre der Stadt aus verschiedenen Perspektiven und Stilrichtungen darstellt. In diesem Fall habe ich eine Pixel-Art-Technik verwendet, um eine urbane Atmosphäre darzustellen.

 

Ich finde die Schwierigkeit, urbane Kunst zu machen, die darin besteht, die richtige Perspektive zu bestimmen, damit keine unerwünschte Verzerrung auftritt. Glücklicherweise bietet CSP 3D-Grundelemente, die einfach und leicht zu verwenden sind.

 

Die Idee ist, 3D-Primitive zu verwenden, um Layouts zu erstellen und Primitive wie das Stapeln von Blöcken zu definieren. Danach können wir das 3D-Layout, das mit einem Pixelpinsel angeordnet wurde, leicht nachzeichnen.

#1 Datei einrichten

Wir beginnen mit der Erstellung einer neuen Datei. Beim Erstellen von Pixelkunst verwende ich normalerweise eine Leinwand mit einer Größe von 128 x 128 Pixel und einer Auflösung von 72 dpi. Diese Größe ist perfekt zum Erstellen von Bildern, die detailliert genug, nicht zu schmal und nicht zu breit sind, um Pixel anzuordnen.

 

Gehen Sie zu Datei > Neu. Dann erscheint ein Popup-Dialogfeld.

Der nächste wichtige Schritt beim Erstellen von Pixelkunst auf CSP ist das Einrichten und Anzeigen des "Rasters". Gehen Sie zum Menü Ansicht > Raster.

Sie sehen Gitterlinien auf Ihrer Leinwand. Das angezeigte Raster entspricht jedoch nicht den Anforderungen der Pixelkunst. Daher müssen wir es zuerst anpassen. Gehen Sie zurück zum Menü Ansicht > Raster-/Linealleisteneinstellungen ...

Es erscheint ein Dialogfenster. Stellen Sie den Startpunkt auf die Mitte und den Abstand (D) auf 1 Pixel ein. Sie sehen Gitterlinien auf der Leinwand, die kleine Quadrate auf der Leinwand bilden.

#2 Hinzufügen von 3D-Primitiven

Sobald die Leinwand fertig ist, ist es Zeit, das 3D-Grundelement auf die Leinwand zu bringen. Sie finden 3D-Primitive im Abschnitt „Materialien“ des Bedienfelds rechts auf dem Bildschirm. Lassen Sie uns am Anfang das "Flugzeug" per Drag & Drop auf die Leinwand ziehen.

Wenn das 3D-Grundelement auf der Leinwand platziert wird, bedeckt seine Position die Leinwand, sodass wir es an unsere Bedürfnisse anpassen müssen. Klicken Sie auf der Registerkarte „Eigenschaften“ unter dem 3D-Objekt auf „Objekt zentrieren“, damit wir das 3D-Objekt direkt in der Mitte der Leinwand sehen können.

In diesem Fall möchte ich, dass die "Ebene" parallel zur Grundlinie ist. Verwenden Sie das Operationswerkzeug (Objekt) und klicken Sie dann auf das 3D-Objekt (Ebene), bis die Koordinatenlinien erscheinen.

 

Ziehen Sie an der in der Mitte verlaufenden Kreisachse, bis das Objekt auf dem Rücken parallel zum Boden liegt.

Die Achsen auf diesen 3D-Objekten sind erstaunlich und funktionieren genau wie in 3D-Software. Es gibt drei Arten von Achsen, deren Funktion der Objekttransformation dient.

 

Die äußerste Achse hat einen würfelförmigen Pfeil, dessen Funktion es ist, das Objekt zu skalieren. Die zweite Achse hat die Form von kreisförmigen Linien, deren Funktion darin besteht, das Objekt zu drehen. Die tiefste Achse hat einen konischen Pfeil, dessen Funktion es ist, das Objekt zu bewegen.

Sie können 3D-Objekte neu anordnen und ihre Perspektive anpassen. Wenn Sie darauf achten, gibt es Schnittlinien auf der Oberfläche des Objekts. Dies wird als Wireframe bezeichnet. Die Anzahl der Drahtgitter kann im Abschnitt "Unterteilungen" der Werkzeugeigenschaft [Objekt] im linken Bereich des Bildschirms erhöht werden.

#3 Stapeln von 3D-Primitiven

Der nächste Schritt besteht darin, die 3D-Primitive wie Blöcke zu stapeln. Denken Sie nicht zu kompliziert, um eine detaillierte Vereinbarung zu treffen. Zu Beginn müssen Sie nur Würfel oder Blöcke für das Hauptlayout anordnen.

Ich verwandelte den Würfel in einen Block und passte die Perspektive an, damit er wie ein Gebäude aussieht. Ordnen Sie einige Blöcke an, indem Sie die Position der Ebenen anpassen.

Sobald Sie einige Blöcke für den Hintergrund zusammengestellt haben, bauen Sie einige 3D-Primitive für die Vordergrundobjekte wieder zusammen. Zum Beispiel reibe ich einige Blöcke und Röhren aneinander, um ein Auto zu formen.

Dann habe ich auch Prismen als Stangen und Flugzeuge als Bannertafeln arrangiert, die wir normalerweise auf Bürgersteigen finden.

Den Rest können Sie je nach Bedarf andere 3D-Primitive-Sequenzen hinzufügen. In meiner Arbeit stapele ich auf diese Weise 3D-Primitive, die ich zusammensetze, um eine Stadtansicht zu erstellen.

#4 Konvertieren von 3D-Primitiven in Rasterbilder

Sobald der Stapel von 3D-Grundelementen zu einem Layout zusammengesetzt wurde, besteht der nächste Schritt darin, ein Bild auf einer neuen Ebene über der 3D-Grundelementebene zu erstellen. Aber in diesem Fall versuche ich, eine primitive 3D-Ebene direkt in eine Rasterebene zu konvertieren.

 

Wählen Sie eine der primitiven 3D-Ebenen aus und klicken Sie dann mit der rechten Maustaste > Rastern.

Das Ergebnis der Konvertierung sieht auf der Leinwand so aus.

In diesem Fall zeichne ich weiterhin Pixel, um ein detaillierteres Bild zu erzeugen, indem ich die grundlegenden Zeichnungen verwende, die mit 3D-Primitiven erstellt wurden.

#5 Tools für Pixel Art einrichten

Es gibt mehrere Tools, mit denen wir Pixelgrafiken mit speziellen Einstellungen erstellen können. Das erste Werkzeug, wir können das "Figurenwerkzeug" wie Linien-, Kurven- und Formwerkzeuge verwenden, um präzise Pixelobjekte zu erstellen.

Um das Bildwerkzeug zum Erstellen von Pixelgrafiken zu verwenden, müssen wir die Anti-Aliasing-Funktion deaktivieren. Anti-Aliasing ist eine Funktion, die die Kanten von digitalen Bildobjekten glatt erscheinen lässt, indem die Farbe der Musterpixel um sie herum hinzugefügt und manipuliert wird.

Mit Anti-Aliasing sieht Pixelkunst natürlich nicht gut aus. Also müssen wir diese Funktion im Werkzeug-Eigenschaftenfenster auf der linken Seite deaktivieren. Im Abschnitt "Anti-Aliasing" gibt es mehrere Stufen, wählen Sie "Keine".

 

 

Als zweites Werkzeug können wir das "Stiftwerkzeug" mit dem Unterwerkzeug "Marker" und "Punktstifttyp" verwenden. Dieser Stifttyp erzeugt eine Strichzeichnung mit einer Dicke von 1 Pixel, sodass wir problemlos organische Pixelobjekte erstellen können.

 

 

Als drittes Tool können wir das "Fill Tool" verwenden, um Pixelfelder einfach auszufüllen. Wählen Sie den Typ Auf andere Ebenen verweisen, damit wir die überlappenden Felder ausfüllen können, obwohl es sich um unterschiedliche Ebenen handelt. Deaktivieren Sie dann in den Werkzeugeigenschaften „Anti-Aliasing“ und „Flächenskalierung“ (diese Funktion ist fast ähnlich wie Anti-Aliasing, das Rauschen bei Pixelobjekten erzeugt).

 

 

Als viertes Werkzeug benötigen wir natürlich das "Eraser Tool", um unnötige Pixel auf der Arbeit zu löschen. Wählen Sie den Typ "Vektor", um die Pixel zu löschen, ohne Spuren zu hinterlassen, und im Abschnitt "Anti-Aliasing" gibt es mehrere Stufen, wählen Sie "Keine".

 

 

Den Rest können wir nach Bedarf mit anderen Tools verwenden.

#6 Zeichnungspixel

Jetzt lasst uns eine Pixelparty veranstalten. Wir beginnen mit der Entwicklung eines bestehenden Layouts mit bunten Pixeln. Mit einem vorgefertigten Layout mit 3D-Primitiven wird der Pixelanordnungsprozess einfacher, um eine bestimmte Perspektive zu erstellen.

Wie im obigen Beispiel folge ich einfach den vorhandenen Layoutlinien, um Pixel zu zeichnen, um das Gebäude und den Bürgersteig als Hintergrund zu bilden.

Zeichnen Sie nach dem Zeichnen des Hintergrunds weiterhin Pixel für die Objekte davor. Legen Sie das Farbschema fest, indem Sie die Farbe der Schatten und Lichtfarben festlegen.

#7 Rendern

Bevor wir diese Animation rendern und veröffentlichen. Ich möchte Sie daran erinnern, dass diese Animation Abmessungen von 128 x 128 Pixel hat. Wenn wir es also sofort rendern, wird das Ergebnis, das wir sehen können, diese Größe haben.

 

 

Dazu müssen wir zuerst die Größe ändern. Gehen Sie zu Bearbeiten > Bildauflösung ändern. Das Auflösungseinstellungsfenster erscheint.

 

 

Ändern Sie die Breite auf 1024 Pixel und die Höhe auf 1024 Pixel. Ändern Sie dann die Interpolationsmethode auf Harte Kanten. Dann wird das Bild vergrößert, ohne die Pixelanordnung zu zerstören.

 

Rendern Sie nun dieses Bild. Gehen Sie zu Datei > Exportieren (einzelne Ebene) > wählen Sie das gewünschte Dateiformat/die gewünschte Erweiterung aus. Geben Sie ein Speicherverzeichnis an.

 

 

Ich versuche, diese Arbeit weiterzuentwickeln, bis sie zu einer Animation wie der folgenden wird.

OK! Das ist alles, was ich teilen kann. Hoffe, es ist nützlich und bitte unterstützen Sie mich, um weitere Tipps zu geben.