Como evitar mudanças de cor ao exportar animações de personagens em pixel art como GIF

O GIF armazena as cores dos pixels em tabelas de cores com até 256 entradas cada. Ele aceita uma tabela global e tabelas locais associadas a imagens individuais, portanto uma animação não está necessariamente limitada a 256 cores durante toda a sua duração. Ainda assim, cada imagem codificada usa uma tabela ativa limitada. Essas regras vêm da especificação original GIF89a.

Quando a fonte contém cores que a paleta de exportação escolhida não consegue representar, o exportador precisa mapeá-las para as entradas disponíveis. O Aseprite identifica especificamente sprites RGB com cores demais, mesclagem de camadas, áreas desfocadas e brilhos como possíveis causas de mudanças de cor em GIFs. Sua recomendação prática é usar menos de 256 cores em sprites RGB ou trabalhar diretamente no modo Indexado. Consulte a explicação do Aseprite sobre mudanças de cor na exportação de GIF.

Uma paleta curta no painel de cores não prova que a arte usa apenas aquelas cores. No modo RGB do Aseprite, os pixels podem conter cores que não aparecem na paleta exibida. O modo Indexado restringe a pintura às entradas da paleta. Essa distinção é explicada em A Barra de Cores e as Paletas.

Antes de alterar as configurações de exportação, salve uma cópia separada da animação para exportar. Escolha várias cores de referência: o preenchimento principal do corpo, o contorno mais escuro, um realce e qualquer cor de destaque que apareça apenas em um quadro posterior.

Use a sequência de diagnóstico a seguir. Estes são pontos de partida para a solução de problemas, baseados no comportamento documentado, e não diagnósticos definitivos feitos apenas pela aparência.

O que você observa	O que verificar primeiro	Comparação útil
Um preenchimento uniforme tem um valor RGB diferente após a exportação	Seleção da paleta e redução de cores	Amostre um pixel opaco no interior antes e depois da exportação
As cores mudam entre as poses	Se a paleta inclui cores de todos os quadros	Compare o mesmo preenchimento pretendido em várias poses
Apenas a silhueta tem uma franja clara ou escura	Transparência parcial e configurações de fosco	Visualize sobre fundos claros e escuros
O GIF parece diferente entre aplicativos	Interpretação do perfil de cores e configurações de exibição	Reabra o GIF no editor de origem e compare os valores
Surgem novos pontos em áreas sólidas	Pontilhamento na exportação	Exporte outra cópia com o pontilhamento desativado

Compare quadros renderizados equivalentes, não pixels sem relação na mesma coordenada da tela depois que o personagem se move. Mantenha o fundo e o zoom consistentes ao avaliar a aparência. Registre se os números RGB mudaram, se a aparência mudou ou se ambos mudaram; essa distinção determina a próxima etapa.

Para um personagem criado com cores consistentes, use uma única paleta deliberada que cubra todas as poses. Inclua cores que só aparecem durante o movimento, como uma expressão alternativa, um realce de acessório ou um tom diferente na parte inferior. Uma paleta criada apenas a partir do primeiro quadro pode deixá-las de fora.

Esta é uma recomendação de fluxo de trabalho, não uma exigência de que todo GIF use uma paleta global. Paletas locais são válidas no formato. A vantagem de uma paleta compartilhada é que você pode inspecionar um único conjunto definido de cores e verificar se todos os quadros se encaixam nele.

No Aseprite, inspecione a arte no modo RGB antes de converter uma cópia para exportação ao modo Indexado. Os pixels indexados fazem referência a entradas da paleta, e editar uma entrada altera todos os pixels que a referenciam. Camadas transparentes também exigem um índice transparente designado, geralmente o índice 0. Consulte a documentação do Aseprite sobre modos de cor.

Para um GIF transparente que use uma única tabela compartilhada, reserve no máximo 255 cores opacas mais uma entrada transparente. Isso decorre da capacidade da tabela de 256 entradas e do uso de um índice da paleta pelo GIF para a transparência. Uma animação opaca pode usar as 256 entradas para cores visíveis. Consulte as definições de tabela de cores e transparência do GIF89a.

Por exemplo, suponha que toda a sua animação use 24 cores opacas distintas. Adicionar uma entrada transparente exige 25 entradas, então a capacidade da paleta é suficiente. Isso não prova que o exportador selecionou exatamente essas 24 cores: inspecione a tabela resultante e amostre os pixels de referência. Se faltar um realce, corrija a paleta antes de converter novamente.

Os perfis de cores especificam como os valores RGB devem ser interpretados. A documentação do Aseprite identifica o sRGB como o espaço de cores geralmente usado em imagens para a internet e oferece controles de gerenciamento de cores em Editar > Preferências > Cor. Para uma animação destinada à visualização comum na web, preparar a cópia para exportação em sRGB é um ponto de partida prático. Consulte a documentação do Aseprite sobre perfis de cores.

