Pixelzeichnungen in Farbe. Ein paar alte Sachen

In diesem 10-stufigen Tutorial zum Zeichnen von Pixelkunst zeige ich Ihnen, wie Sie ein „Sprite“ (einen einzelnen 2D-Charakter oder ein einzelnes 2D-Objekt) erstellen. Der Begriff selbst stammt natürlich aus Videospielen.

Ich habe gelernt, Pixelkunst zu erstellen, weil ich sie für die Grafik in meinem Spiel brauchte. Nach jahrelangem Training hatte ich den Dreh raus und begann zu verstehen, dass Pixelkunst mehr eine Kunst als nur ein Werkzeug ist. Heutzutage ist Pixelkunst bei Spieleentwicklern und Illustratoren sehr beliebt.

Dieses Tutorial wurde vor vielen Jahren erstellt, um Menschen die einfachen Konzepte zum Erstellen von Pixelkunst zu vermitteln. Es wurde jedoch mehrfach aktualisiert, sodass es sich erheblich von der Originalversion unterscheidet. Es gibt viele Tutorials im Internet zum gleichen Thema, aber sie erscheinen mir alle zu kompliziert oder zu langwierig. Pixelkunst ist keine Wissenschaft. Beim Erstellen von Pixelkunst sollten Sie keine Vektoren berechnen.

Werkzeuge

Einer der Hauptvorteile der Erstellung von Pixelkunst besteht darin, dass Sie keine fortgeschrittenen Tools benötigen – der auf Ihrem Computer installierte Standard-Grafikeditor sollte ausreichen. Erwähnenswert ist, dass es Programme gibt, die speziell für die Erstellung von Pixelkunst entwickelt wurden, wie Pro Motion oder Pixen (für Mac-Benutzer). Ich habe sie nicht selbst getestet, aber ich habe viel gehört positives Feedback. In diesem Tutorial verwende ich Photoshop, das zwar teuer ist, aber viele nützliche Werkzeuge zum Erstellen von Kunstwerken enthält, von denen einige sehr nützlich für die Pixelierung sind.


So zeichnen Sie Pixelkunst in Photoshop

Wenn Sie Photoshop verwenden, ist das Bleistift-Werkzeug (B-Taste) Ihre Hauptwaffe, eine Alternative zum Pinsel-Werkzeug. Mit dem Stift können Sie einzelne Pixel einfärben, ohne dass sich Farben überlappen.

Wir benötigen zwei weitere Werkzeuge: „Auswahl“ (M-Taste) und „Zauberstab“ (W-Taste), um auszuwählen und zu ziehen oder zu kopieren und einzufügen. Denken Sie daran, dass Sie ausgewählte Objekte hinzufügen oder aus der aktuellen Auswahlliste ausschließen können, indem Sie beim Treffen der Auswahl die Alt- oder Umschalttaste gedrückt halten. Dies ist nützlich, wenn Sie unebene Objekte auswählen müssen.

Sie können zum Übertragen von Farben auch eine Pipette verwenden. Es gibt tausend Gründe, warum es wichtig ist, Farben in der Pixelkunst beizubehalten. Sie sollten sich also ein paar Farben schnappen und sie immer wieder verwenden.

Denken Sie abschließend daran, sich alle Hotkeys zu merken, da Sie dadurch viel Zeit sparen können. Beachten Sie das „X“, das zwischen Primär- und Sekundärfarbe wechselt.

Linien

Pixel sind die gleichen kleinen farbigen Quadrate. Zuerst müssen Sie verstehen, wie Sie diese Quadrate effektiv anordnen, um die gewünschte Linie zu erstellen. Wir werden uns die beiden häufigsten Arten von Linien ansehen: gerade und gebogene.

Gerade Linien

Ich weiß, was Sie denken: Hier ist alles so einfach, dass es keinen Sinn macht, darauf näher einzugehen. Aber wenn es um Pixel geht, können auch gerade Linien zum Problem werden. Wir müssen gezackte Teile vermeiden – kleine Linienstücke, die es uneben aussehen lassen. Sie erscheinen, wenn ein Teil der Linie größer oder kleiner ist als die anderen um ihn herum.

Geschwungene Linien

Zeichnung Geschwungene Linien, müssen Sie sicherstellen, dass der Abfall oder Anstieg über die gesamte Länge gleichmäßig ist. IN in diesem Beispiel, eine saubere Linie hat Intervalle 6 > 3 > 2 > 1, aber eine Linie mit Intervallen 3 > 1< 3 выглядит зазубренной.

Die Fähigkeit, Linien zu zeichnen, ist ein Schlüsselelement der Pixelkunst. Etwas weiter erzähle ich Ihnen etwas über Anti-Aliasing.

Konzeptualisierung

Um zu beginnen, benötigen Sie gute Idee! Versuchen Sie, sich in Pixelkunst vorzustellen, was Sie tun werden – auf Papier oder einfach in Ihrem Kopf. Sobald Sie eine Vorstellung von der Zeichnung haben, können Sie sich auf die Pixelierung selbst konzentrieren.

Themen zum Nachdenken

  • Wofür wird dieses Sprite verwendet? Ist es für eine Website oder für ein Spiel? Wird es notwendig sein, es später animiert zu machen? Wenn ja, muss es kleiner und weniger detailliert gestaltet werden. Umgekehrt können Sie, wenn Sie in Zukunft nicht mehr mit dem Sprite arbeiten, so viele Teile daran anhängen, wie Sie benötigen. Entscheiden Sie daher im Voraus, wofür genau dieses Sprite benötigt wird, und wählen Sie die optimalen Parameter aus.
  • Welche Einschränkungen gibt es? Ich habe bereits erwähnt, wie wichtig es ist, Blumen zu konservieren. Der Hauptgrund ist die begrenzte Farbpalette aufgrund von Systemanforderungen (was in unserer Zeit äußerst unwahrscheinlich ist) oder aus Kompatibilitätsgründen. Oder aus Gründen der Genauigkeit, wenn Sie einen bestimmten Stil von C64, NES usw. emulieren. Es lohnt sich auch, die Abmessungen Ihres Sprites zu berücksichtigen und zu prüfen, ob es sich zu sehr von den benötigten Hintergrundobjekten abhebt.

Lass es uns versuchen!


In diesem Tutorial gibt es keine Einschränkungen, aber ich wollte sicherstellen, dass meine Pixelkunst groß genug ist, damit Sie im Detail sehen können, was in den einzelnen Schritten passiert. Zu diesem Zweck habe ich mich entschieden, Lucha Lawyer, eine Figur aus der Welt des Wrestlings, als Vorbild zu nehmen. Es würde perfekt in ein Kampfspiel oder ein rasantes Actionspiel passen.

Schaltkreis

Der schwarze Umriss ist eine gute Basis für Ihr Sprite, also fangen wir hier an. Wir haben uns für Schwarz entschieden, weil es gut aussieht, aber auch etwas dunkel ist. Später im Tutorial werde ich Ihnen erklären, wie Sie die Farbe des Umrisses ändern können, um den Realismus zu erhöhen.

