Einführung

Pixel Art ist ein Zweig der digitalen Kunst, der hauptsächlich mit Videospielen zu tun hat und in den letzten Jahren stark an Relevanz gewonnen hat. Diese Art von Kunst zeichnet sich durch die Darstellung von Charakteren und ganzen Welten durch zusammengefügte Farbblöcke aus.

 

In diesem Artikel erkläre ich Ihnen, was die Grundkonzepte von Pixel Art sind und wie wir die Tools konfigurieren können, die uns Clip Studio Paint für die Arbeit mit diesem Stil bietet.

Grundkonzepte

Pixel:

Es handelt sich um einen Punkt auf dem Bildschirm, der unterschiedliche Farben und sogar Transparenz haben kann.

Linie:

Es handelt sich um eine Aneinanderreihung mehrerer Pixel, die miteinander verbunden sind. Seine Länge nimmt zu, je mehr Pixel verbunden werden.

Kurve:

Dabei handelt es sich um mehrere miteinander verbundene Linien, deren Länge schrittweise von kurz nach lang variiert und bei Erreichen der maximal gewünschten Länge schrittweise verkürzt wird.

Jaggies:

Wie wir sehen konnten, besteht die Pixelkunst im Grunde darin, Linien zu erzeugen, die einem Muster folgen, um Formen zu erzeugen. Ein Zacken ist ein oder mehrere Pixel, die das Muster unterbrechen und die Form seltsam aussehen lassen.

 

Jaggies sind nicht immer schlecht, daher liegt es an uns, welche wir eliminieren und welche wir lassen, es hängt alles von der künstlerischen Richtung ab, die wir einschlagen wollen.

Doppel:

Hierbei handelt es sich um Pixel, die mit zwei oder mehr Pixeln verbunden sind. Im Allgemeinen sind sie nicht besonders schön anzusehen und müssen entfernt werden. Um sie zu entfernen, können Sie sie einfach löschen oder ihre Farbe ändern, um sie in ein separates Pixel umzuwandeln.

Anti-Aliasing:

Dabei handelt es sich um einen Prozess, der darin besteht, Pixel mit Zwischenfarben hinzuzufügen oder die Transparenz der Originalfarbe zu verringern, um den Eindruck einer Weichzeichnung zu erzeugen.

 

HINWEIS: In Clip Studio Paint verfügen die Werkzeuge über eine Anti-Aliasing-Option, die wir deaktivieren oder auf ein Minimum reduzieren müssen, um in Pixel-Art zu arbeiten.

Kissenbeschattung:

Es entsteht, wenn Licht und Schatten beim Malen nicht richtig angewendet werden. Dabei wird der Schatten um unser Objekt herum aufgetragen und das Licht genau in der Mitte platziert, sodass unser Objekt wie ein Kissen aussieht, daher der Name.

Dithering:

Beim Dithering wird ein Muster erstellt und die verschiedenen Farbtöne, die durch einen Farbverlauf erzeugt werden, simuliert, wobei nur zwei Farben verwendet werden, um dies zu erreichen.

Auflösung:

Die Auflösung ist im Grunde die Anzahl der auf dem Bildschirm angezeigten Pixel. Die Full-HD-Auflösung zeigt 1920 Pixel in der Länge und 1080 Pixel in der Höhe. Diese Auflösung ist so hoch, dass es sehr schwierig ist, die Pixel einzeln zu unterscheiden. Aus diesem Grund sollten Sie mit niedrigen Auflösungen arbeiten, damit die Pixelkunst besser zu erkennen ist.

 

Persönlich empfehle ich, mit Auflösungen zu arbeiten, die die Auflösung von 640 x 360 Pixel für ein vollständiges Bild nicht überschreiten. Die Zeichen machen einen kleinen Teil dieser Auflösung aus, alles hängt von der Größe des Bildes auf dem Bildschirm ab.

Werkzeuge

Das Programm, das ich zum Erstellen der Figur verwenden werde, ist Clip Studio Paint. Jetzt gebe ich Ihnen eine Liste der grundlegenden Werkzeuge, die ich verwende, und wie ich sie für ihre Funktionsweise konfiguriere.

 

