Product Hunt Hoje estamos no Product Hunt, um voto positivo ajuda →

Como funciona a animação whiteboard

Não é um modelo de vídeo. São quatro etapas comuns na ordem certa.

Atualizado: 2026-09-10

Etapa um: o roteiro define todo o resto

A narração é escrita ou colada primeiro, pois sua duração determina quantos quadros serão necessários, e o texto define o que cada quadro deve mostrar. Cerca de doze a dezesseis segundos de fala por quadro cria um ritmo que não parece nem fragmentado nem lento.

Etapa dois: um quadro, uma imagem

Cada quadro é gerado como uma ilustração completa, com um layout explícito — metade esquerda, metade direita, quadrantes —, e os trechos do roteiro são vinculados a essas regiões. Gerar o quadro inteiro de uma vez mantém a composição coerente; juntar recortes separados faz as ferramentas antigas parecerem uma colagem.

Etapa três: encontrar os traços

Aplica-se um limiar à ilustração final para separar os traços do papel. Depois, eles são reduzidos a um esqueleto de um pixel e convertidos em trajetórias. Por isso, o desenho precisa manter grandes áreas de papel visíveis: um fundo escuro não oferece traços para detectar e aparece como ruído.

Etapa quatro: sincronizar a revelação

A síntese de voz retorna uma marca de tempo para cada palavra. Cada trecho do quadro começa a revelar sua região quando a voz chega à primeira palavra, e as regiões posteriores são subtraídas das anteriores para que nada seja desenhado duas vezes.

Perguntas frequentes

Isso é gerado por um modelo de vídeo?

Não. O processo combina storyboard, ilustrações estáticas, síntese de voz e renderização pela ordem dos traços, nessa sequência.

Por que o desenho precisa de espaço em branco?

A extração procura linhas escuras sobre uma página clara. Preenchimentos escuros sólidos não deixam traços para detectar.

Por que não animar cada elemento separadamente?

Porque a composição perde a coerência. Gerar o quadro inteiro mantém a imagem planejada, em vez de parecer apenas montada.

Como o desenho fica sincronizado por quatro minutos?

A sincronização usa marcas de tempo no nível das palavras, não uma taxa de quadros fixa, evitando o acúmulo de atrasos.