Es gibt zwei Ansätze zum Erstellen einer Kontur. Sie können den Umriss von Hand zeichnen und ihn dann ein wenig anpassen, oder Sie können alles Pixel für Pixel zeichnen. Ja, Sie haben alles richtig verstanden, wir reden hier von tausend Klicks.

Welche Methode Sie wählen, hängt von der Größe des Sprites und Ihren Pixelfähigkeiten ab. Wenn das Sprite wirklich riesig ist, wäre es logischer, es von Hand zu zeichnen, um eine grobe Form zu erstellen, und es dann zuzuschneiden. Glauben Sie mir, es geht viel schneller, als sofort zu versuchen, die perfekte Skizze zu zeichnen.

In meinem Tutorial erstelle ich ein ziemlich großes Sprite, daher wird hier die erste Methode gezeigt. Es wird einfacher, wenn ich alles klar zeige und erkläre, was passiert ist.

Schritt eins: Grober Überblick

Zeichnen Sie mit Ihrer Maus oder Ihrem Tablet einen groben Umriss für Ihr Sprite. Stellen Sie sicher, dass es NICHT ZU roh ist, das heißt, es sieht ungefähr so ​​aus, wie Sie Ihr Endprodukt sehen.

Meine Skizze stimmte fast vollständig mit dem überein, was ich geplant hatte.

Schritt zwei: Polieren Sie die Kontur

Beginnen Sie damit, das Bild um das 6- bis 8-fache zu vergrößern. Sie sollten jedes Pixel deutlich sehen. Und dann die Gliederung bereinigen. Insbesondere lohnt es sich, auf die „Streupixel“ zu achten (der gesamte Umriss sollte nicht dicker als ein Pixel sein), die gezackten Kanten zu entfernen und die kleinen Details hinzuzufügen, die wir im ersten Schritt übersehen haben.

Selbst große Sprites überschreiten nur sehr selten die Größe von 200 x 200 Pixel. Der Ausdruck „mit weniger mehr erreichen“ ist eine gute Möglichkeit, den Pixelierungsprozess zu beschreiben. Sie werden schnell merken, dass auch nur ein Pixel zählt.

Vereinfachen Sie Ihre Gliederung so weit wie möglich. Wir werden später auf die Details eingehen. Jetzt müssen Sie daran arbeiten, große Pixel zu finden, wie zum Beispiel die Muskelsegmentierung. Im Moment sieht es nicht so gut aus, aber haben Sie etwas Geduld.

Farbe

Wenn die Gliederung fertig ist, erhalten wir eine Art Malblatt, das mit Farben ausgefüllt werden muss. Dabei helfen uns Farbe, Gieß- und andere Werkzeuge. Die Auswahl von Farben kann schwierig sein, aber die Farbtheorie ist eindeutig nicht das Thema dieses Artikels. Wie dem auch sei, es gibt ein paar grundlegende Konzepte, die Sie kennen müssen.

HSB-Farbmodell


Dies ist eine englische Abkürzung, die sich aus den Wörtern Hue, Saturation und Brightness zusammensetzt. Es ist nur eines von vielen Computer-Farbmodellen (oder numerischen Farbdarstellungen). Sie haben wahrscheinlich schon von anderen Beispielen wie RGB und CMYK gehört. Die meisten Bildbearbeitungsprogramme verwenden HSB für die Farbauswahl, daher konzentrieren wir uns darauf.

Farbton– Farbton ist das, was wir früher Farbe nannten.

Sättigung– Sättigung – bestimmt die Intensität der Farbe. Wenn der Wert 100 % beträgt, ist dies die maximale Helligkeit. Wenn Sie ihn senken, wird die Farbe matt und „grau“.

Helligkeit– Licht, das Farbe ausstrahlt. Für eine schwarze Person beträgt dieser Indikator beispielsweise 0 %.

Farben auswählen

Die Entscheidung, welche Farben Sie wählen, liegt bei Ihnen, aber es gibt ein paar Dinge, die Sie beachten sollten:

  • Stumpfe und entsättigte Farben wirken realistischer als cartoonhaft.
  • Stellen Sie sich einen Farbkreis vor: Je weiter zwei Farben auf dem Kreis voneinander entfernt sind, desto schlechter passen sie zusammen. Gleichzeitig sehen Rot und Orange, die nahe beieinander liegen, zusammen großartig aus.

  • Wie mehr Farben Je mehr Sie verwenden, desto unschärfer wird Ihre Zeichnung aussehen. Wählen Sie daher ein paar Primärfarben und verwenden Sie diese. Denken Sie daran, dass Super Mario einst ausschließlich aus Kombinationen von Braun und Rot entstand.

Auftragen von Farben

Das Auftragen von Farbe ist sehr einfach. Wenn Sie Photoshop verwenden, wählen Sie einfach das gewünschte Fragment aus und wählen Sie es aus mit einem Zauberstab(W-Taste) und füllen Sie es dann mit der Primärfarbe (Alt-F) oder der Sekundärfarbe (Strg-F).

Schattierung

Das Schattieren ist einer der wichtigsten Teile auf dem Weg zum Pixel-Halbgott. In diesem Stadium sieht das Sprite entweder besser aus oder verwandelt sich in eine seltsame Substanz. Befolgen Sie meine Anweisungen und Sie werden auf jeden Fall Erfolg haben.

Schritt eins: Wählen Sie eine Lichtquelle

Zuerst wählen wir eine Lichtquelle. Wenn Ihr Sprite Teil eines größeren Fragments ist, das über eigene Lichtquellen wie Lampen, Taschenlampen usw. verfügt. Und sie können alle unterschiedliche Auswirkungen auf das Aussehen des Sprites haben. Unabhängig davon ist die Wahl einer entfernten Lichtquelle wie der Sonne für die meisten Pixelkunstwerke eine gute Idee. Für Spiele müssen Sie beispielsweise ein möglichst helles Sprite erstellen, das dann an die Umgebung angepasst werden kann.

Normalerweise entscheide ich mich für ein entferntes Licht irgendwo oben vor dem Sprite, sodass nur die Vorder- und Oberseite des Sprites beleuchtet wird und der Rest im Schatten liegt.

Schritt zwei: Direktbeschattung

Sobald wir eine Lichtquelle ausgewählt haben, können wir damit beginnen, die am weitesten davon entfernten Bereiche abzudunkeln. Unser Beleuchtungsmodell schreibt vor, dass der untere Teil des Kopfes, der Arme, Beine usw. mit Schatten bedeckt sein sollten.

Denken wir daran, dass flache Dinge keinen Schatten werfen können. Nehmen Sie ein Blatt Papier, zerknüllen Sie es und rollen Sie es über den Tisch. Wie haben Sie gemerkt, dass es nicht mehr flach war? Du hast nur Schatten um ihn herum gesehen. Verwenden Sie Schattierungen, um Falten in Kleidung, Muskeln, Fell, Hautfarbe usw. hervorzuheben.

