Pixelkunst ist großartig

16.839

BrayanMenchu

BrayanMenchu

Einführung

Pixel Art ist ein Zweig der digitalen Kunst, der hauptsächlich mit Videospielen zu tun hat und in den letzten Jahren sehr relevant geworden ist. Diese Art von Kunst zeichnet sich dadurch aus, dass Charaktere und ganze Welten mit zusammengefügten Farbblöcken dargestellt werden.

 

In diesem Artikel zeige ich Ihnen, was die grundlegenden Konzepte von Pixel Art sind und wie wir die Tools konfigurieren können, die Clip Studio Paint uns bietet, um mit diesem Stil zu arbeiten.

Grundlegendes Konzept

Pixel:

Es ist ein Punkt auf dem Bildschirm, der verschiedene Farben und sogar Transparenz haben kann.

Linie:

Es ist eine Aneinanderreihung mehrerer Pixel, die miteinander verbunden sind, ihre Länge nimmt zu, je mehr Pixel verbunden sind.

Kurve:

Es sind mehrere Linien, die miteinander verbunden sind und ihre Länge allmählich von kürzer zu länger variieren, und wenn sie die gewünschte maximale Länge erreicht haben, wird sie allmählich reduziert.

Jagies:

Wie wir sehen konnten, erstellt Pixelkunst im Wesentlichen Linien, die einem Muster folgen, um Formen zu erzeugen. Ein Zacken ist ein Pixel oder Pixel, die das Muster durchbrechen und die Form seltsam aussehen lassen.

 

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

Doppel:

Dies sind Pixel, die mit zwei oder mehr Pixeln verbunden sind, sie sind im Allgemeinen nicht sehr angenehm für das Auge und Sie müssen sie entfernen. Um sie zu entfernen, können Sie sie einfach löschen oder ihre Farbe ändern, um sie zu einem separaten Pixel zu machen.

Kantenglättung:

Es ist ein Prozess, der darin besteht, Pixel mit Zwischenfarben hinzuzufügen oder die Transparenz der Originalfarbe zu reduzieren, um das Gefühl der Glättung zu erzeugen.

 

HINWEIS: In Clip Studio Paint bieten die Tools eine Anti-Aliasing-Option, die wir deaktivieren oder auf ein Minimum reduzieren müssen, um in Pixelkunst zu funktionieren.

Kissenschattierung:

Es tritt auf, wenn Licht und Schatten beim Malen nicht richtig angewendet werden. Dies besteht darin, den Schatten um unser Objekt herum aufzutragen und das Licht genau in die Mitte zu platzieren, wodurch unser Objekt wie ein Kissen aussieht, daher sein Name.

Zittern:

Dithering besteht darin, ein Muster zu erstellen und die verschiedenen Töne zu simulieren, die durch einen Farbverlauf erzeugt werden, 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 lang und 1080 Pixel hoch an. Diese Auflösung ist so hoch, dass es sehr schwierig ist, einzelne Pixel zu unterscheiden. Aus diesem Grund müssen Sie mit niedrigen Auflösungen arbeiten, damit die Pixelkunst besser wahrgenommen werden kann.

 

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 werden einen kleinen Teil dieser Auflösung haben, alles hängt von der Größe dieser auf dem Bildschirm ab.

Werkzeug

Das Programm, mit dem ich die Figur erstellen werde, ist Clip Studio Paint. Jetzt gebe ich Ihnen eine Liste der grundlegenden Werkzeuge, die ich verwende, und wie ich sie konfiguriere, damit sie funktionieren.

 

•Dot Pen: Dies ist ein Pinsel, der jeweils nur ein Pixel malt. Sie finden ihn im Abschnitt "Marker".

 

•Tumpin-Stift: Ein Pinsel, der größer wird, je nachdem, wie viel Druck Sie auf Ihr Grafiktablett ausüben. Es befindet sich im Abschnitt "Stift".

 

•Automatische Auswahl: Mit diesem Werkzeug 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 befindlichen 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 Windows > Tool-Eigenschaften klicken.

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

Schließlich 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 gehen oder die Tastenkombination STRG + T drücken. Wenn Sie dies tun, werden die Eigenschaften im Fenster Werkzeugeigenschaften angezeigt. Suchen Sie in diesem Fenster nach der Interpolation Methodenoption und ändern Sie sie in "Harte Kanten (nächster Nachbar).

eine Figur entwerfen

