Einführung

Hallo! Mein Name ist Hira Karmachela, auch bekannt als BABE ODED. In diesem Beitrag werde ich Tipps zur Erstellung von Urban Pixel Art mit 3D-Primitiven in Clip Studio Paint teilen. Ich bin sicher, dass alle, die diesen Artikel lesen, die Vorteile von CSP gegenüber anderer Grafiksoftware sehr gut kennen.

 

Basierend auf meiner beruflichen Erfahrung mit CSP hat diese Software alle meine grafischen Bedürfnisse sowohl beim Zeichnen als auch beim Designen vollständig erfüllt. Darüber hinaus ist CSP auch sehr leistungsfähig bei der Erstellung von Webtoons, Comics und Animationen. Das alles dank der Unterstützung einer sehr aktiven Community bei der Entwicklung von Assets, Materialien und Tutorials wie diesem.

 

Ich hoffe, dieser Beitrag bietet interessante Tipps für diejenigen unter Ihnen, die nach Möglichkeiten suchen, ihre Arbeitszeit bei der Verwendung von CSP effektiver und effizienter zu gestalten.

Über Urban Pixel Art

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

 

Die Schwierigkeit bei der Erstellung von Urban Art besteht für mich darin, die richtige Perspektiv zu bestimmen, damit keine unerwünschten Verzerrungen auftreten. Glücklicherweise bietet CSP 3D-Primitive, die einfach und leicht zu bedienen sind.

 

Die Idee ist, 3D-Primitive zu verwenden, um Layouts zu erstellen und Primitive wie Stapelblöcke zu definieren. Danach können wir das angeordnete 3D-Layout einfach mit einem Pixelpinsel nachzeichnen.

#1 Datei einrichten

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

 

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

Der nächste wichtige Schritt beim Erstellen von Pixelkunst in CSP ist das Einrichten und Anzeigen des „Gitters“. Gehen Sie zum Menü Ansicht > Gitter.

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

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

#2 3D-Primitive hinzufügen

Sobald die Leinwand bereit ist, ist es Zeit, das 3D-Primitiv auf die Leinwand zu bringen. 3D-Primitive finden Sie im Materialbereich des Panels rechts auf dem Bildschirm. Ziehen Sie zunächst die „Ebene“ auf die Leinwand.

Wenn das 3D-Primitiv auf der Leinwand platziert wird, überdeckt seine Position die Leinwand, daher müssen wir es unseren Bedürfnissen entsprechend anpassen. Klicken Sie auf „Objekt zentrieren“ auf der Registerkarte „Eigenschaften“ unter dem 3D-Objekt, damit wir das 3D-Objekt genau in der Mitte der Leinwand sehen können.

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

 

Ziehen Sie die kreisförmige Achse, die sich in der Mitte erstreckt, bis das Objekt flach auf dem Boden liegt.

Die Achsen dieser 3D-Objekte sind erstaunlich und funktionieren genau wie in 3D-Software. Es gibt drei Arten von Achsen, deren Funktion die Objekttransformation ist.

 

Die äußerste Achse hat einen würfelförmigen Pfeil, dessen Funktion das Skalieren des Objekts ist. Die zweite Achse besteht aus kreisförmigen Linien, deren Funktion das Drehen des Objekts ist. Die tiefste Achse hat einen konischen Pfeil, dessen Funktion das Bewegen des Objekts ist.

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

#3 3D-Primitive stapeln

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

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

Nachdem Sie einige Blöcke für den Hintergrund zusammengebaut haben, setzen Sie einige 3D-Primitive für die Vordergrundobjekte wieder zusammen. Zum Beispiel reihe ich einige Blöcke und Röhren aneinander, um ein Auto zu bilden.

Dann habe ich auch Prismen als Stangen und Ebenen als Banner-Tafeln angeordnet, die wir normalerweise auf Gehwegen finden.

Den Rest können Sie nach Bedarf weitere 3D-Primitiv-Sequenzen hinzufügen. In meiner Arbeit stapel ich 3D-Primitive auf diese Weise, die ich zusammenfüge, um eine Stadtansicht zu erstellen.

