Pixel-Art-Editor

Ein kostenloser Pixel-Art-Editor in deinem Browser

Erstelle Retro-Spielsprites, Emojis, Icons, Avatare und kleine Animationen mit diesem Online-Pixel-Art-Editor. Er hat alles, was du brauchst, und nichts, was du nicht brauchst: ein scharfes Raster von 16 × 16 bis 128 × 128, eine Palette, inspiriert von klassischen 8-Bit-Konsolen, einen Farbeimer, einen Spiegelmodus für symmetrische Figuren und eine Bilderleiste für Animationen. Wenn du fertig bist, lade ein scharfes PNG, ein animiertes GIF oder ein spielfertiges Spritesheet herunter. Kein Konto, kein Wasserzeichen.

So zeichnest du Pixel Art

1. Wähle eine Leinwandgröße. 16 × 16 ist perfekt für Icons und Gegenstände, 32 × 32 für Figuren und 64 × 64 oder größer für Szenen.
2. Zeichne den Umriss mit einer dunklen Farbe. Halte Linien ein Pixel dick und vermeide „doppelte“ Ecken.
3. Füll die Formen mit dem Eimer und füg dann auf einer Seite einen dunkleren und auf der anderen einen helleren Farbton für Tiefe hinzu.
4. Schalte den Spiegel ein für Gesichter, Figuren und Raumschiffe: Zeichne die linke Hälfte, und die rechte erscheint automatisch.
5. Animiere, indem du das Bild duplizierst (⧉), ein paar Pixel änderst und auf Abspielen drückst. Die Zwiebelschicht zeigt das vorherige Bild blass an, damit du alles ausrichten kannst.
6. Lade ein PNG des aktuellen Bilds, ein endlos laufendes GIF der ganzen Animation oder ein Spritesheet herunter.

Pixel-Art-Tipps

• Nutze weniger Farben. Großartige Pixel Art verwendet oft nur 4 bis 8 Farben. Eine begrenzte Palette wirkt sauberer und „retro“.
• Leg eine Lichtrichtung fest. Entscheide, woher das Licht kommt (meist von oben links), und schattiere jedes Objekt auf dieselbe Weise.
• Vermeide Kissenschattierung. Jede Kante gleichmäßig abzudunkeln lässt Objekte flach und aufgeblasen wirken. Schattiere stattdessen vom Licht weg.
• Glätte Treppenstufen. Halte in Kurven die Stufen regelmäßig (3-2-1, nicht 3-1-2), damit Linien glatt aussehen.
• Kleine Animationen wirken viel. Ein Blinzeln aus zwei Bildern oder ein Hüpfer aus vier Bildern bei 6 fps wirkt schon lebendig.

Ideen für deine erste Pixel Art

• Ein Herz oder eine Münze auf einem 16×16-Raster: das klassische erste Sprite, in fünf Minuten fertig.
• Dein eigener Avatar auf 32 × 32 mit eingeschaltetem Spiegel: Zeichne ein halbes Gesicht und bekomm eine symmetrische Figur.
• Eine blinzelnde Katze: zwei Bilder, Augen offen und Augen zu, abgespielt mit 4 fps.
• Ein sich drehender Stern: vier Bilder, jedes leicht gedreht, als GIF für Chats oder soziale Medien exportiert.
• Ein Kachelset für ein Spiel: Gras-, Wasser- und Steinkacheln nebeneinander, als Spritesheet exportiert.

PNG, GIF oder Spritesheet: Was soll ich herunterladen?

PNG speichert das Bild, das du gerade siehst, mit scharfen Kanten vergrößert und mit transparentem Hintergrund: die beste Wahl für ein Profilbild, einen Sticker oder zum Drucken. GIF speichert die ganze Animation als endlos laufendes Bild, das fast überall abgespielt wird, auch in Messenger-Apps und auf Websites; es unterstützt bis zu 255 Farben, weit mehr, als Pixel Art normalerweise nutzt. Das Spritesheet ist ein einziges PNG mit allen Bildern in einer Reihe – genau das, was Game-Engines wie Godot, Unity, GameMaker und Phaser für Sprite-Animationen erwarten.

Tastenkürzel

B Stift, E Radierer, G Füllen, I Pipette, M Spiegeln, Leertaste Abspielen oder Pause, Strg+Z Rückgängig und Strg+Y Wiederholen. Mit der Maus radiert die rechte Taste unabhängig vom gewählten Werkzeug, so sind Fehler sehr schnell korrigiert.

Mehr kreative Werkzeuge

Lieber weiche Pinselstriche? Nutze das kostenlose Online-Zeichenbrett oder erstelle symmetrische Kunst im Mandala-Designer. Für eine Herausforderung schau, wie genau du bist, in Zeichne einen perfekten Kreis.