Como transformar uma folha de sprites em pixel art em um GIF para o Divoom

Como transformar uma folha de sprites em pixel art em um GIF para o Divoom

Converter uma folha de sprites de pixel art em um GIF animado para sua tela Divoom envolve três etapas: escolher uma ferramenta para dividir os quadros, definir as dimensões do GIF exatamente de acordo com o painel de LED do seu dispositivo e importar o resultado pelo aplicativo Divoom. Não importa se você está trabalhando com um Pixoo-64 e sua grade de 64x64, um Pixoo Max com um painel de 128x128 ou um Ditoo-Pro com resolução de 16x16: o processo é o mesmo — apenas a quantidade de pixels de destino muda.

Você já passou um tempo desenhando cada quadro da sua folha de sprites. Agora quer vê-la animada em uma tela física. A boa notícia é que ferramentas como Aseprite, Piskel e até conversores online gratuitos podem fazer o trabalho. O que costuma causar problemas são as configurações de exportação, pois um GIF que funciona perfeitamente na tela de um computador pode falhar silenciosamente em um dispositivo Divoom se as dimensões, o número de quadros ou o tamanho do arquivo estiverem incorretos.

O vídeo acima mostra como é a pixel art em uma tela Divoom em uma configuração real de mesa. O restante deste artigo explica as etapas específicas para transformar sua folha de sprites de um PNG estático em um GIF animado que seu dispositivo possa reproduzir.

O que você precisa antes de começar

Antes de abrir qualquer ferramenta, certifique-se de ter estes quatro itens prontos:

  • Uma folha de sprites no formato PNG. Os quadros devem ser organizados em uma linha horizontal ou em uma grade uniforme, com todos os quadros tendo a mesma largura e altura em pixels.
  • Uma ferramenta de animação em pixel. Aseprite, Piskel ou um conversor online como o ezgif.com. A escolha depende de você querer um editor completo ou uma conversão única.
  • Seu dispositivo Divoom e a versão mais recente do aplicativo Divoom. O aplicativo gerencia a transferência do seu celular para a tela via Bluetooth ou Wi-Fi.
  • A resolução da tela do seu dispositivo. Este é o número mais importante. O GIF deve corresponder exatamente a ela.

Etapa 1 — Escolha sua ferramenta para folhas de sprites

Aseprite

O Aseprite é a ferramenta de animação em pixel art mais popular entre a comunidade de jogos independentes e pixel art. Custa cerca de US$ 20, mas oferece controle total sobre o tempo dos quadros, a técnica de onion skin e o gerenciamento de paletas.

Como importar uma folha de sprites: abra o Aseprite, vá para Arquivo → Importar folha de sprites, selecione seu arquivo PNG e insira a largura e a altura dos quadros. O Aseprite dividirá a folha em quadros individuais na linha do tempo.

Como exportar como GIF: Acesse Arquivo → Exportar, escolha GIF como formato, defina o intervalo entre os quadros (em milissegundos) e clique em Exportar. O arquivo gerado é um GIF89a padrão que o aplicativo Divoom consegue ler.

Piskel

O Piskel é um editor gratuito de pixel art baseado no navegador que funciona em piskelapp.com. Não requer instalação, o que o torna uma boa opção se você só precisa fazer isso uma vez.

Como importar uma folha de sprites: Clique no ícone de importação, escolha "Importar de arquivo" ou "Importar de URL" e defina o tamanho dos quadros. O Piskel dividirá a folha em quadros automaticamente.

Como exportar como GIF: Clique em Exportar → GIF, ajuste o controle deslizante da taxa de quadros e defina a escala. Baixe o arquivo quando estiver pronto.

Conversores online

Se você não precisa de um editor completo de animações e só quer converter uma PNG de folha de sprites em um GIF, ezgif.com/sprite-sheet-to-gif é a opção mais flexível. Envie sua PNG, informe a largura e a altura dos quadros, defina o intervalo entre os quadros e clique em "Criar um GIF". Não é necessária nenhuma conta.

Etapa 2 — Defina as dimensões corretas em pixels para o Divoom

