O que Motion Design em Código faz?
Antes de Tudo, Pergunte
- Formato e duração (ex.: reel 9:16 1080×1920 30 fps), onde será publicado.
- Cores, fontes, logotipo da marca e o que não pode ser modificado (o logotipo deve ser usado como está).
- Estilo de referência (um vídeo ou imagem) e se há textos ou apenas gráficos.
- Se a edição final será feita pelo usuário (Premiere/After Effects): então entregue clipes, não apenas um único vídeo.
Motor
- Node +
@napi-rs/canvas para desenhar, ffmpeg para codificar.
- Cada quadro é uma função pura do tempo
draw(ctx, t): sem estado entre quadros, assim qualquer instante pode ser regenerado, verificado ou renderizado em paralelo.
- Arquivos separados para: biblioteca (paleta, fontes, easing, molas), sequências, fundo, render, contact sheet, análise.
- No Windows, Python é chamado como
py.
Movimento
- Molas (resposta amortecida de uma mola) para entradas e deslocamentos: partida firme, chegada suave, overshoot quase imperceptível. Mantenha 3–4 predefinições (padrão, rápido para saídas, lento para deslocamentos grandes, suave) em vez de valores dispersos.
- Ease-in-out suave para morph de formas e linhas que se desenham.
- Motion blur: 4 sub-quadros em um obturador de 180°, média. Retarda a renderização: preveja uma opção sem blur para pré-visualizações.
- Deslocamentos de 0,05–0,15 s entre elementos em série.
- Sem saltos cartoon se o estilo for elegante; ritmo relaxado, espaço entre as ações.
Continuidade
- Estilo "uma forma que se transforma": cada cena nasce da geometria da anterior, sem cortes bruscos.
- Um elemento não desaparece e reaparece durante uma transformação: o original para de ser desenhado no mesmo quadro em que seus herdeiros nascem, com mesma posição, tamanho e cor.
- Duas formas que trocam de lugar compartilham rotação, escala e cor no instante da troca; as dissolvências se sobrepõem (nunca um quadro vazio ou duplicado).
- Preenchimentos brancos grandes: fazê-los crescer do centro cheios, não em dissolvência (em dissolvência parecem cinza).
- Se o estilo pedir, nada parado: respiros, rotações lentas, flutuações, pequeno push-in de câmera.
Controle
- Contact sheet dos quadros antes da renderização completa.
- Um script de análise que mede quanto a imagem muda a cada 0,5 s: encontra trechos parados e saltos bruscos.
- Verifique duração, resolução e fps do arquivo final com
ffprobe.
Exportação
- Pré-visualização/redes sociais: MP4 H.264
-crf 14 -pix_fmt yuv420p.
- Montagem: MOV ProRes 422 HQ 10 bits.
- Áudio adicionado depois:
ffmpeg -i video.mp4 -i audio.wav -map 0:v -map 1:a -c:v copy -c:a aac -b:a 256k -shortest final.mp4
Reel Instagram
- Centro dos gráficos em (540, 960); área útil com largura máxima de ~900 px.
- A grade do perfil recorta o centro em 4:5 (1080×1350) e 3:4: o conteúdo principal deve estar entre y ~420 e ~1500.
- Na parte inferior e direita estão legenda e botões do aplicativo: deixe-as livres.
- Para outras medidas de exportação, veja o plugin
grafica.