Inhalt

• Schreiten
• Teil 1 von 7: Sammeln Sie Ihre Werkzeuge
• Teil 2 von 7: Üben Sie die Grundfertigkeiten
• Teil 3 von 7: Erstellen Sie den Umriss Ihres ersten Sprites
• Teil 4 von 7: Färbe dein Sprite
• Teil 5 von 7: Anwenden von Tonwerten
• Teil 6 von 7: Verwenden fortgeschrittener Techniken
• Teil 7 von 7: Den letzten Schliff geben

Pixelkunst ist der letzte Schrei in modernen Indie-Videospielen. Auf diese Weise kann der Künstler einem Spiel viel Charakter verleihen, ohne unzählige Stunden damit verbringen zu müssen, 3D-Objekte oder handgezeichnete, komplexe Motive zu modellieren. Wenn Sie Pixelkünstler werden möchten, müssen Sie zunächst ein Sprite erstellen. Sobald Sie das Erstellen von Sprites beherrschen, können Sie mit der Animation beginnen und potenziellen Arbeitgebern Ihre Fähigkeiten vorstellen.

Schreiten

Teil 1 von 7: Sammeln Sie Ihre Werkzeuge

1. Laden Sie eine gute Bildbearbeitungssoftware herunter. Während es möglich ist, Pixelkunst in Paint zu erstellen, werden Sie feststellen, dass dies nicht einfach ist. Einige der am häufigsten verwendeten Pixelkunstprogramme sind:
   • Photoshop
   • Paint.net
   • GIMP
   • Pixen
2. Kaufen Sie eine Zeichentafel. Wenn Sie handgezeichnete Zeichnungen nachzeichnen möchten oder nicht gerne mit der Maus zeichnen, verwenden Sie ein Tablet und einen Zeichenstift. Wacom ist eine der beliebtesten Marken, wenn es um das Zeichnen von Tablets geht.
3. Aktivieren Sie die Rasteranzeige in Ihrer Bildbearbeitungssoftware. Egal für welche Software Sie sich entscheiden, aktivieren Sie die Rasteransicht. Auf diese Weise können Sie klar erkennen, wo sich die einzelnen Pixel befinden. Normalerweise können Sie über das Menü Ansicht auf das Raster zugreifen.
   • Sie müssen wahrscheinlich zuerst das Raster einstellen, damit jedes Quadrat 1 Pixel darstellt. Die Methode hierfür variiert je nach Programm. In GIMP können Sie dies über das Menü Bild ändern (wählen Sie "Raster einstellen ...").
4. Wählen Sie einen Einzelpixelstift. Wählen Sie das Bleistift-Werkzeug in der Bildbearbeitungssoftware. Wählen Sie aus den Bleistiftoptionen einen Einzelpixelpinsel aus. Damit können Sie in Pixel zeichnen.

Teil 2 von 7: Üben Sie die Grundfertigkeiten

1. Erstellen Sie ein neues Bild. Da Sie auf Pixelebene arbeiten, muss das Bild nicht sehr groß sein. Der Vollbildmodus im Original Super Mario Bros. Spiel ist nur 256 x 224 Pixel. Mario selbst ist nur 12 x 16 Pixel groß!
2. Hineinzoomen. Da Sie mit einzelnen Pixeln arbeiten, müssen Sie sehr weit hineinzoomen, damit Sie das Raster und die Position der einzelnen Pixel deutlich sehen können. Möglicherweise müssen Sie bis zu 800% zoomen, um die Pixel im Raster anzuzeigen.
3. Üben Sie das Zeichnen einer geraden Linie Dies klingt nach einer einfachen Sache, aber wenn die Linie auch nur ein Pixel in der Mitte abweicht, wird dies als Unregelmäßigkeit angezeigt. Üben Sie das Zeichnen von geraden Linien mit der Maus oder dem Zeichenstift, damit Sie nicht jedes Mal das Linienwerkzeug verwenden müssen.
4. Übe das Zeichnen gekrümmter Linien. Sie erstellen gekrümmte Linien, indem Sie eine Pixellinie verschieben. Sie können beispielsweise eine schöne Kurve erstellen, indem Sie ein Pixel nach sechs Pixeln verschieben, gefolgt von einer Verschiebung auf drei Pixel und dann nach zwei Pixeln. Die Verschiebungen werden dann für den anderen Teil der Kurve umgekehrt. Eine fehlgeschlagene Kurve beginnt mit einer Verschiebung von drei Pixeln, gefolgt von einem Pixel und weiteren drei Pixeln oder einem anderen seltsamen Muster.
5. Verwenden Sie den Radierer, um Fehler rückgängig zu machen. Wie beim Bleistift stellen Sie auch das Radiergummi-Werkzeug auf jeweils ein Pixel ein. Wenn das Radiergummi-Werkzeug zu groß ist, ist es schwierig, Pixel genau zu entfernen.