Schritt drei: Weiche Schatten

Der zweite Farbton, der leichter als das erste, sollte verwendet werden, um weiche Schatten zu erzeugen. Dies ist für Bereiche erforderlich, die nicht direkt beleuchtet werden. Sie können auch zum Übergang von hellen zu dunklen Bereichen und auf unebenen Oberflächen verwendet werden.

Schritt vier: beleuchtete Bereiche

Auch Orte, die direkte Lichteinstrahlung erhalten, müssen hervorgehoben werden. Es ist zu beachten, dass es weniger Glanzlichter als Schatten geben sollte, da sie sonst unnötige Aufmerksamkeit erregen, das heißt, sie fallen auf.

Ersparen Sie sich Kopfschmerzen, indem Sie sich an eine einfache Regel erinnern: Zuerst die Schatten, dann die Lichter. Der Grund ist einfach: Wenn keine Schatten vorhanden sind, werden zu große Fragmente ausgeblasen, und wenn Sie Schatten anwenden, müssen diese reduziert werden.

Ein paar nützliche Regeln

Schatten sind für Anfänger immer eine Herausforderung, daher sind hier ein paar Regeln, die Sie beim Schattieren beachten müssen.

  1. Verwenden Sie keine Farbverläufe. Der häufigste Fehler, den Anfänger machen. Farbverläufe sehen schrecklich aus und geben nicht einmal annähernd das Lichtspiel auf Oberflächen wieder.
  2. Verwenden Sie keine weiche Schattierung. Ich spreche von einer Situation, in der der Schatten zu weit von der Kontur entfernt ist, weil er dann sehr unscharf aussieht und die Lichtquelle nicht erkannt werden kann.
  3. Verwenden Sie nicht zu viele Schatten. Man könnte leicht denken: „Je mehr Farben, desto realistischer das Bild.“ Wie dem auch sei, in wahres Leben Wir sind es gewohnt, Dinge in dunklen oder hellen Spektren zu sehen, und unser Gehirn filtert alles dazwischen heraus. Verwenden Sie nur zwei dunkle (dunkel und sehr dunkel) und zwei helle (hell und sehr hell) und schichten Sie diese über die Grundfarbe, nicht übereinander.
  4. Verwenden Sie keine zu ähnlichen Farben. Es besteht keine wirkliche Notwendigkeit, nahezu identische Farben zu verwenden, es sei denn, Sie möchten ein wirklich verschwommenes Sprite erstellen.

Dithering

Der Erhalt der Farben ist etwas, worauf Pixel-Art-Ersteller wirklich achten müssen. Eine andere Möglichkeit, mehr Schatten zu erzeugen, ohne mehr Farben zu verwenden, ist das Dithering. So wie in der traditionellen Malerei „Schraffuren“ und „Kreuzschraffuren“ verwendet werden, entsteht buchstäblich etwas zwischen zwei Farben.

Einfaches Beispiel

Hier ist ein einfaches Beispiel dafür, wie Sie durch Dithering vier Schattierungsoptionen aus zwei Farben erstellen können.

Erweitertes Beispiel

Vergleichen Sie das Bild oben (erstellt mit einem Farbverlauf in Photoshop) mit dem Bild, das mithilfe von Dithering mit nur drei Farben erstellt wurde. Bitte beachten Sie, dass durch unterschiedliche Muster „angrenzende Farben“ entstehen können. Es wird Ihnen leichter fallen, das Prinzip zu verstehen, wenn Sie selbst mehrere Muster erstellen.


Anwendung

Dithering kann Ihrem Sprite den wunderbaren Retro-Look verleihen, den viele frühe Videospiele intensiv nutzten. diese Technik aufgrund der geringen Anzahl verfügbarer Farbpaletten (wenn Sie viele Beispiele für Dithering sehen möchten, schauen Sie sich die für den Sega Genesis entwickelten Spiele an). Ich selbst verwende diese Methode nicht sehr oft, aber zu Bildungszwecken werde ich zeigen, wie sie auf unserem Sprite angewendet werden kann.

Sie können Dithering nach Herzenslust verwenden, aber es ist erwähnenswert, dass nur wenige Leute es wirklich gut nutzen.

Selektive Konturierung

Selektive Konturierung, auch Selected Outlining genannt, ist eine Unterart der Konturschattierung. Anstelle einer schwarzen Linie wählen wir eine Farbe, die auf Ihrem Sprite harmonischer aussieht. Darüber hinaus ändern wir die Helligkeit dieses Umrisses näher an den Rändern des Sprites, sodass die Farbquelle bestimmen kann, welche Farben wir verwenden sollen.

Bisher haben wir einen schwarzen Umriss verwendet. Daran ist nichts auszusetzen: Schwarz sieht toll aus und ermöglicht es dem Sprite außerdem, sich von den umgebenden Objekten abzuheben. Durch die Verwendung dieser Methode verzichten wir jedoch auf den Realismus, der in manchen Fällen für uns nützlich sein könnte, da unser Sprite weiterhin cartoonhaft aussieht. Durch selektives Konturieren wird dies beseitigt.

Sie werden feststellen, dass ich Selaute verwendet habe, um die Definition seiner Muskeln zu mildern. Schließlich sieht unser Sprite wie ein einziges Ganzes aus und nicht wie eine große Anzahl einzelner Fragmente.

Vergleichen Sie dies mit dem Original:

  1. Glätten

Die Funktionsweise des Glättens ist einfach: Fügen Sie den Kanten Zwischenfarben hinzu, damit sie glatter aussehen. Wenn Sie beispielsweise eine schwarze Linie auf einem weißen Hintergrund haben, werden zu den Unterbrechungen entlang der Kante kleine graue Pixel hinzugefügt.

Technik 1: Knicke glätten

Im Allgemeinen müssen Sie dort, wo Knicke vorhanden sind, Zwischenfarben hinzufügen, da die Linie sonst gezackt aussieht. Wenn es immer noch uneben aussieht, fügen Sie eine weitere Schicht mit helleren Pixeln hinzu. Die Auftragsrichtung der Zwischenschicht muss mit der Kurvenrichtung übereinstimmen.

Ich glaube nicht, dass ich es besser erklären kann, ohne es komplizierter zu machen. Schauen Sie sich einfach das Bild an und Sie werden verstehen, was ich meine.

Technik 2: Unebenheiten abrunden

Technik 3: Zeilenenden löschen

Anwendung

Wenden wir nun Anti-Aliasing auf unseren Ausdruck an. Beachten Sie, dass Sie die Außenseite der Linie nicht glätten sollten, wenn Sie möchten, dass Ihr Sprite vor jeder Hintergrundfarbe gut aussieht. Andernfalls hat Ihr Sprite an der Stelle, an der es auf den Hintergrund trifft, einen sehr unpassenden Lichthof und hebt sich daher zu deutlich von jedem Hintergrund ab.

