Ein Foto oder eine Zeichnung in Pixel Art umwandeln: Leinwand von 8 bis 128 Pixeln Breite und 4 bis 64 Farben wählen oder die eigene Palette verwenden. Jeder Bildblock wird zu einem Pixel gemittelt; danach das Ergebnis mit dem Stift nachbessern.
Anleitung
- Tippe auf die Größe, um eine Leinwand von 8×8 bis 128×128 Pixeln zu wählen, oder zeichne direkt auf dem Beispiel.
- Werkzeug und Farbe wählen, dann zeichnen. Mit „Spiegeln“ wird jeder Strich auf die andere Seite übertragen.
- Ebenen trennen Umrisse und Farben, Frames ergeben eine Animation. „Abspielen“ zeigt sie in der Vorschau.
- Unter „Exportieren“ lädst du ein PNG in 1× bis 32×, ein Spritesheet oder ein animiertes GIF herunter.
- Die Zeichnung wird automatisch in diesem Browser gespeichert und verlässt nie dein Gerät. Mit einer Projektdatei (.json) behältst du eine Kopie oder arbeitest auf einem anderen Gerät weiter.
- Rechtsklick zeichnet mit der Zweitfarbe, Alt+Klick nimmt eine Farbe auf. Umschalt+Klick mit dem Stift zieht eine Gerade vom letzten Punkt, mit dem Füllwerkzeug färbt es alle Pixel dieser Farbe auf der Ebene um.
- Jeder Frame hat eine eigene Kopie aller Ebenen. Die Zwiebelhaut zeigt den vorherigen und schwächer den nächsten Frame, damit Bewegungen sauber anschließen.
- Exporte behalten bei jeder Skalierung harte Pixelkanten. GIFs bleiben transparent, solange der weiße Hintergrund aus ist.
- Beim Import wird jeder Bildblock gemittelt und auf 4–64 Farben oder die aktuelle Palette reduziert. Mit „Aktuelle Ebene“ kannst du darüber nachzeichnen.
- Auf Touchscreens mit einem Finger zeichnen, mit zwei Fingern zoomen und verschieben.
Die richtige Leinwandgröße
16 × 16 ist die klassische Größe für Icons, Gegenstände und kleine Figuren; 32 × 32 bietet Platz für Gesichter und Details und ist bei Spielfiguren verbreitet; 64 × 64 passt für Porträts und größere Szenen. Kleine Leinwände zwingen zu einfachen Formen – eine gute Übung.
Pixel Art wird klein gezeichnet und groß gezeigt. Für soziale Netzwerke mit 8× oder 16× exportieren: Ein 32 × 32-Sprite wird bei 16× zu einem scharfen PNG mit 512 × 512, weil jedes Pixel als Block ohne Weichzeichnung kopiert wird.
Ebenen, Frames und Zwiebelschicht
Umrisse auf eine Ebene, Farben oder Schatten auf eine andere – so lässt sich umfärben, ohne Linien neu zu zeichnen. Bei Animationen hat jeder Frame seine eigene Kopie aller Ebenen. Die Zwiebelschicht zeigt den vorherigen Frame blass und den nächsten noch blasser, damit Bewegungen sauber anschließen. Abspielen zeigt die Schleife mit 1 bis 30 Bildern pro Sekunde; 8 bis 12 fps sind typisch für Laufzyklen.
Kürzel und Tipps
Rechtsklick zeichnet mit der Zweitfarbe, Alt+Klick nimmt eine Farbe auf, Umschalt+Klick mit dem Stift zieht eine gerade Linie vom letzten Punkt. Umschalt+Klick mit dem Fülleimer färbt jedes Pixel dieser Farbe auf der Ebene um, praktisch für Palettenwechsel. Eine .json-Projektdatei sichert die Arbeit oder bringt sie auf ein anderes Gerät.
Häufige Fragen
Welche Größe ist für Pixel Art am besten?
Für den Einstieg eignen sich 16 × 16 oder 32 × 32. 16 × 16 hält Formen einfach, 32 × 32 lässt Raum für Mimik und Schattierung. Für detaillierte Szenen 64 × 64 oder größer.
Wie exportiere ich Pixel Art ohne Unschärfe?
Das PNG mit einem Faktor wie 8× oder 16× exportieren. Jedes Pixel wird als volles Quadrat vergrößert, die Kanten bleiben in jeder Größe hart.
Kann ich ein animiertes GIF erstellen?
Ja. Frames hinzufügen, jede Pose zeichnen, die Schleife mit Abspielen prüfen und die Geschwindigkeit einstellen, dann als GIF exportieren. Transparenz bleibt erhalten, außer du schaltest einen weißen Hintergrund ein.
Wie erstelle ich ein Spritesheet für ein Spiel?
Die Animationsframes zeichnen, im Export Spritesheet wählen und die Frames in einer Reihe oder einem Raster anordnen. Das Sheet behält exakte Pixelmaße für Game-Engines.
Wird meine Zeichnung gespeichert?
Ja, automatisch in diesem Browser. Für eine Sicherung oder einen Gerätewechsel das Projekt als .json-Datei herunterladen und dort öffnen.
Kann ich ein Foto in Pixel Art umwandeln?
Ja. Der Import mittelt jeden Bildblock und reduziert auf 4 bis 64 Farben oder auf deine aktuelle Palette; danach lässt sich das Ergebnis von Hand bearbeiten.