Teil 3 von 7: Erstellen Sie den Umriss Ihres ersten Sprites

1. Entscheide, was der Zweck des Sprites ist. Wird dies eine Animation sein oder bleibt sie statisch? Sie können einem statischen Sprite mehr Details hinzufügen, aber versuchen Sie, das sich bewegende Sprite einfach zu halten, da Sie Teile für die Animation anders zeichnen müssen. Wenn das Sprite mit anderen Sprites verwendet wird, behalten Sie einen künstlerischen Stil bei, der alles vollständig macht.
2. Finden Sie heraus, ob es Einschränkungen gibt. Stellen Sie beim Erstellen des Sprites für ein Projekt fest, ob Größen- oder Farbbeschränkungen bestehen. Dies wird wichtiger, wenn Sie an größeren Projekten mit vielen verschiedenen Sprites arbeiten.
   • Die meisten modernen Systeme haben keine wirklichen Einschränkungen hinsichtlich der Farbe und Größe von Sprites. Wenn Sie ein Spiel speziell für ein älteres System entwickeln, können Einschränkungen auftreten.
3. Machen Sie eine Entwurfsskizze. Erstellen Sie ein grundlegendes Design des Sprites auf Papier. Auf diese Weise können Sie sehen, wie das Sprite aussehen wird, und die Haltung und andere Attribute anpassen. Sie können diese Skizze verwenden, um sie später mit einem Tablet zu verfolgen (falls Sie eines haben).
   • Fügen Sie der Skizze weitere Details hinzu. Erstellen Sie alle Attribute, die Sie hinzufügen möchten, damit Sie eine Vorstellung davon haben, wie das Sprite aussehen wird, wenn es fertig ist.
4. Erstellen Sie die Gliederung in Ihrem Programm. Verwenden Sie den skizzierten Umriss als Referenz oder zeichnen Sie den Umriss mit einem Zeichentablett nach. Sie können klicken und zeichnen, um die Linien zu erstellen, oder jedes Pixel einzeln platzieren. Es ist deine Entscheidung.
   • Verwenden Sie für Ihr erstes Sprite Schwarz als Linienfarbe. Dadurch wird die Gliederung leichter zu unterscheiden. Sie können die Farbe der Kontur später ändern.
5. Reinigen Sie den Umriss. Vergrößern und entfernen Sie überschüssige Pixel und machen Sie die Linien sauber. Der Umriss darf nicht dicker als ein Pixel sein. Platzieren Sie mit Ihrem Bleistift Pixel, um Fehler zu korrigieren.
   • Konzentrieren Sie sich beim Erstellen der Kontur auf die größeren Teile. Sie können jederzeit jederzeit zurückgehen und kleinere Änderungen vornehmen.

Teil 4 von 7: Färbe dein Sprite

1. Verbessern Sie Ihre Grundkenntnisse in Farbtheorie. Verwenden Sie das Farbrad, um zu bestimmen, welche Farben ausgewählt werden sollen. Farben, die sich gegenüberliegen, sind weit voneinander entfernt, während Farben, die im Farbkreis nahe beieinander liegen, gut zusammenpassen.
   • Wählen Sie Farben, die Ihr Sprite hervorheben, ohne mit den übrigen Farben in Konflikt zu geraten. Vermeiden Sie Pastellfarben, es sei denn, dieser Stil wird im gesamten Projekt verwendet.