Der Effekt ist sehr subtil, aber von großer Bedeutung.

Warum müssen Sie dies manuell tun?

Sie fragen sich vielleicht: „Warum wenden Sie nicht einfach einen Grafikeditorfilter auf unser Sprite an, wenn es glatt aussehen soll?“ Die Antwort ist auch einfach: Kein Filter macht Ihr Sprite so klar und sauber wie Handarbeit. Sie haben nicht nur die vollständige Kontrolle darüber, welche Farben Sie verwenden, sondern auch, wo Sie sie verwenden. Darüber hinaus wissen Sie besser als jeder andere Filter, wo Anti-Aliasing angebracht ist und wo es Bereiche gibt, in denen die Pixel einfach ihre Qualität verlieren.

Abschluss

Wow, wir sind schon fast an dem Punkt angelangt, an dem Sie Ihren Computer ausschalten und sich eine kalte Flasche Bier aus dem Kühlschrank holen können. Aber es ist noch nicht angekommen! Im letzten Teil geht es darum, was den begeisterten Amateur vom erfahrenen Profi unterscheidet.

Machen Sie einen Schritt zurück und schauen Sie sich Ihr Sprite genau an. Es besteht die Möglichkeit, dass es noch „feucht“ aussieht. Verbringen Sie ein wenig Zeit mit der Perfektionierung und stellen Sie sicher, dass alles perfekt ist. Ganz gleich, wie müde Sie bereits sind, der spaßige Teil liegt vor Ihnen. Fügen Sie Details hinzu, um Ihr Sprite interessanter aussehen zu lassen. Hier kommen Ihre Pixelfähigkeiten und Ihre Erfahrung ins Spiel.

Sie werden vielleicht überrascht sein, dass unser Lucha-Anwalt die ganze Zeit über keine Augen hatte oder dass das Paket, das er in der Hand hielt, leer war. Eigentlich liegt der Grund darin, dass ich noch eine Weile warten wollte kleine Details. Beachten Sie auch den Besatz, den ich an seinen Stirnbändern angebracht habe, den Hosenschlitz an seiner Hose ... und wer wäre ein Mensch ohne seine Brustwarzen? Außerdem habe ich den unteren Teil seines Oberkörpers etwas abgedunkelt, damit sich sein Arm besser vom Körper abhebt.

Endlich sind Sie fertig! Lucha Lawyer ist leicht, da es nur 45 Farben hat (oder es kann superschwer sein – alles hängt von den Einschränkungen Ihrer Palette ab) und seine Auflösung beträgt etwa 150 x 115 Pixel. Jetzt können Sie Ihr Bier öffnen!

Vollständiger Fortschritt:

Es ist immer lustig. Hier ist ein GIF, das die Entwicklung unseres Sprites zeigt.

  1. Lernen Sie die Grundlagen der Kunst und üben Sie traditionelle Techniken. Alle zum Zeichnen und Zeichnen notwendigen Kenntnisse und Fähigkeiten können beim Pixelieren angewendet werden.
  2. Beginnen Sie mit kleinen Sprites. Der schwierigste Teil besteht darin, zu lernen, wie man viele Details mit einer minimalen Anzahl von Pixeln platziert, um Sprites nicht so groß zu machen wie meine.
  3. Studieren Sie die Werke von Künstlern, die Sie bewundern, und haben Sie keine Angst davor, unoriginell zu sein. Der beste Weg Lernen – Fragmente der Arbeit anderer Leute wiederholen. Es braucht viel Zeit, einen eigenen Stil zu entwickeln.
  4. Wenn Sie kein Tablet haben, kaufen Sie eines. Ständige Nervenzusammenbrüche und Stress durch ständiges Klicken mit der linken Maustaste machen keinen Spaß und werden das andere Geschlecht wahrscheinlich nicht beeindrucken. Ich verwende einen kleinen Wacom Graphire2 – mir gefällt, wie kompakt und tragbar er ist. Möglicherweise bevorzugen Sie ein größeres Tablet. Machen Sie vor dem Kauf eine kurze Probefahrt.
  5. Teilen Sie Ihre Arbeit mit anderen, um deren Meinung einzuholen. Dies könnte auch eine gute Möglichkeit sein, neue Geek-Freunde zu finden.

P.S.

Der Originalartikel befindet sich. Wenn Sie Links zu coolen Tutorials haben, die übersetzt werden müssen, senden Sie sie an unsere Gruppe. Oder schreiben Sie direkt in die Gruppennachrichten

05.05.16 12,5K

In diesem Artikel zeige ich Ihnen, wie Sie in Photoshop CC/CS6 verschiedene Spiel-Sprites erstellen. Hierzu verwenden wir Pixelgrafiken:

Photoshop-Einstellungen

1. Erstellen Sie ein neues quadratisches Dokument mit Seiten zwischen 20 und 100 Pixel ( je nachdem, wie groß das Sprite ist). Ich werde mit einer 50 x 50 Pixel großen Leinwand arbeiten:

  • Breite: 50px;
  • Höhe: 50px;
  • Auflösung: 72 dpi;
  • Farbmodus: RGB (8-Bit);
  • Hintergrundinhalt: Transparent.

Abbildung 1: Neue Datei in Photoshop 50 x 50 Pixel

Abbildung 2: Neue leere Leinwand in Photoshop 50 x 50 Pixel

2. Fahren wir mit unserer Pixelkunst-Lektion fort. Wählen Sie das Bleistift-Werkzeug ( im Dropdown-Menü des Pinselwerkzeugs) und stellen Sie die Pinselgröße auf 1 Pixel ein. Wählen Sie das Werkzeug „Radierer“ und stellen Sie seine Größe auf 1 Pixel ein. Modus - Bleistift:

Abbildung 3: Das Bleistift-Werkzeug befindet sich im Dropdown-Menü des Pinsel-Werkzeugs.

Abbildung 4: Ändern Sie die Größe des Stiftwerkzeugs um 1 Pixel

Abbildung 5: Optionen des Radiergummi-Werkzeugs ändern

3. Um anzuzeigen, wo sich die Grafikpixel auf der Leinwand befinden, aktivieren wir ein Raster. Im Kapitel Bearbeiten > Einstellungen > Anleitungen, Raster und Fragmente konfigurieren die Rasterparameter. Stellen Sie das Raster so ein, dass jedes Pixel angezeigt wird ( Teilung - 1 Pixel). Drück den Knopf OK" und schalten Sie dann das Raster ein, damit Sie es sehen können. Gehe zu Anzeigen > Anzeigen > Raster:

Abbildung 6: Rastereinstellungen konfigurieren

Abbildung 7: Stellen Sie das Raster so ein, dass jedes Pixel angezeigt wird

Abbildung 8: Schalten Sie das Raster ein

4. Noch eine Änderung, zurück zu Einstellungen > Allgemein und ändern Sie die Bildinterpolation in „ Durch benachbarte Pixel (behält scharfe Kanten bei)»:

