FUNKTIONEN

Alles, was du brauchst,
um Pixel-Art zu erstellen

Professionelle Werkzeuge, intuitiver Workflow, nahtlose Zusammenarbeit. Für Hobbyisten, die ihren ersten Sprite bauen, und Studios, die Spiele veröffentlichen.

FUNKTIONEN

Detaillierte Anleitungen für jeden Workflow

Entdecke ausführliche Beiträge zu den wichtigsten Studio-Funktionen: Zeichnen, Animation, Bildreferenzen, Exporte, Zusammenarbeit und plattformübergreifendes Arbeiten.

Blog
FUNKTIONEN

TO

Zeichenwerkzeuge

tutorialtipsgame-dev

Zeichenwerkzeuge

Jedes Werkzeug, das du zum effizienten Zeichnen von Pixel-Art benötigst.

Piktor Team
23. Apr.
FUNKTIONEN

LY

Ebenen

tutorialtips

Ebenen

Dein Artwork mit gestapelten Ebenen organisieren.

Piktor Team
22. Apr.
FUNKTIONEN

AN

Animation

tutorialgame-dev

Animation

Sprite-Animationen mit mehreren Frames erstellen.

Piktor Team
21. Apr.
FUNKTIONEN

MR

Spiegel & Symmetrie

tipsgame-dev

Spiegel & Symmetrie

Horizontal, vertikal oder beides. Perfekt für Charaktere und UI-Elemente.

Piktor Team
20. Apr.
FUNKTIONEN

UP

PNG importieren

tutorialtips

PNG importieren

Vorhandenes PNG-Artwork als neue Ebene in den Editor laden. Unterstützt 16x16 bis 128x128.

Piktor Team
19. Apr.
FUNKTIONEN

PN

PNG-Frame-Sequenz exportieren

tutorialtipsgame-dev

PNG-Frame-Sequenz exportieren

Lade einzelne Frames oder strukturierte PNG-Frame-Sequenzen mit Zeilennummern und Frame-Namen aus der Timeline herunter.

Piktor Team
17. Apr.
FUNKTIONEN

JS

Sprite-Sheet- und JSON-Metadaten-Export

tutorialtipsgame-dev

Sprite-Sheet- und JSON-Metadaten-Export

Erstelle ein zeilenbasiertes PNG-Sprite-Sheet aus Animationsframes und exportiere JSON-Metadaten mit Reihenfolge und Schnittpositionen.

Piktor Team
16. Apr.
FUNKTIONEN

PM

Projekte

communitytips

Projekte

Organisiere deine Pixel-Art in eigenen Projekten.

Piktor Team
15. Apr.
FUNKTIONEN

RV

Aufgaben, Review und Versionsverlauf

communitytips

Aufgaben, Review und Versionsverlauf

Weise Sprite-Arbeiten zu, bewege Zeichnungen durch Reviews, hinterlasse Feedback und behalte wiederherstellbare Snapshots jeder gespeicherten Version.

Piktor Team
14. Apr.
FUNKTIONEN

GO

Überall zeichnen

communitynews

Überall zeichnen

Dasselbe Konto, dieselben Zeichnungen. Mach dort weiter, wo du aufgehört hast – auf jedem Gerät.

Piktor Team
13. Apr.

Leinwandgrößen

16x16

Icons, UI-Elemente, kleine Gegenstände

32x32

Standard-Sprites, Charaktere, Kacheln

64x64

Detaillierte Charaktere, große Sprites

128x128

Porträts, Splash-Art, detaillierte Szenen

Zeichenwerkzeuge

Guide lesen

Jedes Werkzeug, das du zum effizienten Zeichnen von Pixel-Art benötigst.

Stift

Einzelne Pixel präzise zeichnen. Klicken oder ziehen zum Malen.

Radierer

Pixel auf Transparenz zurücksetzen. Funktioniert pro Ebene.

Füllung / Eimer

Zusammenhängende Bereiche gleicher Farbe sofort füllen.

Farbpipette

Beliebige Farbe von der Leinwand aufnehmen. Wechselt automatisch zurück zum Stift.

Ditherpinsel

Strukturierter Schachbrettmuster-Pinsel für Schattierung und Dithering-Effekte.

Spray / Airbrush

Zufälliges Streuen innerhalb eines Radius für weiche Textureffekte.

Formwerkzeuge

Guide lesen

Perfekte geometrische Formen per Klick-und-Ziehen zeichnen.

Linie

