Bodymovin

O que é o Bodymovin?

Bodymovin é uma extensão do After Effects que exporta animações para a web. As animações são exportadas como arquivos .json que usam o player bodymovin.js que vem junto com o plug-in. É possível renderizar animações no navegador em svg, canvas e html. Ele suporta um subconjunto de recursos do After Effects. As animações também podem ser reproduzidas de forma nativa no iOS e no Android por meio do Lottie

Exporte animações para arquivos json e pngs (se necessário).

As animações podem ser reproduzidas na Web por meio do player bodymovin ou nativamente no iOS e Android por meio do Lottie.

Para reproduzir as animações, obtenha o player no painel de extensão e carregue-o em um navegador.

Recursos Suportados

Formas

• Caminhos, elipses, estrelas, retângulos
• Preenchimentos, traços, preenchimentos de gradiente e traços de gradiente
• Traços
• Caminhos de compensação (parcial)
• Cantos arredondados
• Transforma (posição, ponto de ancoragem, rotação, escala, opacidade, inclinação, eixo inclinado)

Sólidos

Imagens

Comps

Nulos

Textos

• A maioria das fontes é suportada, elas podem ser exportadas como formas ou como texto, desde que se carregue a fonte no navegador.
• Uma declinação de texto única é suportada por caixa de texto.
• Não suportado: decorações de texto estilo maiúsculas ou escala vertical.

Câmeras (parcial)

Expressões

• Parcialmente suportado. Mais e mais expressões são suportadas a cada lançamento.
• Sliders de expressão são suportados.

Propriedades gerais suportadas

• Transformar (girar, dimensionar, posicionar, ponto de ancoragem, opacidade)
• Remapeamento de tempo
• Máscaras (aditivo e, em alguns casos, diferença, invertido e subtrativo)
• Luma e alpha masks (com o renderizador svg)

Efeitos suportados (com o renderizador svg / html)

• Preencher
• Níveis pro
• Drop shadow
• Matiz
• Tritone

Requisitos do Sistema

After Effects CC 2017, CC 2015.3, CC 2015, CC 2014.