Pixel Art ist der letzte Schrei in modernen unabhängigen Videospielen. Es ermöglicht dem Künstler, einem Spiel viel Charakter zu verleihen, ohne unzählige Stunden damit verbringen zu müssen, 3D-Objekte zu modellieren oder komplexe Motive von Hand zu zeichnen. Wenn Sie Pixel-Künstler werden möchten, erstellen Sie im ersten Schritt ein Sprite. Sobald Sie sich mit dem Erstellen von Sprites vertraut gemacht haben, können Sie damit beginnen, Ihre Fähigkeiten zu animieren und bei potenziellen Arbeitgebern zu kaufen.
Schritte
Teil 1 von 7: Sammeln Sie Ihre Werkzeuge
Schritt 1. Laden Sie eine gute Bildbearbeitungssoftware herunter
Obwohl Sie mit Paint Pixelgrafiken erstellen können, werden Sie es schwierig finden. Einige der beliebtesten Pixel-Art-Programme sind:
- Photoshop
- Paint.net
- GIMP
- Pixen
- Aseprit
- pixilart
Schritt 2. Holen Sie sich ein Zeichentablett
Wenn Sie handgezeichnete Kunstwerke nachzeichnen möchten oder nicht gerne mit der Maus auf dem Bildschirm zeichnen, können Sie ein Tablet und einen Stift verwenden. Wacom ist einer der beliebtesten Tablet-Hersteller.
Schritt 3. Aktivieren Sie die Rasteransicht in Ihrer Bearbeitungssoftware
Sie sollten den Rastermodus in der von Ihnen gewählten Software aktivieren. Auf diese Weise können Sie deutlich sehen, wohin jedes Pixel geht. Normalerweise können Sie über das Menü Ansicht auf die Rasteransicht zugreifen.
Sie müssen das Raster wahrscheinlich so konfigurieren, dass jedes Quadrat ein Pixel darstellt. Die Vorgehensweise hierfür ist von Programm zu Programm unterschiedlich. In GIMP können Sie dies über das Menü Bild ändern (wählen Sie "Raster konfigurieren …")
Schritt 4. Wählen Sie einen Einzelpixelstift
Wählen Sie das Stiftwerkzeug in Ihrer Bearbeitungssoftware aus. Wählen Sie in den Optionen des Bleistifts den Einzelpixel-Pinsel aus. Dadurch können Sie in einzelnen Pixeln zeichnen.
Teil 2 von 7: Die Grundlagen üben
Schritt 1. Erstellen Sie ein neues Bild
Da Sie auf Pixelebene arbeiten, muss die Bildgröße nicht groß sein. Der gesamte Bildschirm des ursprünglichen Super Mario Bros.-Spiels ist nur 256 x 224 Pixel groß. Mario selbst ist nur 12 x 16 Pixel groß!
Schritt 2. Vergrößern
Da Sie mit einzelnen Pixeln arbeiten, sollten Sie sehr weit hineinzoomen, damit Sie das Raster und die Position jedes einzelnen Pixels sehen können. Möglicherweise müssen Sie über 800 % heranzoomen, um die Pixel im Raster deutlich zu sehen.
Schritt 3. Üben Sie, eine gerade Linie zu zeichnen
Dies mag wie ein einfaches Konzept erscheinen, aber wenn die Linie in der Mitte auch nur ein Pixel entfernt ist, wird es auffallen. Üben Sie das Zeichnen von geraden Linien mit der Maus oder dem Stift, damit Sie nicht jedes Mal zum Linienwerkzeug wechseln müssen.
Schritt 4. Üben Sie, gebogene Linien zu zeichnen
Kurven sollten mit regelmäßigen Unterbrechungen in der Pixellinie auftreten. Eine gute Kurve würde beispielsweise mit einer Sechs-Pixel-Unterbrechung beginnen, gefolgt von einer Drei-Pixel-Unterbrechung, gefolgt von einer Zwei-Pixel-Unterbrechung, gefolgt von einer Ein-Pixel-Unterbrechung. Die Brüche würden sich dann umkehren, um das andere Ende der Kurve zu bilden. Eine schlechte Kurve würde mit einer Drei-Pixel-Unterbrechung beginnen, gefolgt von einer Ein-Pixel-Unterbrechung, gefolgt von einer Drei-Pixel-Unterbrechung oder einer anderen ungeraden Progression.
Schritt 5. Verwenden Sie das Löschwerkzeug, um Fehler zu beheben
Wie beim Bleistift-Werkzeug sollten Sie den Radierer so einstellen, dass er jeweils ein Pixel löscht. Wenn der Radierer zu groß ist, ist es schwierig, Pixel präzise zu löschen.
Teil 3 von 7: Skizzieren Sie Ihren ersten Sprite
Schritt 1. Bestimmen Sie die Verwendung des Sprites
Wird es animiert oder statisch sein? Sie können einem statischen Sprite mehr Details hinzufügen, möchten aber ein animiertes Sprite einfacher halten, da Sie Teile für die Animation neu zeichnen müssen. Wenn das Sprite mit anderen Sprites verwendet werden soll, solltest du einen künstlerischen Stil beibehalten, der alles miteinander verbindet.
Schritt 2. Finden Sie heraus, ob es Einschränkungen gibt
Wenn Sie das Sprite für ein Projekt erstellen, stellen Sie fest, ob Größen- oder Farbbeschränkungen bestehen. Dies wird wichtiger, wenn Sie beginnen, an größeren Projekten mit vielen verschiedenen Sprites zu arbeiten.
Die meisten modernen Systeme haben keine Einschränkungen hinsichtlich Spritegröße und Farbkomplexität. Wenn Sie ein Spiel speziell für ein älteres System entwickeln, können Sie auf weitere Einschränkungen stoßen
Schritt 3. Skizzieren Sie es
Versuchen Sie, das Grundkonzept des Sprites auf einem Blatt Papier zu skizzieren. Auf diese Weise können Sie sehen, wie das Sprite aussehen wird, und Anpassungen an der Pose oder anderen Eigenschaften vornehmen. Sie können diese Skizze später als Quelle für Ihre Nachzeichnung verwenden, wenn Sie ein Tablet haben.
Machen Sie die Skizze detailliert. Platzieren Sie alle Funktionen, die Sie einschließen möchten, damit Sie ein Gefühl dafür bekommen, wie das Sprite als fertiges Produkt aussehen wird
Schritt 4. Erstellen Sie die Gliederung in Ihrem Bearbeitungsprogramm
Verwenden Sie entweder den skizzierten Umriss als Referenz oder zeichnen Sie den Umriss mit Ihrem Pad nach. Sie können entweder klicken und zeichnen, um den Umriss zu erstellen, oder jedes Pixel einzeln platzieren. Sie haben die Wahl.
Verwenden Sie beim Erstellen Ihres ersten Sprites einfarbiges Schwarz als Umrissfarbe. Dadurch wird es leicht zu unterscheiden. Sie können die Farbe des Umrisses später manuell ändern
Schritt 5. Bereinigen Sie die Gliederung
Zoomen Sie heran und beginnen Sie mit dem Löschen zusätzlicher Pixel und Fixierlinien. Der Umriss sollte immer nur ein Pixel dick sein, es sei denn, Sie behalten für den Rest des Sprites einen dickeren Umriss bei. Verwenden Sie Ihr Bleistiftwerkzeug, um Pixel einzufügen, um Fehler zu korrigieren.
Konzentrieren Sie sich während des Gliederungsprozesses auf die großen Details. Sie können später zurückgehen und die kleinen Details hinzufügen
Teil 4 von 7: Deinen Sprite ausmalen
Schritt 1. Frischen Sie die grundlegende Farbtheorie auf
Sehen Sie sich das Farbrad an, um zu bestimmen, welche Farben Sie verwenden sollten. Farben, die sich auf dem Rad gegenüberliegen, sind sehr unterschiedlich, während Farben in unmittelbarer Nähe gut nebeneinander aussehen.
Wählen Sie eine Reihe von Farben, die Ihrem Sprite ein unverwechselbares Aussehen verleihen, ohne zu aufdringlich zu wirken. Vermeiden Sie nach Möglichkeit Pastellfarben, es sei denn, das gesamte Projekt verwendet diesen Stil
Schritt 2. Verwenden Sie einfach ein paar Farben
Je mehr Farbe du hinzufügst, desto ablenkender wirkt dein Sprite. Schauen Sie sich einige der kultigsten Sprites an und Sie werden feststellen, dass sie oft nur wenige Farben verwenden.
- Mario - Das klassische Mario-Sprite verwendet nur drei Farben, die alle eng miteinander verwandt sind.
- Sonic - Sonic hat mehr Details als das Original-Mario, besteht aber immer noch nur aus vier Farben mit unterschiedlichen Schattierungen.
- Ryu - Als eines der klassischen Kampfspiel-Sprites verwendet Ryu große Flächen in einfachen Farben mit leichten Schattierungen zur Definition. Ryu hat fünf Grundfarben mit verschiedenen Schattierungen.
Schritt 3. Wenden Sie Ihre Farben an
Verwenden Sie das Füllwerkzeug, um Ihre Farbauswahl auf Ihr Sprite anzuwenden. Sie tragen zu diesem Zeitpunkt nur die Grundfarbe auf, also machen Sie sich keine Sorgen darüber, wie flach es aussieht. Das Füllwerkzeug ersetzt alle Pixel, die dem angeklickten Pixel entsprechen, durch die ausgewählte Farbe, bis die Grenzen erreicht sind.
Teil 5 von 7: Schattierung anwenden
Schritt 1. Bestimmen Sie die "Lichtquelle"
Der Winkel, in dem das Licht auf das Sprite trifft, hilft Ihnen zu bestimmen, wo Sie die Schattierung anwenden müssen, um einen realistischeren und glaubwürdigeren Effekt zu erzielen. Obwohl es kein Licht geben wird, ist es sehr wichtig zu wissen, in welche Richtung das Licht scheint.
Es ist am einfachsten zu schattieren, wenn die Lichtquelle weit über dem Sprite kommt, entweder von leicht rechts oder leicht links
Schritt 2. Tragen Sie die Schattierung mit einem etwas dunkleren Farbton der Grundfarbe auf
Kommt die Lichtquelle von oben, sollte die Schattierung auf der "Unterseite" des Sprites erfolgen. Schattieren Sie alle Bereiche, die nicht von direktem Licht getroffen werden. Fügen Sie einfach einige Pixelschichten über oder unter den Umrissen hinzu, um Schattierung hinzuzufügen.
- Sie können den "Lum"-Wert Ihrer Grundfarbe verringern und den "Farbton"-Wert leicht erhöhen, um eine gute Schattierungsfarbe zu erhalten.
- Verwenden Sie niemals Farbverläufe. Sie werden sehr falsch und unprofessionell aussehen. Sie können Dithering verwenden, um Farbverläufe nachzuahmen (siehe unten).
Schritt 3. Fügen Sie einige weiche Schatten hinzu
Wählen Sie einen Farbton zwischen der Dunkelheit des Schattens und der ursprünglichen Grundfarbe. Verwenden Sie diesen Farbton, um eine weitere Schattenschicht zwischen der Schattierung und der Grundfarbe hinzuzufügen. Dadurch entsteht der Effekt des Übergangs von dunkel zu hell.
Schritt 4. Wenden Sie einige Highlights an
Dies sind die Punkte auf dem Sprite, die am meisten vom Licht getroffen werden. Sie können Glanzlichter hinzufügen, indem Sie einen Farbton verwenden, der etwas heller ist als die Grundfarbe. Verwenden Sie Glanzlichter sparsam, da sie ablenken können.
Teil 6 von 7: Fortgeschrittene Techniken anwenden
Schritt 1. Versuchen Sie etwas Dithering
Dies ist ein Effekt, der es dem Künstler ermöglicht, eine Farbverschiebung darzustellen. Es ermöglicht Ihnen, einen Verlaufseffekt mit nur wenigen Farben durch abwechselnde Pixelplatzierung zu erzeugen, um die Übergänge zu erstellen. Die Menge und Platzierung von zwei verschiedenen Pixelfarben in einem Muster kann das Auge dazu verleiten, verschiedene Schattierungen zu sehen.
Dithering wird von Anfängern tendenziell überstrapaziert. Versuchen Sie daher, es zu vermeiden, außer in seltenen Fällen
Schritt 2. Üben Sie Anti-Aliasing
Pixelkunst wird durch die auffälligen Pixel definiert, aber manchmal möchten Sie die Linien mischen, damit alles etwas glatter aussieht. Anti-Aliasing ist die Technik, mit der Sie dies tun können.
- Fügen Sie den Knicken einer Kurve Zwischenfarben hinzu. Fügen Sie eine Schicht Zwischenfarben um den Umriss der Kurve hinzu, die Sie weicher machen möchten. Wenn es immer noch zu rau aussieht, fügen Sie eine weitere Schicht eines helleren Farbtons hinzu.
- Wenn Sie möchten, dass Ihr Sprite auf jedem farbigen Hintergrund scharf aussieht, verwenden Sie kein Anti-Aliasing am äußeren Rand des Umrisses.
Schritt 3. Wenden Sie selektive Umrisse an
Dies ist der Begriff für das Einfärben des Umrisses ähnlich den Farben, die zum Füllen verwendet werden. Dies verleiht dem Sprite ein etwas weniger "cartoonisches" Aussehen, da der Umriss etwas natürlicher ist. Versuchen Sie, nackte Haut selektiv zu konturieren, während Sie traditionelle Konturen auf Kleidung verwenden.
- Verwenden Sie einen Farbton, der dunkler ist als die Grundfarbe des Abschnitts, den Sie selektiv umreißen möchten. Verwenden Sie die Lichtquelle, um die Schattierung während des Umrisses zu ändern, um dem Sprite ein natürlicheres Aussehen zu verleihen. Dies kann besonders für den Haut- und Muskeltonus nützlich sein.
- Traditionelles Gliedern ist gut, wenn Ihr Sprite vor einem geschäftigen Hintergrund unverwechselbar bleiben soll.
Teil 7 von 7: Den letzten Schliff hinzufügen
Schritt 1. Sehen Sie sich das Sprite genau an
Treten Sie einen Schritt zurück und betrachten Sie Ihr Sprite bis zu diesem Punkt. Stellen Sie fest, ob etwas falsch aussieht, und korrigieren Sie dann diese Inkonsistenzen oder Fehler.
Schritt 2. Details hinzufügen
Nachdem Sie mit dem Ausmalen und Schattieren fertig sind, können Sie Details wie Schrift, Augen, zusätzliche Funktionen und alles andere hinzufügen, was Ihr Sprite auf die nächste Stufe heben könnte. Die Liebe zum Detail am Ende unterscheidet Amateure von professionellen Pixelkünstlern.
Schritt 3. Animieren Sie Ihr Sprite
Wenn Sie die obigen Schritte ausgeführt haben, haben Sie ein einzelnes statisches Sprite. Dies ist als Kunstwerk in Ordnung, aber wenn Sie Sprites für Spiele erstellen möchten, müssen sie wahrscheinlich animiert werden. Dies bedeutet, dass jeder Animationsframe sein eigenes Sprite haben muss, mit leichten Ä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-Sheets in GIMP finden Sie in diesem Handbuch.
- Das Erstellen einzigartiger und attraktiver Animationen für Sprites ist eine Möglichkeit, mit der sich Meisterpixelkünstler von Amateuren unterscheiden. Eine gute Animation kann einem Sprite eine Menge Leben einhauchen.
Schritt 4. Erstellen Sie ein Portfolio
Wenn Sie Ihre Pixelkunst-Fähigkeiten in die Welt der Videospielentwicklung einbringen möchten, sollten Sie ein solides Portfolio haben, das Sie potenziellen Arbeitgebern präsentieren können. Fügen Sie einige Ihrer besten Sprites sowie einige Animationen hinzu, wenn Sie sie haben. Beziehen Sie eine Vielzahl von Themen ein, darunter Charaktere, Landschaften, Requisiten und mehr.