•Punktstift: Es handelt sich um einen Pinsel, der jeweils nur ein Pixel malt. Sie finden ihn im Abschnitt „Marker“.

 

•Tumpin-Stift: Ein Pinsel, der die Größe vergrößert, je nachdem, wie viel Druck Sie auf Ihr Grafiktablett ausüben. Es befindet sich im Abschnitt „Stift“.

 

•Automatische Auswahl: Mit diesem Tool können Sie mit nur einem Klick mehrere Pixel derselben Farbe auswählen. Es befindet sich im Abschnitt „Automatische Auswahl“.

 

•Lasso: Mit diesem Werkzeug können Sie einen Bereich erstellen und automatisch alle darin enthaltenen Pixel auswählen. Sie finden es im Bereich „Auswahlbereich“.

Diese Tools sind standardmäßig mit aktiviertem Anti-Aliasing konfiguriert. Daher müssen wir es im Fenster „Tool-Eigenschaften“ deaktivieren. Sie können dieses Fenster aktivieren, indem Sie auf „Fenster“ > „Tool-Eigenschaft“ klicken.

Wenn die Anti-Aliasing-Option nicht in der Tool-Eigenschaft angezeigt wird, müssen Sie sie aktivieren, indem Sie auf das Einstellungssymbol klicken und nach dem Anti-Aliasing-Bereich suchen, um ihn sichtbar zu machen und seine Parameter ändern zu können. Sie können dies mit den meisten CSP-Tools tun, von Pinseln bis hin zu Auswahlwerkzeugen.

Abschließend werden wir das Transformationswerkzeug modifizieren, um zu verhindern, dass es beim Transformieren eines Objekts seltsame Artefakte erzeugt. Dazu müssen Sie die Ebene auswählen, die Sie ändern möchten, und auf Bearbeiten > Transformieren > Transformieren / Drehen klicken oder die Tastenkombination STRG + T drücken. Wenn Sie dies tun, werden die Eigenschaften im Werkzeugeigenschaftenfenster angezeigt. Suchen Sie in diesem Fenster nach dem Wählen Sie die Option „Interpolationsmethode“ und ändern Sie sie in „Harte Kanten (Nächster Nachbar).

Einen Charakter entwerfen

Nachdem wir nun alle Grundlagen kennen, können wir mit der Gestaltung unseres Charakters beginnen. Dazu müssen wir ein Thema und die Eigenschaften auswählen, die unserem Design Persönlichkeit verleihen. Ich habe mich für eine Ente mit Maske und Ninja-Waffen entschieden.

Silhouette

Die Silhouette ist eine Technik, die zur Gestaltung von Charakteren verwendet wird, unabhängig davon, ob Pixelkunst oder hochauflösende Kunst verwendet wird. Die Silhouette hilft dabei, die Figur zu erkennen, ohne mehr als ihren Schatten sehen zu müssen, und ermöglicht es uns, Details hinzuzufügen, die es uns ermöglichen, unserem Design ein unverwechselbares Merkmal zu verleihen.

 

Es ist nicht notwendig, dass Sie bei der Gestaltung einer Figur mit ihrer Silhouette beginnen, aber es ist wichtig, dass Sie diese bei der Gestaltung im Hinterkopf behalten.

Strichzeichnungen

Bei diesem Vorgang zeichnen wir grundsätzlich die Umrisse der einzelnen Details mit dem Punktstift oder dem Tumpin-Stift-Werkzeug. Wenn Sie beginnen, sollten Sie sich keine Sorgen darüber machen, dass die Linie seltsam aussieht. Wichtig ist hier, die Pose einzufangen. Sobald Sie mit dem Ergebnis zufrieden sind, können wir die Doppel- und Zackenlinien aus unserer Linie entfernen.

Farbe

Pixelkunst zeichnet sich durch eine begrenzte Auflösung aus und die Farbe bildet da keine Ausnahme. Die Farbpaletten sind reduziert und begrenzt. Mit neuerer Hardware können wir derzeit eine viel größere Anzahl von Farben reproduzieren. Es ist jedoch ratsam, sie auf fünf Töne pro Farbe zu beschränken, um das Wesentliche beizubehalten von Pixelkunst und verhindern, dass es bei so vielen Farben seltsam aussieht.