É aqui que a maioria das conversões falha. Todo dispositivo Divoom tem um painel de LED fixo, e o GIF deve corresponder exatamente à resolução do painel. Um GIF de 256x256 não será exibido corretamente em um Pixoo-64 de 64x64 sem ser redimensionado antes.

Dispositivo Resolução da tela Tamanho dos pixels do GIF Conexão
Pixoo-64 64 x 64 LED 64 x 64 px WiFi + Bluetooth
Pixoo Max 128 x 128 LED 128 x 128 px WiFi + Bluetooth
Ditoo-Pro 16 x 16 LED 16 x 16 px Bluetooth

A regra essencial: redimensione o GIF para a resolução nativa do dispositivo antes de exportar. Se os quadros da sua folha de sprites tiverem 32x32 e você estiver usando um Pixoo-64, aumente-os para 64x64 usando interpolação pelo vizinho mais próximo (não bilinear ou bicúbica, que deixarão a pixel art borrada). A maioria das ferramentas de pixel art usa o vizinho mais próximo por padrão, mas confira a configuração.

A tela de 64x64 do Pixoo-64 é o tamanho mais versátil para animações com folhas de sprites na linha Divoom.

Etapa 3 — Configurações de exportação que funcionam

Depois que os quadros forem recortados e redimensionados, as configurações de exportação determinam se o aplicativo Divoom aceitará o arquivo. Estas são as configurações que funcionam de forma consistente:

  • Dimensões em pixels: Correspondam exatamente às do seu dispositivo (64x64, 128x128 ou 16x16).
  • Taxa de quadros: 8 a 12 quadros por segundo. Animações em pixel art parecem naturais com taxas de quadros mais baixas, e isso mantém o arquivo pequeno.
  • Paleta de cores: Reduza para 32 ou 64 cores. Paletas completas de 256 cores aumentam o tamanho do arquivo sem melhorar visualmente os painéis de LED.
  • Total de quadros: Mantenha o total abaixo de 30 quadros. Mais quadros significam um arquivo maior, e o aplicativo pode processar apenas o primeiro quadro se a quantidade for alta demais.
  • Tamanho do arquivo: Procure manter o arquivo abaixo de 5 MB. Arquivos com mais de 10 MB podem exceder o tempo limite durante a transferência por Bluetooth ou Wi-Fi.
  • Formato: GIF89a padrão. Não exporte como APNG ou WebP com uma extensão .gif.

Se o GIF exceder 5 MB após a exportação, abra-o em ezgif.com/optimize e reduza a quantidade de cores ou remova um quadro a cada dois. Essa compressão em duas etapas geralmente reduz o arquivo para menos de 5 MB sem perda visível de qualidade.

Etapa 4 — Importar o GIF para o aplicativo Divoom

Com o arquivo GIF salvo na galeria de fotos ou no gerenciador de arquivos do seu celular, o processo de importação é simples:

  1. Abra o aplicativo Divoom no seu dispositivo iOS ou Android.
  2. Selecione o dispositivo conectado na tela inicial.
  3. Acesse a seção Galeria ou Arte personalizada.
  4. Escolha "Importar" ou "Adicionar do álbum" e selecione o arquivo GIF.
  5. Visualize a animação no aplicativo para confirmar que todos os quadros são reproduzidos corretamente.
  6. Toque em "Enviar para o dispositivo" e aguarde a conclusão da transferência.

Se a animação for reproduzida no dispositivo, está tudo pronto. Se ela aparecer como uma imagem estática ou não for importada, o problema quase certamente é um dos erros comuns abaixo.

Erros comuns e como corrigi-los

Erro 1: Dimensões de pixel incorretas

Sintoma: O GIF é enviado, mas aparece cortado, esticado ou borrado no dispositivo.

Correção: Redimensione o GIF para a resolução exata do dispositivo antes de exportá-lo. Um GIF de 128x128 não caberá em um Pixoo-64 de 64x64 sem ser reduzido primeiro. Use o redimensionamento pelo vizinho mais próximo na ferramenta de pixel art para preservar as bordas nítidas.

Erro 2: Quadros demais ou arquivo muito grande

Sintoma: O aplicativo aceita o arquivo, mas exibe apenas o primeiro quadro, ou o envio trava sem mostrar progresso.