Abbildung 9: Bildinterpolation auf „Nach benachbarten Pixeln“ ändern

Jetzt ist alles bereit, sodass wir mit der Erstellung von Pixelkunst beginnen können!

Charaktererstellung

Wir beginnen mit der Erstellung eines einzelnen Charakter-Sprites.

1. Beginnen wir mit der 50 x 50 Pixel großen Datei, die wir erstellt haben. Ich füge eine Hintergrundebene mit einer Volltonfarbe hinzu. Danach können wir das Raster sehen.

Klicken Sie unten in der Ebenenpalette auf das Symbol, das wie ein halbgefüllter Kreis aussieht. Wählen Sie die Option „Farbe“ und stellen Sie die neue Ebene auf eine neutrale Füllfarbe ein:

Abbildung 10: Die Verknüpfung zum Hinzufügen einer neuen homogenen Ebene befindet sich im Menü unten in der Ebenenpalette

2. Fügen Sie über dieser Farbfüllebene eine neue transparente Ebene hinzu. Gehe zu Ebene > Neu > Ebene Oder klicken Sie einfach auf das gewellte Blattsymbol im Menü unten in der Ebenenpalette.

3. Lassen Sie uns den Körper unseres Charakters erschaffen. Wählen wir die Haupthautfarbe. Ich verwende die Farbe #f2cb9f:

Abbildung 11: Grundfarbe der Haut auswählen

4. Zeichnen Sie mit dem Bleistift-Werkzeug den Körper einer Pixel-Art-Spielfigur. Ich möchte den Körper so einfach wie möglich halten und ihn am Ende noch optimieren. Wir werden weitere Details hinzufügen, wenn wir die Hauptform erstellen.

Tipp: Fügen Sie für jedes neue Element eine zusätzliche Ebene hinzu, damit Sie später noch einmal zurückkommen und Anpassungen vornehmen können.

Tipp: Wenn Sie eine gerade Linie erstellen möchten, klicken Sie einmal auf die Stelle, an der Sie sie beginnen möchten. Halten Sie dann die Umschalttaste gedrückt und klicken Sie auf die Stelle, an der die Linie enden soll. Photoshop erstellt automatisch eine gerade Linie zwischen den beiden Punkten.

Sie können den Körper nach Ihren Wünschen gestalten. So habe ich es gemacht:

  • Klicken Sie einmal mit einem 15-Pixel-Stift auf die Leinwand, um den Kopf zu erstellen.
  • Erstelle ein Dreieck ( nach unten), das wird die Brust sein, und zeichne einen Hals darüber ( mit einem 3-Pixel-Stift);
  • Erstellen Sie den Rumpf mit einem anderen Dreieck ( nach oben) von unterhalb des Brustdreiecks;
  • Zeichnen Sie die Beine von der Unterseite des Rumpfdreiecks;
  • Platzieren Sie „Punkte“ an den Stellen, an denen die Arme enden. Der eine Arm der Figur wird nach oben und der andere nach unten gehoben. Halten Sie die Umschalttaste gedrückt und klicken Sie auf die Kante der Schulter, um die Schulter und das Ende des Arms zu verbinden.
  • Fügen Sie die Hände und Füße Ihres Pixel-Art-Spielcharakters hinzu.
  • Jetzt können Sie einige Pixel hinzufügen oder löschen, um die Form des Körpers anzupassen. Den Beinen habe ich etwas mehr Volumen hinzugefügt, um Hals und Körper dicker zu machen, und die Schultern etwas abgerundet.

Abbildung 12: Reihenfolge beim Erstellen von Körperteilen, beginnend mit dem Kopf

5. Jetzt fügen wir Kleidung, Haare und Gesicht hinzu. Verwenden Grundform Körper als Vorlage zur Herstellung von Kleidung. Ich möchte sechs neue Ebenen für Hemd, Hose, Schuhe, Haare, Gesicht und kleine Details hinzufügen:

Abbildung 13: Hinzufügen von Charakterdetails, beginnend mit dem Shirt

Abbildung 14: Am Ende hatte ich eine Farbfüllungsebene, eine Körperebene und sechs Detailebenen.

6. Photoshop-Datei, wie sie derzeit vorhanden ist.

7. An diesem Punkt des Pixelkunst-Tutorials unseres Mannes sind wir fertig, aber ich möchte mit Licht und Schatten mehr Tiefe hinzufügen.

Zusätzlicher Schritt, Schatten hinzufügen:

Lassen Sie uns eine abgeflachte Kopie aller Ebenen erstellen. Deaktivieren Sie dazu die Sichtbarkeit der Farbfüllebene ( Klicken Sie auf das Augensymbol links neben der Miniaturansicht der Ebene), und drücken Sie dann Befehl-Wahl-Umschalt-E (Mac) oder Strg-Alt-Umschalt-E (PC). Dadurch wird automatisch eine abgeflachte Kopie aller sichtbaren Ebenen über dem Rest des Ebenenstapels erstellt.

Jetzt schlage ich vor, die Ebenen in einem separaten Ordner abzulegen und deren Sichtbarkeit zu deaktivieren. Um Ebenen schnell zu gruppieren, wählen Sie sie aus, klicken Sie darauf und drücken Sie dann Strg / Wahltaste -G:

Abbildung 15: Drücken Sie Befehl-Wahl-Umschalt-E (Mac) oder Strg-Alt-Umschalt-E (PC), um eine reduzierte Kopie zu erstellen

Abbildung 16: Nicht verwendete Ebenen in einem Ordner gruppieren. Außerdem habe ich die Sichtbarkeit der Füllebene wieder aktiviert.

8. Fügen Sie eine neue Ebene hinzu und ändern Sie deren Mischmodus. Der Mischmodus kann über das Dropdown-Menü oben in der Ebenenpalette links neben der Option „Deckkraft“ festgelegt werden. Standardmäßig ist in diesem Pixel-Art-Programm „Normal“ eingestellt.

Ich möchte den Mischmodus „Weiches Licht“ wählen, da dadurch die Farben, die ich für die Figur verwendet habe, schön abgedunkelt werden. Mit der neuen Ebene ausgewählt ( Ich nenne es „Shading“), während Sie die Alt-Taste gedrückt halten, klicken Sie auf die Ebene darunter ( abgeflachte Zeichenebene), um eine Maske zu erstellen. Auf diese Weise ist alles, was Sie auf der Ebene „Schattierung“ zeichnen, in der Ebenenmaske „Charakter“ sichtbar:

Abbildung 17: Mischmodus für weiches Licht

9. Skizzieren Sie die Bereiche der Ebene „Shading“ mit einem schwarzen Stift. Im aktuellen Mischmodus verdunkelt Schwarz die darunter liegende Farbe. Die rote Farbe des Hemdes wird dunkelrot, grüne Farbe die Haare werden dunkelgrün und so weiter.

