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
Excelente tutorial, eu fiz um teste simples e funcionou perfeitamente. Porém com uma pequena animação onde eu tenho efeitos tipo contador, e glow não funcionou. É possível usar esses recursos? Ou só para animações flat mesmo? (se houver, passa uma lista dos recursos permitidos para fazer essas composições). Obrigado!!!
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. 🙂
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
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, 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: ruclips.net/video/c7apPbtZyXc/видео.html
@@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
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.
Lá pelo Lottie tem um plugin para After effects, é o mesmo? Parabéns pelo conteudo, edição, explicação muito bem produzida!
Obrigado Evandro :). Boa pergunta, no site oficial do Lottie, airbnb.design/lottie, tem o link para download do Bodymovin.
Muito obrigado, meu brother! Mais um inscrito!
Valeu manoo :)
Olá rodrigo, criei uma composição e coloquei imagens, mas a expotação no bodymovin da faled, isso seria por que ele não aceita imagens(pngs)?
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
Excelente tutorial, eu fiz um teste simples e funcionou perfeitamente.
Porém com uma pequena animação onde eu tenho efeitos tipo contador, e glow não funcionou.
É possível usar esses recursos? Ou só para animações flat mesmo? (se houver, passa uma lista dos recursos permitidos para fazer essas composições).
Obrigado!!!
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. 🙂
Boa noite meu amigo, sabe dizer se dá pra disparar ações de dentro do svg exportado pelo After Effects?
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
Queria saber sobre a comparação entre um SVG animado e um Lottie, qual desempenha melhor ?
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.
Salve brother, funciona com Texto ou so Shape?
irmão e o video criando a animação preciso fazer a entrada de app pode me ajudar?
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: ruclips.net/video/c7apPbtZyXc/видео.html
sei lá mnw, arquivo ( .json ) não abre no ( img src=" " ) do Body... Já os arquivos em ( .svg ) abre na hora!
Recebi um arquivo em photoshop onde o texto tinha degrade, tentei exportar porem os efeitos de degrade nao foram, ele so aceita coisas em vetor?
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
Não sei o que tá acontecendo, toda vez que coloco pra renderizar da "render failed". Alguem sabe me ajudar?
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
para mac?
Não deu certo pra mim, mas assim, obrigado!
Só faltou o principal, como salvar em SVG!
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.
Agora é pago o bodymoving
vlw pelo conteúdo em português
Obrigado pelo comentário Kevin :)