CommunityBildgithub.com

Aseprite Pixelgrafik

Zeichnet Pixel-Sprites, Szenen, Icons und Tiles in einer offenen Aseprite-Datei: Leinwand, Palette, Silhouette, Volumen und Kontur, mit Kontrolle nach jedem Durchgang.

Was ist Aseprite Pixelgrafik?

Produktions-Skill für stehendes Pixel-Art in Aseprite. Die Leinwand folgt dem Motiv, jedes Teil bekommt eine Pixelbox, jedes Objekt eine eigene Ebene, jedes Material eine kurze Farbrampe. Große Formen nutzen Formwerkzeuge. Gesichter, Hände und Props unter etwa 12 Pixeln werden Pixel für Pixel gesetzt. Eine Lichtrichtung gilt für das ganze Bild.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/OpenScaleOrg/Aseprite-Plugin/tree/HEAD/plugins/aseprite/skills/pixel-art

Installed? Explore more Bild skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation


name: pixel-art description: Verwenden Sie dies, um ein statisches Pixel-Art-Sprite, eine Szene, ein Symbol oder eine Kachel in Aseprite mit den Aseprite-MCP-Werkzeugen zu zeichnen: Planung der Größe und Palette, Blockieren von Formen, Schattieren, Umranden und Überprüfen des Ergebnisses.

Pixel-Art mit den Aseprite-Werkzeugen zeichnen

1. Vor dem Zeichnen planen

  • Wählen Sie die Leinwandgröße je nach Motiv. Verwenden Sie 16–32 px für einen Gegenstand oder ein Symbol, 32–64 px für eine Figur und 64–128 px oder mehr für eine Szene. Behalten Sie die vom Benutzer gewählte Größe bei. Wenn die geöffnete Datei für das Motiv zu klein ist, ändern Sie die Größe dieser Datei mit resize_canvas; starten Sie niemals stattdessen eine neue Datei (siehe die aseprite-live-Fertigkeit).
  • Notieren Sie für jeden Teil eine Pixelbox (x, y, b, h), z. B. „Monitor 14,9 36×27". Lassen Sie einen Rand von 1–2 Pixeln zu den Kanten.
  • Legen Sie jedes Objekt auf eine eigene Ebene, benannt nach dem, was es enthält: sky, ground, tree, character. Später erstellte Ebenen liegen oben.

2. Zuerst die Palette

  • Erstellen Sie eine Rampe pro Material. Rufen Sie generate_color_ramp(base, steps=3-4) für jedes auf, oder verwenden Sie apply_palette_preset für einen Retro-Look. Streben Sie insgesamt 8–16 Farben an.
  • Trennen Sie benachbarte Materialien nach Helligkeit, nicht nur nach Farbton.
  • Wählen Sie eine Lichtrichtung (standardmäßig oben links) und behalten Sie diese für das gesamte Stück bei.

3. In Durchgängen zeichnen, nach jedem überprüfen

  1. Silhouette in einer Volltonfarbe. Verwenden Sie die Formwerkzeuge (draw_rectangle_at, draw_ellipse_at, draw_polygon, fill_area_at, apply_gradient_rect) für große Formen. Verwenden Sie draw_rows für alles unter etwa 12 px, wie Gesichter, Hände, Griffe und kleine Requisiten. Diese werden Pixel für Pixel gezeichnet, niemals aus Formen aufgebaut.
  2. Grundfarben. Füllen Sie jeden Teil mit seiner Grundfarbe.
  3. Schattierung. Setzen Sie Glanzlichter auf die beleuchtete Seite und Schatten auf die abgewandte Seite und unter Überhänge. Keine Kissen-Schattierung (ein heller Mittelpunkt mit einem dunklen Rand). Kein Dithering oder Anti-Aliasing unter 32 px.
  4. Umrandung in einer dunklen Farbe, niemals heller als die Füllung. outline_cel fügt 1 px außerhalb der Form hinzu; übergeben Sie region= für ein einzelnes Objekt.
  5. Details. Fügen Sie Glanzlichter, Textur und kleine Requisiten hinzu.

Nach jedem Durchgang:

  • view_sprite (mit region="x,y,b,h" zum Vergrößern).
  • get_color_stats, um falsche Farben zu finden.
  • lint_sprite, um einzelne Pixel und abgetrennte Teile zu finden.

Beheben Sie Probleme, bevor Sie fortfahren. Wenn etwas nicht lesbar ist, ändern Sie die Form, nicht die Details.

Saubere Linien

  • Gerade Diagonalen verwenden gleiche Schritte (1-1-1 oder 2-2-2).
  • Kurven verwenden allmähliche Schritte (1, 2, 3, nicht 1, 3, 1).
  • Keine L-förmigen Doppel bei 1-Px-Linien und keine einzelnen Pixel.
  • Objekte stehen vollständig auf ihren Oberflächen und Teile bleiben verbunden: Ein Griff berührt seine Tasse und Blätter wachsen aus ihrem Topf.

Kurzreferenz für draw_rows

draw_rows(filename, layer_name="mug", frame_index=1, x=47, y=38,
          rows=["wCCCw..", "WWWWWhh", "WRRRW.h", "WWWWWhh", "wWWWw.."],
          legend={"W": "#ECECF4", "w": "#C8C8D8", "C": "#4A2E1C", "R": "#D05050", "h": "#C8C8D8"})

Ein . lässt dieses Pixel unberührt. read_rows gibt Pixel im selben Format zurück, sodass Sie einen Bereich lesen, ein paar Zeichen bearbeiten und ihn zurückzeichnen können.

Verwenden Sie run_lua_script nur für das, was kein spezielles Werkzeug abdeckt. Es kann viele Pixel in einem Aufruf bündeln, aber es verbirgt die Arbeit vor den speziellen Prüfungen.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

Verwandte Skills