Tipp: Wenn die Schattierung zu hart ist, ändern Sie den Füllmodus oder die Deckkraft der Ebene. Wenn Sie weitere Schattierungen schattierter Farben hinzufügen möchten, erstellen Sie neue „Schattierungs“-Ebenen mit unterschiedlicher Deckkraft.

Am Ende hatte ich zwei Schattenschichten: die erste mit einer Deckkraft von 25 % und die zweite mit einer Deckkraft von 45 %:

Abbildung 18: Tiefe mit zusätzlichen Schattenebenen hinzufügen

10. Wenn Sie Highlights hinzufügen möchten, erstellen Sie eine neue „Highlighting“-Ebene auf die gleiche Weise, wie wir die „Shading“-Ebene hinzugefügt haben. Stellen Sie einfach den Mischmodus auf „Overlay“ und verwenden Sie einen weißen Stift.

11. Sobald Sie mit dem Aussehen Ihres 8-Bit-Charakters zufrieden sind, ist es an der Zeit, das endgültige Sprite als PNG-Datei zu speichern. Aber zuerst müssen wir die Leinwand so zuschneiden, dass sie genau um das Pixel-Art-Spielcharakterbild passt und an den Rändern keinen zusätzlichen Platz hat. Dadurch können wir die Dateigröße reduzieren. Deaktivieren Sie die Sichtbarkeit der Farbfüllebene und gehen Sie dann zu Bild>Zuschneiden und setzen Sie den Parameter „Basierend auf“ auf - „ Transparente Pixel" Klicken Sie auf die Schaltfläche „OK“.

Adobe Photoshop: Zeichnen und animieren Sie eine Figur mithilfe der Pixel-Art-Technik

In dieser Lektion lernen Sie, wie Sie Charaktere mithilfe der Pixel-Art-Technik zeichnen und animieren. Dazu benötigen Sie lediglich Adobe Photoshop. Das Ergebnis wird ein GIF mit einem laufenden Astronauten sein.

Programm: Adobe Photoshop Schwierigkeit: Anfänger, Durchschnittsniveau Zeitaufwand: 30 Min. – Stunde

I. Einrichten des Dokuments und der Tools

Schritt 1

Wählen Sie in der Symbolleiste „Bleistift“ aus – dies wird das Hauptwerkzeug für unsere Lektion sein. Wählen Sie in den Einstellungen den Pinseltyp Hartrund aus und stellen Sie die restlichen Werte wie im Bild ein. Unser Ziel ist es, die Bleistiftspitze so scharf wie möglich zu machen.

Schritt 2

Wählen Sie in den Einstellungen des Radiergummi-Werkzeugs (Radiergummi) den Bleistiftmodus aus und stellen Sie die restlichen Werte wie im Bild gezeigt ein.

Schritt 3

Aktivieren Sie das Pixelraster (Ansicht > Anzeigen > Pixelraster). Wenn es im Menü kein solches Element gibt, gehen Sie zu den Einstellungen und aktivieren Sie die Grafikbeschleunigung. Einstellungen > Leistung > Grafikbeschleunigung.

Bitte beachten Sie: Das Raster ist auf der neu erstellten Leinwand nur sichtbar, wenn es um 600 % oder mehr vergrößert wird.

Schritt 4

Ändern Sie unter „Einstellungen“ > „Allgemein“ (Strg-K) den Bildinterpolationsmodus in den „Nächster Nachbar“-Modus. Dadurch bleiben die Grenzen der Objekte so klar wie möglich.

Stellen Sie in den Einstellungen für Einheiten und Lineale die Linealeinheiten auf Pixel ein. Einstellungen > Einheiten und Lineale > Pixel.

II. Charaktererstellung

Schritt 1

Und da nun alles eingerichtet ist, können wir direkt mit dem Zeichnen der Figur fortfahren.

Skizzieren Sie Ihren Charakter mit klaren Umrissen und achten Sie darauf, ihn nicht mit kleinen Details zu überladen. Zu diesem Zeitpunkt spielt die Farbe überhaupt keine Rolle. Hauptsache, die Umrisse sind klar gezeichnet und Sie verstehen, wie die Figur aussehen wird. Diese Skizze wurde speziell für diese Lektion erstellt.

Schritt 2

Reduzieren Sie den Maßstab der Skizze mit der Tastenkombination Strg+T oder „Bearbeiten“ > „Frei transformieren“ auf eine Höhe von 60 Pixeln.

Die Größe des Objekts wird im Informationsfeld angezeigt. Bitte beachten Sie, dass die Interpolationseinstellungen dieselben sind wie in Schritt 4.

Schritt 3

Vergrößern Sie die Skizze um 300–400 %, um die Arbeit damit zu erleichtern und die Deckkraft der Ebene zu verringern. Erstellen Sie dann eine neue Ebene und zeichnen Sie die Umrisse der Skizze mit dem Bleistift-Werkzeug. Wenn das Zeichen symmetrisch ist, wie in unserem Fall, können Sie nur die Hälfte umreißen, es dann duplizieren und spiegeln (Bearbeiten > Transformieren > Horizontal spiegeln).

Rhythmus: Zeichnen komplexe Elemente breche sie in Stücke. Wenn die Pixel (Punkte) in einer Linie einen „Rhythmus“ wie 1-2-3 oder 1-1-2-2-3-3 bilden, sieht die Skizze glatter aus menschliches Auge. Aber wenn es die Form erfordert, kann dieser Rhythmus gestört werden.

Schritt 4

Wenn der Umriss fertig ist, können Sie die Hauptfarben auswählen und malen große Formen. Tun Sie dies auf einer separaten Ebene unterhalb der Kontur.

Schritt 5

Glätten Sie die Kontur, indem Sie einen Schatten entlang der Innenkante zeichnen.

Fügen Sie weitere Schatten hinzu. Wie Sie vielleicht beim Zeichnen bemerkt haben, können einige Formen korrigiert werden.

Schritt 6

Erstellen Sie eine neue Ebene für die Highlights.

Wählen Sie den Mischmodus „Überlagerung“ aus der Dropdown-Liste im Ebenenbedienfeld aus. Ziehen helle Farbeüber die Bereiche, die Sie hervorheben möchten. Glätten Sie dann die Glanzlichter mit Filter > Weichzeichnen > Weichzeichnen.

Vervollständigen Sie das Bild, kopieren und spiegeln Sie dann die fertige Bildhälfte und kombinieren Sie dann die Ebenen mit den Hälften, um ein Gesamtbild zu erstellen.

Schritt 7

Jetzt muss der Astronaut für Kontrast sorgen. Verwenden Sie die Ebeneneinstellungen (Bild > Anpassungen > Ebenen), um es heller zu machen, und passen Sie dann den Farbton mit der Option „Farbbalance“ an (Bild > Anpassungen > Farbbalance).

Der Charakter ist jetzt für die Animation bereit.

III. Charakteranimation

Schritt 1