Se sua fonte usa outro perfil conhecido, diferencie Converter de Atribuir. Na janela Sprite > Propriedades do Aseprite, Atribuir mantém os valores dos pixels e altera sua interpretação. Converter ajusta os valores dos pixels entre espaços de cores para preservar a aparência o máximo possível dentro dos limites da conversão. As duas operações são descritas em Propriedades do Sprite.

Faça qualquer conversão de perfil necessária antes de finalizar a paleta de exportação e, em seguida, obtenha novas amostras de referência. Caso contrário, você pode confundir uma conversão intencional de valores RGB com um erro posterior na exportação do GIF. Se o perfil da fonte for desconhecido, determine como a arte original deveria ser interpretada antes de atribuir perfis diferentes repetidamente.

A transparência do GIF identifica um índice da paleta cujos pixels deixam inalterado o que já está sendo exibido; ela não armazena uma faixa independente de valores alfa para cada pixel. Por isso, as bordas parcialmente transparentes do personagem exigem uma decisão explícita na exportação. O comportamento subjacente é definido na especificação GIF89a.

Para arte em pixel art com bordas nítidas, inspecione o contorno e remova a opacidade parcial indesejada da cópia para exportação. Mantenha cada pixel de borda pretendido totalmente opaco e cada pixel vazio totalmente transparente. Assim, a silhueta faz parte deliberadamente do desenho, em vez de ser resultado de uma decisão de conversão.

Se o personagem tiver bordas suaves intencionais, escolha o tratamento do fundo antes de exportar. A Adobe explica que as configurações de fosco mesclam pixels parcialmente transparentes com uma cor selecionada; combinar esse fosco com um fundo sólido conhecido pode fazer a borda se integrar a ele. Um fosco preparado para um fundo pode continuar visível em outro. Consulte as orientações do Adobe Animate sobre transparência e fosco.

Visualize a borda exportada sobre fundos claros e escuros. Se as cores internas corresponderem, mas a franja mudar visivelmente, volte às configurações de opacidade e fosco antes de recriar a paleta do corpo.

Comece com o pontilhamento de exportação desativado para arte em pixel art com cores uniformes. A Adobe explica que o pontilhamento simula cores indisponíveis e que imagens compostas principalmente por cores sólidas podem funcionar bem sem ele. Gradientes talvez exijam outro equilíbrio. Desative também a opção Ajuste para a Web, quando disponível: ela desloca deliberadamente as cores para equivalentes da paleta da Web. Consulte as opções de otimização de GIF do Adobe Animate.

Use essa configuração como ponto de partida e, em seguida, inspecione o resultado. Se desativar o pontilhamento revelar grandes áreas de cores substituídas, corrija a cobertura da paleta em vez de acrescentar imediatamente um padrão sobre a divergência. Mantenha qualquer textura de pixel que você tenha desenhado intencionalmente separada do pontilhamento adicional introduzido durante a conversão.

Se o exportador oferecer proteção de cores exatas, confira as condições. A opção documentada preserveExactColors do Photoshop protege, contra o pontilhamento por difusão, as cores já presentes na tabela de cores; ela não acrescenta à tabela cores ausentes. Consulte a referência das opções de salvamento de GIF da Adobe.

Depois de exportar, abra o GIF como um novo documento. Não confie apenas na prévia da janela de exportação. A documentação do Aseprite explica como abrir um GIF e salvar seus quadros como uma sequência PNG, oferecendo outra maneira de inspecionar quadros individuais. Consulte as perguntas frequentes do Aseprite.

Faça esta verificação final:

1. Compare as cores de referência na cópia preparada para exportação com as do GIF reaberto.
2. Inspecione todos os quadros que contenham uma cor ausente na pose inicial.
3. Verifique separadamente os pixels opacos internos e as bordas transparentes.
4. Reproduza o loop completo e procure mudanças indesejadas nos preenchimentos ou realces.
5. Visualize o GIF no tamanho e sobre o fundo pretendidos.

Se o valor RGB de um preenchimento opaco for diferente, volte ao mapeamento da paleta ou à conversão do perfil. Se o valor corresponder, mas a aparência mudar entre aplicativos, investigue a interpretação da exibição antes de repintar. Altere uma configuração por exportação de teste para identificar qual ajuste ajudou.

Mantenha separados o arquivo mestre editável, a cópia preparada para exportação e o GIF final. Um processo de exportação repetível começa com cores de origem conhecidas, explicita as decisões sobre paleta e transparência e termina com uma comparação após reabrir o arquivo. Isso oferece uma maneira concreta de preservar a aparência pretendida do personagem e identificar qualquer concessão restante.

• Especificação GIF89a — CompuServe, hospedada pelo W3C
• Perguntas frequentes — Aseprite
• A Barra de Cores e as Paletas — Aseprite
• Modo de Cor — Aseprite
• Perfil de Cor — Aseprite
• Propriedades do Sprite — Aseprite
• Opções de exportação de imagem e GIF animado — Adobe Animate
• Opções de Salvamento de GIF — documentação para desenvolvedores do Adobe Photoshop