Correção: Reduza o número de quadros para 20 ou menos e comprima o arquivo para menos de 5 MB. Remova quadros desnecessários, reduza a paleta de cores ou aumente levemente o intervalo entre os quadros para diminuir o volume total de dados.

Erro 3: Folha de sprites não recortada corretamente

Sintoma: A animação GIF mostra quadros desalinhados, pixels extras nas bordas ou a parte errada de cada quadro.

Correção: verifique se a largura e a altura do quadro informadas na etapa de importação correspondem ao layout real do sprite sheet. Se sua planilha tiver 8 quadros de 64x64 pixels organizados horizontalmente, a largura total deverá ser de 512 pixels (8 × 64). Inserir o tamanho de corte incorreto fará com que todos os quadros fiquem desalinhados.

Comparativo de ferramentas gratuitas

Veja como as quatro ferramentas de sprite sheet mais comuns se comparam para este fluxo de trabalho específico:

Ferramenta Preço Plataforma Ideal para
Aseprite ~$20 Desktop Edição completa de animações
Piskel Gratuito Navegador Edição rápida no navegador
LibreSprite Gratuito Desktop Alternativa de código aberto
ezgif.com Gratuito Navegador Conversão pontual

Se você cria pixel art regularmente, vale a pena investir no Aseprite por seu editor de linha do tempo e gerenciamento de paleta. Para uma conversão pontual, o ezgif.com é o caminho mais rápido de um sprite sheet para um GIF pronto para Divoom.

Perguntas frequentes

Posso usar um sprite sheet horizontal ou vertical?

Sim. Tanto o Aseprite quanto o ezgif.com são compatíveis com layouts horizontais, verticais e em grade. Basta informar à ferramenta quantas colunas e linhas sua planilha tem ou inserir a largura e a altura de cada quadro.

Qual taxa de quadros funciona melhor para animações de pixel da Divoom?

De 8 a 12 quadros por segundo é o ponto ideal para pixel art em displays de LED. Taxas de quadros mais baixas mantêm o arquivo pequeno e dão uma aparência natural à pixel art. Taxas mais altas aumentam o tamanho do arquivo sem uma melhoria visível em um painel de 64x64 ou 16x16.

Posso usar um GIF maior que 64x64 no Pixoo-64?

Não. O Pixoo-64 tem um painel físico de LED de 64x64. Seu GIF precisa ter exatamente 64x64 pixels para ser exibido corretamente. Redimensione-o antes de exportá-lo da sua ferramenta de animação.

Onde posso encontrar o manual oficial do produto Divoom?

O manual oficial do produto Divoom está disponível em divoom.com/pages/product-manual. Se o problema de importação do GIF persistir após seguir as etapas acima, o manual poderá conter instruções específicas para solução de problemas do dispositivo.

Assim que seu GIF de sprite sheet estiver sendo reproduzido no seu display Divoom, você poderá explorar mais opções de arte personalizada em nosso guia completo para enviar arte personalizada para a Divoom. Se a importação falhar e você precisar solucionar o problema, nosso guia de solução de problemas de importação de GIFs aborda os pontos de falha mais comuns. Para ver mais opções de displays, explore a coleção de displays de pixels.

How to Store Photos Locally on Pixel Displays: A Privacy-Friendly Guide App Guide How to Store Photos Locally on Pixel Displays: A Privacy-Friendly Guide Learn how to store and display photos on Divoom pixel displays without cloud sync. Time... Pixoo-64 Node-RED + MQTT: Build Smarter Pixel Alerts App Guide Pixoo-64 Node-RED + MQTT: Build Smarter Pixel Alerts My smart-home alerts kept disappearing into phone notifications. This Node-RED and MQTT... Pixoo-64 + Home Assistant: crie um painel de casa inteligente em pixels App Guide Pixoo-64 + Home Assistant: crie um painel de casa inteligente em pixels O Divoom Pixoo-64 é um dos displays mais queridos da comunidade do Home Assistant. Este...
Voltar ao blog
Deixe um comentário

Por favor, note que os comentários precisam ser aprovados antes de serem publicados.