Veja como um anúncio animado foi montado, cena por cena

01Pra que serve

• Estudar como um anúncio animado foi construído: a ideia de cada cena antes do acabamento.
• Ver o esboço da cena que está na tela acompanhar o filme quadro a quadro, com uma borda laranja marcando a seção atual (Hook, Reveal, App, End card…).
• Já vem com três anúncios de exemplo: Infinite · Global payments (0:30, 7 cenas), SaaS · Launch sequence (1:02, 8 cenas) e Motion study 08 (0:03, 3 cenas).
• Exportar a análise inteira num MP4 de 1920 de largura, 24 Mbps, com o áudio do filme, pra estudar ou apresentar uma ideia pro cliente.

02O que você precisa

• Node.js 22 ou mais novo
• Git (pra baixar o projeto)
• Chrome ou Edge (só eles exportam o MP4)
• FFmpeg e Python 3 só se quiser importar anúncios seus (opcional)

03Passo a passo

1. Confira a versão do Node.js. Se for menor que 22, instale a versão LTS em nodejs.org. No Windows, use o PowerShell ou o Prompt de Comando.

   Copiar

   node --version

2. Baixe o projeto e entre na pasta dele.

   Copiar

   git clone https://github.com/blixvip/NullMotion.git && cd NullMotion

3. Ligue o NullMotion. Não precisa instalar nada antes, nem criar conta ou chave.

   Copiar

   npm start

4. Abra este endereço no Chrome ou no Edge e escolha um dos três anúncios de exemplo.

   Copiar

   http://127.0.0.1:4343

5. Dê play e acompanhe: em cima o anúncio pronto, embaixo o esboço de cada cena, com borda laranja na cena atual.
6. Pra gerar o vídeo, clique em Download e depois em Whole preview. Deixe a aba aberta e em primeiro plano até terminar: o filme roda em meia velocidade pra gravar todos os quadros, então leva pelo menos o dobro da duração do anúncio.

04Ideias de uso (a ferramenta não recebe prompt)

Abra o SaaS · Launch sequence (1:02, 8 cenas).
Pause em cada troca de cena e anote: o que o esboço mostra, quanto tempo a cena dura e o que o acabamento acrescentou.
No fim, você tem o roteiro de cenas de um anúncio de lançamento pra usar de molde no seu.

Exporte o breakdown do Infinite · Global payments em Download → Whole preview.
Mostre o MP4 pro cliente [NOME DO CLIENTE] e diga: "o seu anúncio de [PRODUTO] vai seguir essa estrutura: gancho, revelação, app e cartão final".
Fica muito mais fácil aprovar a ideia vendo o esboço ao lado do resultado.

Abra o Motion study 08 (0:03, 3 cenas) e assista várias vezes.
Repare no esboço: preto e branco, fonte Arial, formas simples e um movimento só por cena.
Tente recriar as 3 cenas na ferramenta que você usa, primeiro só o esboço, depois com acabamento.

Exporte os três exemplos em MP4 e use na sua aula ou post sobre [TEMA], mostrando como a ideia vira anúncio pronto.
Lembre de dar o crédito: o vídeo e a marca dos anúncios são dos donos originais.