Erstellen Sie eine Kopie der Ebene (Ebene > Neu > Ebene über Kopie) und verschieben Sie sie 1 Pixel nach oben und 2 Pixel nach rechts. Dies ist ein wichtiger Punkt in der Charakteranimation.

Reduzieren Sie die Deckkraft der Originalebene um 50 %, damit Sie den vorherigen Frame sehen können. Dies wird als „Onion Skinning“ (Pluralmodus) bezeichnet.

Schritt 2

Beugen Sie nun die Arme und Beine Ihres Charakters, als würde er rennen.

● Hervorheben linke Hand Lasso-Werkzeug

● Verschieben Sie mit dem FreeTransformTool (Bearbeiten > FreeTransform) und gedrückter Strg-Taste die Ränder des Containers, sodass sich die Hand zurückbewegt.

● Wählen Sie zunächst ein Bein aus und strecken Sie es ein wenig. Drücken Sie dann das andere Bein gegeneinander, sodass es sich anfühlt, als würde die Figur gehen.

● Verwenden Sie einen Bleistift und einen Radiergummi, um den Teil zu korrigieren rechte Hand unterhalb des Ellenbogens.

Schritt 3

Jetzt müssen Sie die neue Position der Arme und Beine komplett neu zeichnen, wie im zweiten Abschnitt dieser Lektion gezeigt. Dies ist notwendig, um sicherzustellen, dass das Bild klar aussieht, da die Transformation die Pixellinien stark verzerrt.

Schritt 4

Erstellen Sie eine Kopie der zweiten Ebene und drehen Sie sie horizontal. Jetzt haben Sie 1 Grundpose und 2 in Bewegung. Stellen Sie die Deckkraft aller Ebenen auf 100 % wieder her.

Schritt 5

Gehen Sie zu „Fenster“ > „Zeitleiste“, um das Zeitleistenfenster anzuzeigen, und klicken Sie auf „Frame-Animation erstellen“.

Pixel Art (Pixel Art) – aus dem Englischen übersetzt als Pixel Art. Ein Pixel wiederum ist das kleinste grafische Element eines digitalen Bildes.

Pixel Art bedeutet also wörtlich die Kunst des Zeichnens mit Pixeln.

Schauen wir uns zur Verdeutlichung dieses Beispiel an:

Eulenjunge ( Pixel Kunst Spiel)

So sehen Spiele mit Grafiken im Pixel-Art-Stil aus.

Sehr oft werden solche Grafiken in Indie-Spielen verwendet, da sie einen sehr erkennbaren Computerspielstil haben.

Bei Pixel Art geht es jedoch nicht nur um Grafiken, Sprites und Bilder für Spiele, das ist eine ganze Richtung der digitalen und grafischen Kunst.

Mit Pixel-Art lassen sich wunderschöne Bilder zeichnen:


Verwechseln Sie das mit nichts Retro-Stil Grafik

Einige Gemälde in diesem Stil sind durchaus einen Platz auf Ihrem Desktop wert.


Da sind sehr coole Künstler der in diesem Stil arbeitet.

Guck auf dieses Bild. Hier wurde jedes Pixel einzeln und manuell gezeichnet. Es ist, als würde man ein Mosaik zusammensetzen, wie sie es früher gemacht haben, und das tun sie auch heute noch.

Wenn wir dieses Bild vergrößern, können wir aus der Nähe sehen, wie alles gemacht wird:

Der einzigartige Stil der Pixelkunst besteht darin, dass es ziemlich klare Farbübergänge und kein Anti-Aliasing gibt. Nehmen wir zum Beispiel einen anderen Job an digitale Grafiken Ziemlich durchschnittlich, schauen Sie sich das hier an Zeichnung eines Mädchens mit Brille(18+) auf dem Blog www.econdude.pw.

Dies ist eine Zeichnung mit einer Computermaus im Programm SAI2.0.

Wenn Sie jedoch in dieses Bild hineinzoomen, können Sie das Anti-Aliasing erkennen:

Es gibt keine klaren Übergänge von Farben und Schattierungen, aber in der Pixelkunst sind die Übergänge klar.

Sehen Sie sich beispielsweise an, wie Sie Übergänge zwischen Farben in der Pixelkunst erstellen können:

Dies ist ein ungefähres Bild. Wenn Sie es aus der Ferne mit hoher Auflösung betrachten, ist der Farbübergang recht gleichmäßig, aber die Klarheit und Konsistenz des Stils ist hier sichtbar.

Hier ist ein weiteres Beispiel, eine ziemlich klassische Zeichnung im Pickle-Art-Stil:

http://www.gamer.ru/everything/pixel-art-dlya-nachinayuschih

Wenn man näher herankommt, wirken die Bilder nicht sehr schön, aber wenn man Pixelkunst aus der Ferne und mit höherer Auflösung betrachtet, kann es wunderbar aussehen.

Können Sie sich die großartige Arbeit vorstellen, die solche Künstler leisten?

Manchmal sagen sie, dass Pixel Art auf diese Weise gemacht wird, weil es billiger ist, oder dass Indie-Entwickler einfach nicht über die Ressourcen verfügen, um moderne 3D-Grafiken zu erstellen, also verwenden sie das Einfachste, was ihnen einfällt: Zeichnen mit einfachen Mitteln Grafikeditoren Pixel.

Allerdings wird Ihnen jeder, der jemals etwas im Pixel-Art-Stil gezeichnet hat, sagen, dass dies in Bezug auf die Ressourcen (vor allem Zeit) fast der teuerste Grafikstil ist.

Animationen im Pixel-Art-Stil sind im Allgemeinen höllische Arbeit.

http://www.dinofarmgames.com/a-pixel-artist-renounces-pixel-art/

Daher muss noch bewiesen werden, dass Pixel Art ein „fauler Stil“ ist; ich würde sogar sagen, dass es sich im Gegenteil nicht um den am wenigsten faulen Grafikstil handelt.

Allerdings kann jeder lernen, etwas Einfaches im Pixel-Art-Stil zu zeichnen, und Sie benötigen keine speziellen Programme, sondern nur einen einfachen Grafikeditor.

Wenn Sie das Zeichnen in diesem Stil erlernen möchten, benötigen Sie, wie in jedem anderen Fall auch, viel Übung und können beispielsweise mit Artikeln über Habré beginnen: Pixel-Art-Kurs

Dort finden Sie auch die Grundprinzipien der Pixelkunst.

Hier ist ein Beispiel für das Zeichnen von Pixelkunst (beschleunigtes Video – Geschwindigkeitszeichnen). Auf Anfängerniveau können Sie in buchstäblich einer Woche lernen, wie man so zeichnet:


Pixelart:: ein Raumschiff zeichnen

Manchmal machen sie wirklich verrückte Zeichnungen in diesem Stil, man kann nicht einmal glauben, dass jemand sie gezeichnet hat und möchte wissen, wie viel Zeit dafür aufgewendet wurde. Beispiel:


https://www.youtube.com/watch?v=vChMzRnw-Hc

