Exportando animações em SVG com o After Effects, veja como! 

Obrigado Evandro :). Boa pergunta, no site oficial do Lottie, airbnb.design/lottie, tem o link para download do Bodymovin.

Valeu manoo :)

Fala Erik! Então, na verdade suporta png sim, deve ser alguma outra configuração na hora de exportar que está causando o erro.

Está acontecendo a mesma coisa cmg. vc achou alguma soluão?

Estava com o mesmo problema, oq acontece é q pra criar o lottie a animação tem q ta em vetor, converta os arquivos pra formato IL ou PS e jogue dentro do after

@@danrleirosario6336 no meu caso eu uso after crackeado, (sou pobre ) nas configurações precisou habilitar a execução de script (que normalmente e desabilitada qnd o after e crackeado) depois funcionou

@@erikbolinha5726 como faço pra habilitar, no youtube não fala sobre isso

Opa, obrigado pelo comentário Tom! Então, eu já tive problemas também ao utilizar efeitos complexos no After Effects. Eu achei uma lista no GIT deles que fala sobre os efeitos suportados: github.com/airbnb/lottie-web/wiki/Effects, infelizmente são poucos efeitos que ele suporta, mas sabendo desses efeitos as vezes é possível seguir por outro caminho para ter o mesmo resultado. Animações como scale, transparency, position, trim path etc, eu sei que funciona muito bem. Um abraço. 🙂

Para utilizar as animações em SVG, você precisa exportar o JSON gerado pelo Bodymovin, e fazer um embed dele juntamente com o javascript do Lottie, assim como é mostrado neste website: lottiefiles.com/web-player Este player do Lottie é responsável por gerar as animações em SVG utilizando os parâmetros do JSON, por isso não é possível salvar o arquivo em SVG puro. Qualquer dúvida, estou à disposição.

Guilherme Cavalcante eu não cheguei a pesquisar muito a fundo sobre isso, mas é provável que a animação em SVG (nativa) desempenhe melhor, se manter um código mais limpo do que o gerado pelo Lottie. Porém, o custo com o tempo de desenvolvimento acaba não compensando o pequeno ganho com desempenho, se for uma animação mais complexa.

Opa, no caso você queria disparar ações em um elemento em específico ou na animação como um todo? Eu nunca cheguei a fazer algo parecido, mas acredito que seja possível sim através de JavaScript

Opa, ainda não tive tempo para fazer o vídeo, mas nessa animação eu utilizei a função Trim Path do After Effects, aqui nesse vídeo tem um exemplo de como é feito: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-c7apPbtZyXc.html

Sim, o ideal é pegar o degradê e deixar ele em um shape vetorizado, assim ele irá funcionar normalmente na hora de ser convertido para Lottie

No meu também acontece o mesmo... Conseguiu resolver?

@@leticiac1998 Vai em: Editar > Preferências > Geral Habilitar o item "Permitir que scripts gravem arquivos e acesse a rede" Se não achar nessa pasta, vai em Editar > Preferências > Scripts e expressões No meu caso foi o que resolveu

@@marianeneumann9525 obrigado, pra mim tbm resolveu

Obrigado pelo comentário Kevin :)