Die für diesen Charakter ausgewählten Farben bestehen aus vier Tönen, von denen jeder der Grundfarbe, dem Licht, dem Schatten und der Linie entspricht.

Jetzt können wir mit dem Hinzufügen von Lichtern und Schatten beginnen. Dazu empfehle ich, Pixelkunst wie jede andere Art digitaler Malerei zu behandeln, die Schatten und Lichter so anzuwenden, dass ein Ursprungspunkt berücksichtigt wird, und die Pillow-Shading-Technik zu vermeiden.

 

Persönlich färbe ich die Linienführung gerne in einem Ton dunkler als den Schatten, um das Design stärker zu vereinheitlichen. Es ist jedoch völlig zulässig, die Linienführung einfarbig oder komplett schwarz zu belassen. Das hängt alles von der künstlerischen Ausrichtung ab, die Sie für Ihr Projekt wünschen.

Polierdetails

Jetzt müssen nur noch die Details verfeinert werden. Für diesen Charakter habe ich beschlossen, dass die Maske nicht den gesamten Kopf, sondern nur die Augen bedecken sollte, um ihr mehr Persönlichkeit zu verleihen. Auch die Waffen wurden auf Nunchakus umgestellt, da sie besser zu den Posen passen.

 

Denken Sie daran, dass Sie in jedem Prozess die gewünschten Änderungen vornehmen können. Wichtig ist, dass es zu dem Projekt passt, an dem Sie arbeiten, und dass Sie mit dem erzielten Design zufrieden sind.

Exportieren und teilen

Mit unserem kompletten Charakter bleibt uns nur noch, ihn zu exportieren und zu teilen.

 

Wenn wir in CSP eine Datei exportieren, haben wir die Möglichkeit, das endgültige Bild neu zu skalieren. Dies ist nicht die beste Option, da bei einer Vergrößerung ein Filter angewendet wird, der die Proportionen der Pixel nicht berücksichtigt, sie verzerrt und Anti-Pixel anwendet. Aliasing automatisch. Dies ist für hochauflösende Bilder nützlich, für Pixelkunst jedoch nicht sehr nützlich.

 

Um korrekt zu exportieren, müssen wir zunächst die Auflösung unseres Dokuments ändern.

Zuerst gehen wir zu Bearbeiten > Bildauflösung ändern... und suchen in diesem Fenster nach der Skalierungsoption und ändern den Wert, auf den wir skalieren möchten. In meinem Fall habe ich auf einer Leinwand mit 48 x 48 Pixeln gearbeitet und ich habe es um 20 skaliert, um ein Bild von 960 x 960 zu erhalten.

 

Ändern Sie abschließend die Option „Interpolationsmethode“ in „Harte Kante (nächster Negativpunkt)“, um die Proportionen jedes Pixels bei der Skalierung beizubehalten.

Wenn unser Dokument auf die gewünschte Auflösung skaliert ist, können wir es nun wie gewohnt exportieren, indem wir auf Datei > Einzelne Ebene exportieren > .png (PNG...) klicken und eine Skalierung von 100 % auswählen.

Empfehlungen beim Exportieren:

 

•Erstellen Sie eine Kopie Ihres Dokuments, bevor Sie die Auflösung skalieren, oder stellen Sie sicher, dass Sie die Änderungen vor dem Speichern rückgängig machen, damit Sie die Bearbeitung bei Bedarf mit der Originalauflösung fortsetzen können.

•Achten Sie beim Skalieren der Bildauflösung darauf, Ganzzahlen zu verwenden, da dies verhindert, dass die Pixel verzerrt werden.

•Im PNG-Format exportieren, da es die Farben respektiert und keine seltsamen Artefakte in unserem Bild erzeugt.

•Skalieren Sie die Datei auf eine Auflösung von mindestens 512 x 512 Pixeln, um sie in sozialen Netzwerken zu teilen.

Pixelkunst ist einer der Stile, die ich am liebsten mache, und ich wollte ein wenig von meinem Wissen mit Ihnen teilen. Lassen Sie mich in den Kommentaren wissen, ob der Beitrag nützlich war.

 

Danke fürs Lesen!

 

Soziale Netzwerke: