Como fazer um GIF no Illustrator: fluxos de trabalho estáticos e animados

O Adobe Illustrator pode exportar arte como GIF estático por meio de Arquivo → Exportar → Salvar para Web (Legado). O Illustrator não é um editor de animação de linha do tempo, portanto, um GIF animado com vários quadros normalmente requer um segundo aplicativo, como Photoshop ou Adobe Animate. O fluxo de trabalho limpo é projetar os quadros no Illustrator, exportá-los de forma consistente e depois montar a animação.

Exportar um GIF estático do Illustrator

1. Finalize a arte e salve um editável .ai copiar.
2. Defina a prancheta para a proporção final e remova objetos fora da área de exportação.
3. Escolha Arquivo → Exportar → Salvar para Web (Legado).
4. Selecione GIF, visualize a redução de cor e escolha uma configuração de transparência e fosco adequada ao destino.
5. Compare a qualidade da imagem com o tamanho do arquivo e salve o arquivo otimizado.

GIF suporta uma paleta limitada, então gradientes e fotografias podem desenvolver faixas. O pontilhamento pode disfarçar as bandas, mas pode aumentar o tamanho do arquivo. Logotipos, ícones, ilustrações planas e obras de arte com uma pequena paleta controlada geralmente são exportados de forma limpa.

Prepare quadros animados no Illustrator

Crie uma prancheta por quadro ou coloque cada quadro em uma camada com nome claro. Mantenha todas as pranchetas com as mesmas dimensões de pixel e alinhe objetos estacionários exatamente nas mesmas coordenadas. Duplique o quadro anterior antes de fazer pequenas alterações; isso evita saltos acidentais no loop finalizado.

Exporte os quadros como arquivos PNG numerados com fundos transparentes quando necessário. PNG preserva a transparência e evita adicionar outra etapa com perdas antes da montagem. Nomes como quadro-001.png, quadro-002.pnge quadro-003.png mantenha a ordem inequívoca.

Monte os quadros em um GIF animado

No Photoshop, carregue os arquivos exportados como camadas, abra o painel Linha do tempo, crie uma animação de quadro, crie quadros a partir de camadas, defina o atraso do quadro e escolha uma opção de loop. Exporte com Salvar para Web como GIF. No Adobe Animate, importe o trabalho artístico para uma linha do tempo e use seu fluxo de trabalho de exportação de GIF animado.

Se você preferir um fluxo de trabalho de navegador, carregue a sequência PNG numerada para o GIFDB Ferramenta Imagens para GIF, organize os quadros, escolha a configuração de atraso e loop e baixe o resultado.

Mantenha o GIF finalizado pequeno

• Projete nas dimensões finais de pixel em vez de reduzir uma enorme exportação posteriormente.
• Anime apenas as partes que precisam ser movidas.
• Remova quadros duplicados e reduza as retenções longas.
• Reduza as cores com cuidado; a arte vetorial plana geralmente precisa de muito menos do que 256.
• Teste a transparência em fundos claros e escuros.

Corrigir problemas comuns do Illustrator para GIF

O GIF não é animado: Salvar para Web exportou um único estado do Illustrator. Exporte quadros separados e monte-os em uma ferramenta de linha do tempo.

Aparecem bordas brancas: a cor fosca não corresponde ao destino. Reexporte com a transparência correta e a escolha do fosco.

A obra de arte salta: pranchetas ou camadas de quadro não estão alinhadas. Retorne ao Illustrator e use tamanhos e coordenadas de prancheta idênticos.

As cores parecem ásperas: simplifique a paleta, ajuste o pontilhamento ou exporte um vídeo/WebP quando o limite de 256 cores do GIF não for adequado.

Referência oficial

Adobe lista GIF no Illustrator Salvar para formatos da Web. Dedicado da Adobe documentação de exportação de GIF animado aplica-se ao Adobe Animate, que é a opção baseada na linha do tempo.