2. Verwenden Sie nicht mehr als ein paar Farben. Je mehr Farbe Sie verwenden, desto ablenkender wird Ihr Sprite. Schauen Sie sich einige ikonische Sprites an und Sie werden feststellen, dass sie oft nur wenige Farben verwenden.
   • Mario - Das klassische Mario-Sprite verwendet nur drei Farben, die alle nahe beieinander liegen.
   • Sonic - Sonic hat mehr Details als das Original Mario, besteht aber immer noch aus nur vier Farben mit tonalen Variationen.
   • Ryu - Einer der klassischen Sprites aus Kampfspielen. Ryu verwendet große Farbflächen mit nur geringen Abweichungen in den Tonwerten, um den Charakter zu formen. Ryu hat nur fünf Grundfarben mit verschiedenen Tonwerten.
3. Wenden Sie die Farben an. Verwenden Sie das Füllwerkzeug, um Ihr Sprite einzufärben. Zu diesem Zeitpunkt verwenden Sie nur Standardfarben. Machen Sie sich also keine Sorgen, dass es so flach aussieht. Das Füllwerkzeug ersetzt alle Pixel, die dem von Ihnen gedrückten Pixel entsprechen, durch die ausgewählte Farbe, bis eine Grenze erkannt wird.

Teil 5 von 7: Anwenden von Tonwerten

1. Identifizieren Sie die "Lichtquelle". Der Winkel, in dem das Licht auf das Sprite trifft, bestimmt, wo Schatten geworfen werden müssen, um einen realistischeren und glaubwürdigeren Effekt zu erzielen. Obwohl kein Licht zu sehen ist, ist es wichtig zu wissen, woher das Licht kommt.
   • Es ist wahrscheinlich am einfachsten, Schatten zu werfen, wenn sich die Lichtquelle weit über dem Sprite befindet, unabhängig davon, ob sie leicht von rechts oder links ist.
2. Wenden Sie Tonwerte mit einer etwas dunkleren Farbe als die Grundfarbe an. Wenn die Lichtquelle von oben kommt, befinden sich die Schatten am "unteren Rand" des Sprites. Beschatten Sie alle Oberflächen, die keinem direkten Licht ausgesetzt sind. Fügen Sie einfach ein paar Pixelebenen oben oder unten in den Umriss ein, um Schatten zu erzeugen.
   • Sie können die "Helligkeit" Ihrer Grundfarbe verringern und den "Farbton" -Wert leicht erhöhen, um eine gute Schattenfarbe zu erhalten.
   • Verwenden Sie niemals Farbverläufe. Sie sehen falsch und unprofessionell aus. Sie können Dithering verwenden, um Farbverläufe zu simulieren (siehe unten).
3. Fügen Sie einige weiche Schatten hinzu. Wählen Sie einen Farbton zwischen der Dunkelheit eines Schattens und der ursprünglichen Grundfarbe. Verwenden Sie diesen Farbton, um eine neue Schattenebene zwischen dem Farbton und der Grundfarbe hinzuzufügen. Dies gibt Ihnen den Effekt eines Übergangs von dunkel zu hell.
4. Highlights anwenden. Es gibt Stellen im Sprite, an denen das Licht direkt auffällt. Sie können Glanzlichter hinzufügen, indem Sie einen Farbton hinzufügen, der etwas heller als die Grundfarbe ist. Verwenden Sie Highlights sparsam, da sie ablenken können.

Teil 6 von 7: Verwenden fortgeschrittener Techniken

1. Versuchen Sie, mit Dithering zu arbeiten. Dies ist ein Effekt, mit dem Künstler eine Verschiebung des Farbtons anzeigen können. Auf diese Weise können Sie einen Verlauf mit nur wenigen Farben erstellen, indem Sie abwechselnd Pixel platzieren und Übergänge erstellen. Die Platzierung von zwei verschiedenen Pixelfarben in einem Muster und das Ausmaß, in dem dies geschieht, können das Auge täuschen, da es so aussieht, als gäbe es verschiedene Schattierungen.
   • Das Rasterisieren wird von Anfängern häufig überbeansprucht, daher ist es am besten, es nicht zu verwenden, außer in seltenen Fällen.
2. Üben Sie Anti-Aliasing. Pixelkunst wird durch Pixel definiert, die deutlich sichtbar sind. Manchmal möchten Sie jedoch, dass die Linien etwas glatter aussehen. Anti-Aliasing ist die Technik, mit der Sie dies erreichen können.
   • Fügen Sie den Knicken in einer Kurve Zwischenfarben hinzu. Fügen Sie eine Ebene mit Übergangsfarben um den Umriss der Kurve hinzu, die glatter aussehen soll. Wenn es weiterhin blockig aussieht, fügen Sie eine weitere Ebene mit einer helleren Farbe hinzu.
   • Wenn Sie möchten, dass sich Ihr Sprite von einem farbigen Hintergrund abhebt, verwenden Sie kein Anti-Aliasing für den äußeren Rand des Umrisses.
3. Verwenden Sie selektive Konturen. Dies ist der Begriff für die Verwendung derselben Umrissfarbe wie die Füllfarbe. Dies verleiht dem Sprite ein etwas weniger "karikaturistisches" Aussehen, da der Umriss etwas natürlicher aussieht. Verwenden Sie selektive Konturen für die Haut und traditionelle Konturen für die Kleidung.
   • Verwenden Sie einen dunkleren Farbton als die Grundfarbe des Teils und fügen Sie selektiv Konturen hinzu. Verwenden Sie die Lichtquelle, um den Farbton zu ändern, während Sie den Umriss erstellen, damit das Sprite natürlicher aussieht. Dies ist besonders hilfreich bei Hautton und Muskeldefinition.
   • Herkömmliche Konturen sind in Ordnung, wenn das Sprite von einem geschäftigen Hintergrund unterschieden werden soll.

Teil 7 von 7: Den letzten Schliff geben

1. Schauen Sie sich das Sprite genauer an. Machen Sie einen Schritt zurück und sehen Sie sich das Sprite an, wie es jetzt geworden ist. Überprüfen Sie, ob etwas nicht stimmt, und korrigieren Sie etwaige Mängel oder Fehler.
2. Details hinzufügen. Wenn Sie mit dem Färben und Anwenden von Tonwerten fertig sind, können Sie Details wie Text, Augen, zusätzliche Funktionen und alles hinzufügen, was ein Sprite noch besser macht. Die Liebe zum Detail am Ende des Projekts unterscheidet den Amateur von professionellen Pixelkünstlern.
3. Erstellen Sie eine Animation Ihres Sprites. Wenn Sie die obigen Schritte ausgeführt haben, haben Sie jetzt ein einzelnes statisches Sprite. Dies ist ein schönes Kunstwerk, aber wenn Sie Sprites für Spiele erstellen möchten, müssen diese wahrscheinlich animiert werden. Dies bedeutet, dass jedes Animationsframe ein eigenes Sprite erhält, mit geringfügigen Änderungen gegenüber dem vorherigen Frame. Die Sammlung aller in einer Animation verwendeten Sprites wird als "Sprite Sheet" bezeichnet.
   • Weitere Informationen zum Animieren eines Sprite-Blatts in GIMP finden Sie in wikiHow.
   • Das Erstellen einzigartiger und ansprechender Animationen für Sprites ist eine Möglichkeit, wie sich Pixelkünstler von Amateuren unterscheiden können. Eine gute Animation kann ein Sprite vollständig zum Leben erwecken.
4. Erstellen Sie ein Portfolio. Wenn Sie Ihre Pixelkunstfähigkeiten in der Welt der Videospielentwicklung einsetzen möchten, müssen Sie ein solides Portfolio erstellen, um potenziellen Arbeitgebern zu präsentieren. Fügen Sie hier Ihre besten Sprites sowie einige Animationen hinzu, falls Sie welche haben. Schließen Sie verschiedene Themen wie Charaktere, Umgebungen, Gegenstände usw. ein.