Pixelgenaue gerade Linien mit dem Bresenham-Algorithmus. Live-Vorschau beim Ziehen.

Rechteck

Rechteckumrisse zeichnen. Eine Ecke klicken, zur gegenüberliegenden ziehen.

Kreis

Kreise mit dem Mittelpunktalgorithmus zeichnen. Mittelpunkt klicken, Radius durch Ziehen festlegen.

Verlauf

Linearer Farbverlauf zwischen Primär- und Sekundärfarbe. Von Startpunkt zu Endpunkt klicken.

Text & Symmetrie

Guide lesen

Integrierter Pixel-Schriftsatz und Spiegelzeichenmodi.

Pixel-Text

Text eingeben und durch Klicken auf die Leinwand platzieren. Integrierter 3x5-Pixel-Schriftsatz mit A–Z, 0–9 und Satzzeichen.

Horizontaler Spiegel

Alles, was du links zeichnest, wird automatisch rechts gespiegelt. Perfekt für Charaktergesichter und -körper.

Vertikaler Spiegel

Oben wird nach unten gespiegelt. Ideal für symmetrische Dekorationen und UI-Elemente.

Beide Achsen (H+V)

Vollständige 4-Wege-Symmetrie. In einem Quadranten zeichnen, alle vier werden ausgefüllt.

Dein Artwork mit gestapelten Ebenen organisieren.

  • +Unbegrenzt viele Ebenen pro Frame hinzufügen
  • +Sichtbarkeit pro Ebene umschalten (ein-/ausblenden)
  • +Ebenen neu anordnen (im Stapel nach oben/unten verschieben)
  • +Nur die aktive Ebene empfängt Werkzeugeingaben
  • +Komposition von unten nach oben (obere Ebene überlagert untere)
  • +Ebenen löschen (mindestens 1 erforderlich)

Animation

Guide lesen

Sprite-Animationen mit mehreren Frames erstellen.

  • +Frames hinzufügen, duplizieren und löschen
  • +Animationsvorschau abspielen/pausieren mit einstellbaren FPS (1–24)
  • +Zwiebelhaut: vorherigen Frame (rote Tönung) und nächsten Frame (blaue Tönung) beim Zeichnen sehen
  • +Frame-Dauer-Multiplikator (1x, 2x, 3x Halten)
  • +Einzelne Frames als PNG exportieren
  • +Alle Frames auf einmal exportieren

Projekte

Guide lesen

Organisiere deine Pixel-Art in eigenen Projekten.

  • +Lege persönliche Projekte für deine Sprites an
  • +Verfolge Aufgaben pro Projekt — weise dir Arbeit zu und liefere sie aus
  • +Aufgaben erstellen, Arbeit zuweisen und Artwork prüfen
  • +Designer-Rolle: zugewiesene Aufgaben zeichnen und zur Prüfung einreichen
  • +Zeichnungsstatus-Workflow: Entwurf → Zur Prüfung bereit → Freigegeben / Änderungen erforderlich
  • +Kommentare zu Zeichnungen für Feedback
  • +Versionsverlauf – jedes Speichern erstellt einen wiederherstellbaren Snapshot

Export & Integration

Guide lesen

Deine Kunst in deine Game-Engine bringen.

Einzelne PNGs

Jeden Frame als separate transparente PNG-Datei in nativer Auflösung exportieren.

PNG-Frame-Sequenz exportieren

Lade einzelne Frames oder strukturierte PNG-Frame-Sequenzen mit Zeilennummern und Frame-Namen aus der Timeline herunter.

Animierter GIF-Export

Exportiere die komplette Frame-Timeline als animiertes GIF mit FPS oder Dauer pro Frame.

Sprite Sheets

Phaser-kompatible Sprite-Sheet-Raster automatisch generieren. Frames von links nach rechts in Reihen angeordnet.

PNG importieren

Vorhandenes PNG-Artwork als neue Ebene in den Editor laden. Unterstützt 16x16 bis 128x128.

Produktivität

Rückgängig / Wiederholen

50-Schritt-Verlauf. Ctrl+Z zum Rückgängigmachen, Ctrl+Y zum Wiederholen. Funktioniert mit allen Werkzeugen.

32-Farben-Palette

Kuratierte Pixel-Art-Palette mit benutzerdefiniertem Farbwähler und Hex-Eingabe.

Jetzt ausprobieren

Alle Funktionen inklusive. Kostenlos starten.

Kostenloses Konto erstellen