CommunityImagemgithub.com

Pixel art no Aseprite

Desenha sprites, cenas, ícones e tiles em pixel art num ficheiro Aseprite aberto: tela, paleta, silhueta, volume e contorno, com revisão a cada passagem.

O que é Pixel art no Aseprite?

Skill de produção para pixel art parado no Aseprite. A tela segue o motivo, cada parte tem uma caixa em píxeis, cada objeto a sua camada e cada material uma rampa curta. Formas grandes usam ferramentas de forma. Rostos, mãos e adereços abaixo de cerca de 12 píxeis são colocados píxel a píxel. Uma só direção de luz vale para a peça inteira.

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

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

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação


name: pixel-art description: Use ao desenhar um sprite, cena, ícone ou tile de pixel-art estático no Aseprite com as ferramentas MCP aseprite: planejando tamanho e paleta, bloqueando formas, sombreando, contornando e verificando o resultado.

Desenhando pixel art com as ferramentas aseprite

1. Planeje antes de desenhar

  • Escolha o tamanho da tela pelo assunto. Use 16–32 px para um item ou ícone, 32–64 px para um personagem e 64–128 px ou mais para uma cena. Mantenha o tamanho que o usuário escolheu. Se o arquivo aberto for muito pequeno para o assunto, redimensione esse arquivo com resize_canvas; nunca inicie um novo arquivo (veja a habilidade aseprite-live).
  • Anote uma caixa de pixel para cada parte (x, y, w, h), por exemplo "monitor 14,9 36×27". Deixe uma margem de 1–2 px das bordas.
  • Coloque cada objeto em sua própria camada, nomeada conforme o que contém: sky, ground, tree, character. Camadas criadas depois ficam no topo.

2. Paleta primeiro

  • Construa uma rampa por material. Chame generate_color_ramp(base, steps=3-4) para cada um, ou use apply_palette_preset para um visual retrô. Mire em 8–16 cores no total.
  • Separe materiais vizinhos pela luminosidade, não apenas pelo matiz.
  • Escolha uma direção de luz (topo-esquerda por padrão) e mantenha-a para toda a peça.

3. Desenhe em passes, verificando após cada um

  1. Silhueta em cor plana. Use as ferramentas de forma (draw_rectangle_at, draw_ellipse_at, draw_polygon, fill_area_at, apply_gradient_rect) para formas grandes. Use draw_rows para qualquer coisa com menos de cerca de 12 px, como rostos, mãos, alças e pequenos adereços. Estes são desenhados pixel por pixel, nunca construídos a partir de formas.
  2. Cores planas. Preencha cada parte com sua cor base.
  3. Sombreamento. Coloque realces no lado iluminado e sombras no lado oposto e sob saliências. Sem sombreamento em almofada (centro claro com anel escuro). Sem pontilhamento ou anti-aliasing abaixo de 32 px.
  4. Contorno em uma cor escura, nunca mais clara que o preenchimento. outline_cel adiciona 1 px fora da forma; passe region= para um único objeto.
  5. Detalhes. Adicione realces, textura e pequenos adereços.

Após cada passo:

  • view_sprite (com region="x,y,w,h" para ampliar).
  • get_color_stats para capturar cores estranhas.
  • lint_sprite para encontrar pixels solitários e partes destacadas.

Corrija problemas antes de prosseguir. Se algo não ficar claro, mude a forma, não os detalhes.

Linhas limpas

  • Diagonais retas usam passos iguais (1-1-1 ou 2-2-2).
  • Curvas usam passos graduais (1, 2, 3, não 1, 3, 1).
  • Sem duplas em forma de L em linhas de 1 px e sem pixels solitários.
  • Objetos ficam totalmente em suas superfícies e as partes permanecem conectadas: uma alça toca sua caneca e as folhas crescem de seu vaso.

Referência rápida de 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"})

Um . deixa aquele pixel intocado. read_rows retorna pixels no mesmo formato, então você pode ler uma área, editar alguns caracteres e desenhar de volta.

Use run_lua_script apenas para o que nenhuma ferramenta dedicada cobre. Ele pode processar muitos pixels em uma única chamada, mas esconde o trabalho das verificações dedicadas.

Individual skills in this repo

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

Habilidades Relacionadas