#4 3D-Primitive in Rasterbild konvertieren

Nachdem der Stapel von 3D-Primitiven zu einem Layout zusammengefügt wurde, besteht der nächste Schritt darin, ein Bild auf einer neuen Ebene über der 3D-Primitiv-Ebene zu erstellen. Aber in diesem Fall versuche ich, eine 3D-Primitiv-Ebene direkt in eine Rasterebene umzuwandeln.

 

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

Das Ergebnis der Konvertierung wird auf der Leinwand so aussehen.

In diesem Fall werde ich weiterhin Pixel zeichnen, um ein detaillierteres Bild zu erzeugen, indem ich die mit 3D-Primitiven erstellten Grundzeichnungen nutze.

#5 Werkzeuge für Pixelkunst einrichten

Es gibt verschiedene Werkzeuge, die wir verwenden können, um Pixelkunst mit speziellen Einstellungen zu erstellen. Das erste Werkzeug, das wir verwenden können, ist das „Figuren-Werkzeug“, wie Linien-, Kurven- und Formwerkzeuge, um präzise Pixelobjekte zu erstellen.

Um das Figuren-Werkzeug zum Erstellen von Pixelkunst 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 sie die Farbe der umgebenden Beispielpixel hinzufügt und manipuliert.

Mit Anti-Aliasing würde Pixelkunst natürlich nicht gut aussehen. Daher müssen wir diese Funktion im Werkzeugeigenschafts-Panel auf der linken Seite deaktivieren. Im Abschnitt „Anti-Aliasing“ gibt es mehrere Stufen, wählen Sie „Keine“.

 

 

Zweites Werkzeug: Wir können das „Stift-Werkzeug“ mit den Unterwerkzeugen Marker und Punktstift verwenden. Dieser Stifttyp erzeugt eine Linienzeichnung mit einer Dicke von 1px, sodass wir leicht organische Pixelobjekte erstellen können.

 

 

Drittes Werkzeug: Wir können das „Füllwerkzeug“ verwenden, um Pixelfelder einfach zu füllen. Wählen Sie den Typ „Auf andere Ebenen verweisen“, damit wir überlappende Felder füllen können, auch wenn es sich um verschiedene Ebenen handelt. Deaktivieren Sie dann in den Werkzeugeigenschaften „Anti-Aliasing“ und „Bereichsskalierung“ (diese Funktion ähnelt stark Anti-Aliasing, das Rauschen auf Pixelobjekten erzeugt).

 

 

Viertes Werkzeug: Natürlich benötigen wir das „Radiergummi-Werkzeug“, um unnötige Pixel auf der Arbeit zu löschen. Wählen Sie den Typ „Vektor“, um die Pixel spurlos zu löschen, und im Abschnitt „Anti-Aliasing“ gibt es mehrere Stufen, wählen Sie „Keine“.

 

 

Den Rest können wir je nach Bedarf weitere Werkzeuge verwenden.

#6 Pixel zeichnen

Jetzt feiern wir eine Pixel-Party. Wir beginnen damit, ein vorhandenes Layout mit farbigen Pixeln zu entwickeln. Mit einem vorgefertigten Layout aus 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, die das Gebäude und den Bürgersteig als Hintergrund bilden.

Nach dem Zeichnen des Hintergrunds fahren Sie fort, Pixel für die Objekte davor zu zeichnen. Legen Sie das Farbschema fest, indem Sie die Farbe der Schatten und hellen Farben bestimmen.

#7 Rendern

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

 

 

Dafür müssen wir es zuerst in der Größe ändern. Gehen Sie zu Bearbeiten > Bildgröße ändern. Das Fenster für die Auflösungseinstellungen wird angezeigt.

 

 

Ändern Sie die Breite auf 1024px und die Höhe auf 1024px. Ändern Sie dann die Interpolationsmethode auf „Harte Kanten“. Das Bild wird dann 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/-erweiterung. Geben Sie ein Speicherverzeichnis an.

 

 

Ich versuche, diese Arbeit weiterzuentwickeln, bis sie eine Animation wie die folgende wird.

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