Jetzt, da wir alle Grundlagen kennen, können wir damit beginnen, unseren Charakter zu entwerfen. Dazu müssen wir ein Thema und die Merkmale 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 Zeichen verwendet wird, unabhängig davon, ob Pixelkunst oder hochauflösende Kunst verwendet wird. Die Silhouette hilft, den Charakter zu erkennen, ohne mehr als seinen Schatten sehen zu müssen, und ermöglicht es uns, Details hinzuzufügen, die es uns ermöglichen, unserem Design einen unverwechselbaren Charakter zu verleihen.

 

Es ist nicht notwendig, dass Sie damit beginnen, eine Figur mit ihrer Silhouette zu entwerfen, aber es ist wichtig, dass Sie sie beim Entwerfen im Auge behalten.

Strichzeichnungen

Bei diesem Vorgang zeichnen wir im Wesentlichen die Umrisse jedes Details mit dem Punktstift- oder Tumpinstift-Werkzeug. Am Anfang sollten Sie sich keine Sorgen machen, dass die Linie seltsam aussieht, das Wichtigste hier ist, die Pose zu erfassen, wenn wir mit dem Ergebnis zufrieden sind, können wir die Doppelungen und Zacken aus unserer Linie entfernen.

Farbe

Pixelkunst zeichnet sich durch ihre begrenzte Auflösung aus, und Farbe ist keine Ausnahme, Farbpaletten sind reduziert und begrenzt, aktuelle Hardware ermöglicht es uns, eine viel größere Anzahl von Farben zu reproduzieren, aber es wird empfohlen, sie auf fünf Töne pro Farbe zu beschränken, um die Essenz zu erhalten von Pixelkunst und vermeiden Sie, dass es mit so vielen Farben seltsam aussieht.

Die für dieses Zeichen ausgewählten Farben haben vier Töne, von denen jeder einer Grundfarbe, Licht, Schatten und Linie entspricht.

Jetzt können wir damit beginnen, Lichter und Schatten hinzuzufügen. Dazu empfehle ich, Pixelkunst wie jede andere Art von digitaler Malerei zu behandeln, die Schatten und Lichter anzuwenden und dabei zu versuchen, einen Ursprungspunkt zu respektieren und die Kissenschattierungstechnik zu vermeiden.

 

Persönlich färbe ich die Lineart gerne einen Farbton dunkler als den Schatten, um das Design mehr zu vereinheitlichen, aber es ist völlig gültig, wenn Sie die Lineart einfarbig oder komplett schwarz belassen, es hängt alles von der künstlerischen Richtung ab, die Sie für Ihr Projekt wünschen.

Polierdetails

Jetzt müssen nur noch die Details poliert werden, für diesen Charakter habe ich entschieden, dass die Maske den Kopf nicht vollständig bedeckt und nur die Augen bedeckt, ich habe auch ein kleines Federbüschel hinzugefügt, um ihm mehr Persönlichkeit zu verleihen. Die Waffen wurden auch zu Nunchakus geändert, da sie besser zu den Posen passen.

 

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

exportieren und teilen

Mit unserem vollständigen 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 beim Vergrößern ein Filter angewendet wird, der die Proportionen der Pixel nicht berücksichtigt und sie verformt Automatisches Anwenden von Anti-Aliasing. Dies ist nützlich für hochauflösende Bilder, aber nicht sehr nützlich für Pixelkunst.

 

Um korrekt zu exportieren, müssen wir zuerst 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 960x960 zu erhalten.

 

Ändern Sie schließlich die Option Interpolationsmethode auf Harte Kante (nächster Nachbar), um die Proportionen jedes Pixels beim Skalieren beizubehalten.

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

Empfehlungen beim Export:

 

• Erstellen Sie eine Kopie Ihres Dokuments, bevor Sie die Auflösung skalieren, oder vergewissern Sie sich, dass Sie die Änderungen vor dem Speichern rückgängig machen, damit Sie bei Bedarf mit der ursprünglichen Auflösung weiter bearbeiten können.

• Achten Sie beim Skalieren der Bildauflösung darauf, Ganzzahlen zu verwenden, damit die Pixel nicht verzerrt werden.

• Exportieren Sie im PNG-Format, 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 Pixel, um sie in sozialen Netzwerken zu teilen.

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

 

Vielen Dank fürs Lesen!

 

Soziale Netzwerke:

Kommentar

Neu

Neu! Offizielle Tutorials