Sim, você pode criar suas próprias animações em pixel art para um display Divoom, e o processo é mais simples do que parece. Criar suas próprias animações não se resume a preencher uma tela — trata-se de transformar um display genérico em um companheiro pessoal de pixels que conta a sua história na sua mesa. Todo o fluxo de trabalho se resume a cinco etapas: combinar o tamanho da tela com o dispositivo, escolher uma ferramenta de animação, desenhar os quadros, exportar um GIF e importá-lo pelo aplicativo Divoom. Seja você proprietário de um Pixoo-64 com seu painel de LED de 64×64, de um Pixoo Max de 32×32 ou de um Ditoo Pro de 16×16, os mesmos princípios quadro a quadro se aplicam. Este guia explica cada etapa com recomendações específicas de ferramentas, orientações sobre taxa de quadros e o processo exato de importação pelo aplicativo.
O vídeo acima mostra toda a jornada, desde a tela em branco até o display funcionando. O criador constrói uma animação de um crânio girando em uma grade de 64×64, exporta o arquivo e o envia para um Pixoo-64 usando o aplicativo Divoom. A mesma abordagem funciona para animações mais simples em grades menores.
O Que É Animação em Pixel Art?
A animação em pixel art é a arte de sequenciar quadros de pixel desenhados à mão para criar a ilusão de movimento. Cada quadro é uma imagem estática desenhada no nível do pixel e, quando você os reproduz em uma velocidade constante, seu cérebro preenche as lacunas. De acordo com a definição de pixel art da Wikipédia, ela é "uma forma de arte digital desenhada com software gráfico, em que as imagens são construídas usando pixels como único elemento básico". Animar simplesmente significa desenhar várias dessas imagens em pixel e reproduzi-las em sequência.
Nos displays Divoom, o resultado final é um arquivo GIF. O aplicativo Divoom lê o GIF, extrai cada quadro e os envia ao painel de LED na velocidade que você definir. Como o display usa LEDs físicos em vez de uma tela, cada pixel fica claramente visível, dando à animação em pixel art uma qualidade tátil e luminosa que as ferramentas baseadas em tela não conseguem reproduzir.
Combine o Tamanho da Tela com o Seu Dispositivo Divoom
Antes de desenhar um único pixel, você precisa saber o tamanho da sua tela. Os displays Divoom vêm em três tamanhos principais de grade, e cada um determina que tipo de animação é viável.
O Pixoo-64 oferece uma grade de 64×64 — 4.096 pixels no total. Essa é a maior tela da linha Pixoo e permite criar personagens detalhados, cenas com vários elementos e rotações suaves. Se você quiser animar um personagem caminhando por uma pequena paisagem ou um mostrador de relógio com engrenagens em movimento, este é o display que dá conta do recado.
O Pixoo Max fica no meio-termo, com uma grade de 32×32 — 1.024 pixels. É um bom equilíbrio entre detalhe e simplicidade. Logos, ícones quicando e loops curtos de personagens funcionam bem aqui. Você não conseguirá incluir tantos detalhes quanto em uma tela de 64×64, mas também precisará de menos quadros para preencher o espaço de forma convincente.
O Ditoo Pro tem uma grade de 16×16 — apenas 256 pixels. É aqui que a economia de pixels mais importa. Cada pixel é precioso, e a legibilidade vem de silhuetas claras, não de detalhes minuciosos. Movimentos simples funcionam melhor: um olho piscando, uma bola quicando, uma mudança de cor, um ícone de clima que muda de sol para chuva. Uma tela de 16×16 pode precisar de apenas quatro a seis quadros para criar um loop convincente, enquanto uma tela de 64×64 pode precisar de doze a vinte e quatro quadros para obter a mesma fluidez.
Escolha sua ferramenta de animação
Você tem quatro opções realistas para criar animações em pixel art, e a escolha certa depende da sua plataforma, do seu orçamento e do nível de controle que deseja.
Aseprite é a ferramenta de animação em pixel art mais popular entre desenvolvedores de jogos independentes e entusiastas de pixel art. Custa cerca de US$ 20 e funciona no Windows, Mac e Linux. Você tem uma linha do tempo de verdade, pele de cebola (visualização dos quadros anterior e seguinte como fantasmas), gerenciamento de paleta e exportação direta para GIF. Se você pretende criar animações regularmente, o Aseprite é a ferramenta que acompanhará seu crescimento. Saiba mais ou baixe o programa no site oficial do Aseprite. Para ver um guia detalhado sobre como exportar especificamente do Aseprite para o Divoom, confira nosso tutorial de exportação do Aseprite para o Divoom.
Piskel é uma alternativa gratuita que funciona no navegador. Você não precisa instalar nada, e ele oferece edição quadro a quadro, pele de cebola e exportação para GIF. É mais lento que o Aseprite em telas maiores, mas, para experimentar animação sem gastar dinheiro, é difícil encontrar opção melhor. Acesse piskelapp.com para começar a desenhar imediatamente.
O Procreate no iPad não é uma ferramenta dedicada a pixel art, mas o recurso Assistência de Animação funciona bem para criar animações quadro a quadro. Cada grupo de camadas se torna um único quadro, e você pode percorrer a linha do tempo para conferir seu progresso. Se você já tem um iPad e o Procreate, este é um ponto de partida natural. O vídeo incorporado acima demonstra um fluxo de trabalho completo do Procreate para o Divoom.
O editor integrado do aplicativo Divoom é a opção mais simples. Ele é gratuito, está disponível para iOS e Android e não exige software externo. As ferramentas de edição são básicas, mas são suficientes para animações simples, como um ícone que muda de cor ou uma piscada de dois quadros. Essa também é a maneira mais rápida de passar da ideia à tela, pois você elimina totalmente as etapas de exportação e upload.
Defina a taxa de quadros
A taxa de quadros determina quantas imagens são reproduzidas a cada segundo e tem um impacto maior na sensação da sua animação do que qualquer outra configuração. A maioria das animações em pixel art fica melhor a 8 a 12 quadros por segundo (FPS). Doze FPS é um ponto de partida comum porque corresponde a uma técnica chamada "animar em dois" — você desenha um novo quadro a cada duas posições na taxa padrão de 24 FPS do cinema, o que proporciona movimentos suaves sem dobrar seu trabalho.
Taxas de quadros mais baixas (4 a 8 FPS) criam uma sensação irregular e retrô que pode funcionar para certos estilos, especialmente em grades pequenas de 16×16, nas quais há menos pixels para mover. Taxas de quadros mais altas (15+ FPS) produzem movimentos mais suaves, mas exigem mais quadros, arquivos GIF maiores e mais tempo de desenho. Para as telas Divoom, de 8 a 12 FPS é o ponto ideal, porque os painéis de LED são atualizados de forma diferente das telas, e as grades de pixels são pequenas o suficiente para que taxas de quadros mais altas não acrescentem muita suavidade visível.
Dica rápida: O que mais importa é a sensação do movimento, não o número no controle deslizante. Teste sua animação a 8 FPS e 12 FPS lado a lado — se você não conseguir notar a diferença, escolha a taxa de quadros mais baixa e economize tempo de desenho.
Para uma análise aprofundada sobre como escolher a taxa de quadros certa para diferentes tipos de animação, leia nosso guia sobre taxa de quadros para animações em pixel art.
Desenhe sua animação quadro a quadro
Assim que sua tela estiver configurada e sua ferramenta pronta, o desenho propriamente dito começa. O processo é o mesmo, seja para criar uma piscada de quatro quadros ou um ciclo de caminhada de vinte e quatro quadros. Em computação gráfica, cada quadro às vezes é chamado de sprite — uma imagem bidimensional que é composta em uma cena maior. Nas telas Divoom, toda a sua animação fica dentro dessa única grade de sprites.
Etapa 1: planeje sua animação. Antes de desenhar, decida o que vai se mover e como. Esboce mentalmente ou no papel as poses-chave. Em uma animação em loop, identifique as posições inicial e final — elas precisam coincidir. Uma bola quicando segue um arco simples: topo, meio, baixo, meio, topo. Um crânio girando tem as vistas frontal, lateral e traseira. Planejar evita que você precise redesenhar os quadros depois.
Etapa 2: desenhe os quadros-chave. Essas são as posições mais importantes da sua animação. Em um ciclo de caminhada, são a pose de contato (quando o pé toca o chão) e a pose de passagem (no meio da passada). Em uma rotação, desenhe primeiro as vistas frontal, lateral e traseira. Não se preocupe com a suavidade ainda — acerte as posições-chave.
Etapa 3: preencha os quadros intermediários. Adicione quadros entre os quadros-chave para criar transições suaves. Use a sobreposição de quadros para ver os quadros anterior e seguinte como silhuetas fantasmagóricas, o que ajuda a manter as proporções consistentes. O número de quadros intermediários determina a suavidade do movimento — mais quadros significam uma animação mais suave, porém mais lenta.
Etapa 4: aplique a aceleração e a desaceleração. Na vida real, os objetos não se movem em velocidade constante. Eles começam devagar, aceleram e desaceleram novamente antes de parar. Na pixel art, isso significa mover o objeto de 1 a 2 pixels por quadro no início e no fim do movimento, e de 8 a 9 pixels por quadro no meio. Essa técnica, chamada de aceleração e desaceleração progressivas, é a maior diferença entre uma animação amadora e uma animação convincente.
Etapa 5: adicione a animação secundária. Os elementos da cena devem reagir ao movimento principal. Se um personagem pula, o cabelo ou a roupa deve acompanhar com atraso e se acomodar após a aterrissagem. Se uma bola bate no chão, partículas de poeira podem subir. Essa relação de causa e efeito faz a animação parecer viva, em vez de mecânica.
Etapa 6: verifique o impacto e o efeito de arrasto. Para movimentos rápidos, como um golpe de espada ou um soco, não desenhe cada quadro individualmente. Dois ou três quadros são suficientes para algo que se move tão rápido. Para transmitir a velocidade, use o efeito de arrasto — estique o objeto, criando um borrão de cor que mostre a direção. Pense nisso como um desfoque de movimento para pixel art. Use com moderação, apenas nos quadros mais rápidos.
Faça o loop parecer contínuo
Uma animação em loop é reproduzida continuamente sem um salto visível. O segredo é simples: o último quadro precisa voltar suavemente ao primeiro. Se o seu personagem terminar um pixel à esquerda de onde começou, o loop vai dar um salto.
Para testar seu loop, reproduza a animação na taxa de quadros desejada e observe a transição do último quadro para o primeiro. Se notar um salto, ajuste as posições dos pixels no último quadro até que ele corresponda ao primeiro. Para movimentos circulares, como o de um objeto girando, o último quadro deve estar um passo antes do primeiro — não ser uma duplicata dele. Para movimentos de quique, o último quadro deve espelhar o segundo quadro, para que o quique seja revertido naturalmente.
Alguns tipos de loop são mais fáceis que outros. Uma mudança de cor (do sol para a lua e de volta) é a mais simples, porque a posição não importa. Uma bola quicando vem em seguida, porque o movimento é simétrico. Um ciclo de caminhada é mais difícil, porque os membros precisam retornar às posições iniciais. Comece com uma animação simples de quatro quadros de uma bola quicando ou de mudança de cor antes de tentar animar um personagem.
Exporte como GIF
Quando sua animação estiver concluída, exporte-a como um arquivo GIF. GIF é o formato aceito pelo aplicativo Divoom para pixel art animada. Lembre-se destas configurações:
- Tamanho da tela: Deve corresponder exatamente à grade do seu dispositivo — 64×64, 32×32 ou 16×16. Se a tela for maior, reduza-a antes de exportar.
- Atraso entre quadros: Para 12 FPS, defina o atraso para aproximadamente 83 milissegundos (1/12 de segundo). A maioria das ferramentas permite especificar isso na janela de exportação.
- Paleta de cores: O GIF oferece suporte a no máximo 256 cores. Use cores comuns e evite gradientes sutis, que o formato GIF irá pontilhar e que podem parecer granulados em um painel de LED.
- Tamanho do arquivo: Mantenha-o abaixo de 1 MB para garantir um carregamento confiável pelo aplicativo Divoom. Menos quadros e tamanhos de tela menores produzem naturalmente arquivos menores.
- Loop: Configure o GIF para repetir infinitamente (contagem de loops = 0 na maioria das ferramentas de exportação).
Se você já tem um sprite sheet — uma única imagem contendo todos os quadros organizados em uma grade — pode convertê-lo em um GIF animado usando ferramentas como o Aseprite ou conversores online. Consulte nosso guia sobre como transformar um sprite sheet em GIF para o Divoom para ver instruções passo a passo.
Importe sua animação para o aplicativo Divoom
Depois de obter o arquivo GIF, a etapa final é colocá-lo no seu display. O aplicativo Divoom cuida desse processo:
- Abra o aplicativo Divoom no seu celular e certifique-se de que o dispositivo esteja conectado via Bluetooth ou Wi-Fi.
- Toque no botão Galleria (o ícone de cubo na parte inferior central da tela).
- Toque no ícone de mais (+) para criar uma nova entrada.
- Selecione "Converter animações" para carregar o arquivo GIF do armazenamento do seu celular.
- O aplicativo processa o GIF e mostra uma prévia de como ele ficará no seu display.
- Atribua a animação a um canal personalizado — Personalizado 1, 2 ou 3. Cada canal funciona como uma playlist, e você pode misturar sua animação com outras artes.
- Envie para o seu dispositivo. A animação aparecerá na sua tela em poucos segundos.
Se você encontrar problemas durante o upload — como o GIF não ser importado ou aparecer distorcido — verifique se as dimensões da tela correspondem exatamente à grade do seu dispositivo e se o tamanho do arquivo é inferior a 1 MB. Para obter instruções gerais de upload de artes (imagens estáticas, fotos e outros tipos de arquivo), consulte nosso guia sobre como fazer upload de artes personalizadas para a Divoom. Para solucionar problemas específicos do dispositivo, o manual de produtos Divoom contém detalhes de configuração e conexão para todos os modelos.
Em qual tela Divoom devo fazer minhas animações?
Se você está escolhendo especificamente uma tela Divoom para animação, veja como os três modelos se comparam:
| Recurso |
Pixoo-64 Grande tela para liberdade criativa
|
Pixoo Max Equilíbrio entre os extremos
|
Ditoo Pro Modo compacto de desafio
|
|---|---|---|---|
| Tamanho da grade | 64×64 (4.096 px) | 32×32 (1.024 px) | 16×16 (256 px) |
| Melhor estilo de animação | Personagens detalhados, cenários, rotações | Logotipos, ícones, loops curtos | Piscadas, quicadas, mudanças de cor |
| Quadros para um loop suave | 12–24 | 8–12 | 4–6 |
| Nível de dificuldade para iniciantes | Média — mais espaço, mas também mais trabalho | Baixa — um bom ponto de partida | Alta — cada pixel importa |
Se você está começando na animação, o Pixoo Max de 32×32 é o ponto de entrada mais fácil — pixels suficientes para criar uma arte reconhecível, mas não tantos a ponto de você se sentir sobrecarregado. O Pixoo-64 é ideal se você já tem alguma experiência com desenho e quer liberdade criativa. O Ditoo Pro é um desafio divertido para animadores minimalistas que gostam de trabalhar com limitações rigorosas.
Perguntas frequentes
Quantos quadros preciso para uma animação de pixel art em uma tela Divoom?
Para uma tela de 16×16, como a do Ditoo Pro, geralmente 4 a 6 quadros são suficientes para um loop suave. Para um Pixoo Max de 32×32, use de 8 a 12 quadros. Para um Pixoo-64 de 64×64, de 12 a 24 quadros proporcionarão um movimento suave. Comece com menos quadros e adicione mais apenas se a animação parecer travada. Para obter orientações detalhadas sobre a taxa de quadros, consulte nosso guia de taxa de quadros.
Posso usar IA para animar pixel art para a Divoom?
Existem ferramentas de animação de pixel art assistidas por IA, mas elas ainda estão em estágio inicial de desenvolvimento e frequentemente produzem resultados inconsistentes nos pequenos tamanhos de tela exigidos pelos dispositivos Divoom. Por enquanto, criar manualmente quadro a quadro oferece mais controle e resultados mais previsíveis. Se quiser experimentar, use a IA para gerar quadros estáticos de pixel art e depois monte-os manualmente no Aseprite ou no Piskel.
Por que meu GIF não é importado para o app Divoom?
As causas mais comuns são incompatibilidade no tamanho da tela, arquivo com mais de 1 MB ou quadros demais. Verifique se as dimensões do seu GIF correspondem exatamente à grade do dispositivo (64×64, 32×32 ou 16×16). Reduza o número de quadros ou a quantidade de cores se o arquivo for grande demais. Se o app travar durante a importação, tente fechar outros apps no celular para liberar memória antes de tentar novamente.
Posso animar diretamente no app Divoom sem ferramentas externas?
Sim. O app Divoom tem um editor de pixel art integrado que permite criar animações quadro a quadro. Ele é básico em comparação com o Aseprite ou o Piskel, mas funciona para animações simples, como mudanças de cor, olhos piscando ou ícones quicando. A vantagem é que você elimina completamente as etapas de exportação e envio — o que você desenha vai diretamente para o display.
Qual é o melhor tamanho de tela para iniciantes em animação de pixel art?
32×32 é o melhor ponto de partida para iniciantes. Essa resolução oferece pixels suficientes para criar uma arte reconhecível sem os detalhes excessivos de 64×64 ou a restrição extrema de 16×16. O Pixoo Max é o display que corresponde a esse tamanho de tela. Quando você estiver à vontade, poderá aumentar para o Pixoo-64 ou diminuir para o Ditoo Pro.
Continue aprendendo
Comece com um loop simples de quatro quadros — uma bola quicando, um olho piscando ou um ícone que muda de cor. Quando isso parecer natural, avance para a animação de personagens e sequências mais longas. Aqui estão recursos mais detalhados sobre subtópicos específicos:
- Guia sobre taxa de quadros para animação em pixel art — quantos quadros e FPS você realmente precisa
- Transforme uma sprite sheet em GIF para a Divoom — convertendo sprite sheets existentes
- Exporte pixel art do Aseprite para a Divoom — fluxo de exportação detalhado do Aseprite
- Como enviar artes personalizadas para a Divoom — processo geral de envio de imagens e GIFs
- Encontre, salve e aplique modelos do app Divoom — usando designs da comunidade como inspiração
As ferramentas e técnicas deste guia funcionam em todos os displays de pixels da Divoom. O que importa não é o tamanho da sua tela nem o custo do seu software — é o tempo que você dedica para fazer cada quadro ficar perfeito. Escolha sua tela, pegue uma ferramenta e comece a desenhar seu primeiro quadro. O resultado será uma animação memorável e exclusivamente sua, brilhando sobre sua mesa como um companheiro de pixels que você criou do zero.