Sehen Sie dieses Bild von Sarah Carrigan aus StarCraft? Was meinst du, was das ist und wie wird es hergestellt?

Ein Mann baute dies aus Blöcken im Spiel Minecraft, die Arbeit dauerte 23 Wochen.

Bei genauerem Hinsehen erkennt man, dass es sich dabei alles um separate Blöcke handelt.

Formal ist dies keine Pixelkunst mehr, sondern sogar „Minecraft-Blockkunst“, aber die Essenz des Stils bleibt gleich und das ist das Beste große Zeichnung Pixelkunst und ein Weltrekord, so der Autor.

Wenn man sich ein Foto oder Bild genau ansieht, erkennt man sogar, dass es, wie jedes Bild im Allgemeinen, auch aus Pixeln besteht. Der ganze Unterschied besteht jedoch darin, dass Pixelkunst Pixel für Pixel von Hand erstellt wird.

Ein weiteres Beispiel: Die Künstler und Animatoren Paul Robertson und Ivan Dixon haben Folgendes geschaffen:


SIMPSONS-PIXEL

Es fühlt sich an wie eine Menge Arbeit, und selbst wenn Sie einige zusätzliche Tools verwenden würden (es gibt Filter, die Bilder in Pixelkunst verwandeln), würde es sehr lange dauern.

Ich persönlich finde, dass Bilder im Pixel-Art-Stil echt sind moderne Kunst im sehr besserer Sinn dieses Wort.

Jedes Pixel Art-Bild hat einen ganz klaren Wert und ist sichtbar und spürbar.

Sogar jemand, der das nicht so gut versteht, kann das zu schätzen wissen.

Allerdings leider dieses Genre Kunst erfreut sich nicht großer Beliebtheit und gilt heute als veraltet, und eine Rückkehr zu ihr ist nicht mehr möglich letzten Jahren In Form vieler Spiele von Steam im Pixel-Art-Stil wird es den Leuten auch langsam langweilig. Obwohl ich persönlich denke, dass dieser Retro-Grafikstil bereits ein Klassiker ist und ein echter Klassiker niemals sterben wird.

Das Zeichnen auf Pixelebene hat seine Nische Bildende Kunst. Mithilfe einfacher Pixel entstehen wahre Meisterwerke. Natürlich können Sie solche Zeichnungen auf einem Blatt Papier erstellen, aber viel einfacher und korrekter ist es, Bilder mit Grafikeditoren zu erstellen. In diesem Artikel werden wir jeden Vertreter dieser Software im Detail analysieren.

Das beliebteste der Welt Grafikeditor, das auf Pixelebene arbeiten kann. Um solche Bilder in diesem Editor zu erstellen, müssen Sie lediglich einige vorbereitende Einrichtungsschritte durchführen. Hier finden Sie alles, was ein Künstler braucht, um Kunst zu schaffen.

Andererseits ist eine solche Fülle an Funktionalität zum Zeichnen von Pixelkunst nicht erforderlich, sodass es keinen Sinn macht, für das Programm zu viel zu bezahlen, wenn Sie es nur für eine bestimmte Funktion verwenden möchten. Wenn Sie einer dieser Benutzer sind, empfehlen wir Ihnen, auf andere Vertreter zu achten, die sich speziell auf Pixelgrafiken konzentrieren.

PyxelBearbeiten

Dieses Programm verfügt über alles, was Sie zum Erstellen solcher Gemälde benötigen, und ist nicht mit Funktionen übersättigt, die der Künstler niemals benötigen wird. Die Einrichtung ist ganz einfach; mit der Farbpalette können Sie jede Farbe in den gewünschten Farbton ändern und die freie Bewegung der Fenster hilft Ihnen, das Programm individuell anzupassen.

PyxelEdit verfügt über eine Funktion zum Festlegen von Kacheln auf der Leinwand, die beim Erstellen von Objekten mit ähnlichem Inhalt nützlich sein kann. Die Testversion steht auf der offiziellen Website zum Download bereit und unterliegt keinen Nutzungsbeschränkungen, sodass Sie das Produkt vor dem Kauf ausprobieren können.

Pixelformer

In Aussehen und Funktionalität ist dies der gewöhnlichste Grafikeditor, verfügt jedoch nur über einige zusätzliche Funktionen zum Erstellen von Pixelbildern. Dies ist eines der wenigen Programme, die absolut kostenlos verteilt werden.

Die Entwickler positionieren ihr Produkt nicht als geeignet für die Erstellung von Pixelkunst, sie nennen es eine hervorragende Möglichkeit, Logos und Symbole zu zeichnen.

GraphicsGale

In fast allen solchen Programmen wird versucht, ein Bildanimationssystem zu implementieren, das sich aufgrund eingeschränkter Funktionen und falscher Implementierung meist als einfach unbrauchbar erweist. GraphicsGale ist damit zwar auch nicht so gut, aber zumindest kann diese Funktion normal funktionieren.

Beim Zeichnen ist alles genau das Gleiche wie in den meisten Editoren: Grundfunktionen, eine große Farbpalette, die Möglichkeit, mehrere Ebenen zu erstellen und nichts Unnötiges, das die Arbeit beeinträchtigen könnte.

Charamaker

Character Maker 1999 ist eines der ältesten Programme dieser Art. Es wurde entwickelt, um einzelne Charaktere oder Elemente zu erstellen, die dann in anderen Animationsprogrammen verwendet oder in diese implementiert werden Computerspiele. Daher ist es für die Erstellung von Gemälden nicht sehr geeignet.

Die Schnittstelle ist nicht sehr gut. Fast keines der Fenster lässt sich verschieben oder in der Größe ändern, und das Standardlayout ist nicht sehr gut. Allerdings kann man sich daran gewöhnen.

Pro Motion NG

Dieses Programm ist in fast allem ideal, angefangen bei einer durchdachten Benutzeroberfläche, mit der es möglich ist, Fenster unabhängig vom Hauptfenster an eine beliebige Stelle zu verschieben und ihre Größe zu ändern, bis hin zu einem automatischen Wechsel von einer Pipette zu einem Bleistift , was einfach eine unglaublich praktische Funktion ist.

Ansonsten ist Pro Motion NG einfach eine gute Software zum Erstellen von Pixelgrafiken jeder Ebene. Die Testversion kann von der offiziellen Website heruntergeladen und getestet werden, um zu entscheiden, ob die Vollversion weiter erworben werden soll.

Aseprit

Kann zu Recht als das bequemste und bequemste angesehen werden schönes Programm Pixelkunst zu erstellen. Allein das Interface-Design lohnt sich, aber das sind noch nicht alle Vorteile von Aseprite. Es besteht die Möglichkeit, ein Bild zu animieren, aber im Gegensatz zu früheren Vertretern ist sie kompetent umgesetzt und komfortabel zu bedienen. Es gibt alles, was Sie zum Erstellen wunderschöner GIF-Animationen benötigen.