Teste · 15/10/2026 · acervo de produção

O logo da LNZ, do After Effects para o navegador

A animação foi montada no After Effects por script e exportada em Lottie pelo motor do Bodymovin, tudo por linha de comando, sem abrir a tela do programa. Aqui ela toca como vetor, num arquivo de 20 KB.

0 / 137
Arquivo Lottie
19,6 KB
Com gzip
2,4 KB
Duração
2,3 s
Exportação no PC
0,27 s

Como foi feito

  1. Um script em Python lê o SVG do logo e escreve o .jsx que monta a composição: duas camadas por letra (traço com Trim Paths; preenchimento revelado por uma máscara na diagonal de 54 graus) e um fio laranja que fecha a peça, mais um nulo de controle.
  2. O After Effects 2026 do PC roda o script com AfterFX.exe -noui -r, chamado pela VPS.
  3. Um segundo script carrega o motor do Bodymovin (código aberto, MIT) e grava o JSON. As tarefas que o painel agendaria rodam numa fila dentro do próprio script.
  4. Dois revisores sem contexto julgaram a primeira versão (acabamento 7 e 7). Os três defeitos em que concordaram foram corrigidos em duas rodadas: início vazio, preenchimento passando por cinza e fim parado.
  5. A página usa o lottie_light 5.13.0, servido daqui mesmo, sem avaliar expressões.
Cinco momentos da animação: na linha de cima o render do After Effects, na de baixo o Lottie no navegador.
Em cima, o render do After Effects (aerender). Embaixo, o Lottie no navegador, nos mesmos instantes.