Criou sua primeira animação em Lottie, mas não sabe como fazer upload dela no site do LottieFiles? Aqui está um guia rápido para fazer upload de suas animações para o LottieFiles e, opcionalmente, compartilhá-las publicamente com a comunidade Lottie.

Por que fazer upload de animações para o LottieFiles?

Mas primeiro, por que você deseja fazer upload de animações para o LottieFiles? Aqui estão algumas razões:

  • Ferramentas de edição e otimização — acesse recursos, como a paleta de cores, que permite aplicar instantaneamente um novo conjunto de cores, ou o Lottie Editor, que permite fazer alterações rapidamente em sua animação. O LottieFiles também possui ferramentas de otimização que permitem reduzir o tamanho dos arquivos de suas animações em até 80% — em um único clique.
  • Colabore com sua equipe — o LottieFiles permite que você trabalhe com clientes ou membros da equipe em animações. Deixe comentários, defina status de aprovação e muito mais.
  • Simplifique seu fluxo de trabalho de movimento — temos inúmeras integrações com suas ferramentas de design favoritas, como Figma e Adobe XD, ou criadores de sites, como WordPress. Isso significa ser capaz de trazer suas animações do LottieFiles sem problemas para essas outras plataformas.
  • Contribua para a comunidade — ao fazer upload de uma animação em Lottie, você terá a opção de publicá-la publicamente. Isso dá a qualquer pessoa a oportunidade de baixar e usar suas animações. É uma chance de contribuir para a comunidade Lottie, bem como ganhar visibilidade como animador ou designer de movimento.

Como fazer upload de animações

Há duas formas de fazer upload de suas animações em Lottie: você pode fazer upload delas a partir do seu painel ou diretamente do Adobe After Effects.

Claro, se você ainda não tem uma conta no LottieFiles, vá em frente e registre-se para uma. Você precisará dela para fazer upload de animações.

Opção 1: faça upload de uma animação a partir do seu painel

  • Verifique se você está logado ao LottieFiles.
  • No canto superior direito do site, passe o mouse sobre a foto do seu perfil.
  • Clique em "Meu painel".
  • Clique em "Fazer upload de animações".
  • A janela "Fazer upload da animação" aparecerá.
  • Escolha um local para salvar a animação clicando no menu suspenso da pasta do projeto.
  • Procure um arquivo ou arraste e solte seu arquivo Lottie JSON ou .lottie.
Click Upload animations
Click Upload animations
Browse for a file or drag and drop your Lottie JSON or .lottie file
Browse for a file or drag and drop your Lottie JSON or .lottie file

Depois de fazer upload da animação, você a verá na pasta do projeto selecionada.

Opção 2: faça upload a partir do Adobe After Effects

Você pode fazer upload de animações a partir do Adobe After Effects diretamente com o plug-in LottieFiles for Adobe After Effects.

  • Instale o plug-in LottieFiles for Adobe After Effects.
  • Clique em Janela > Extensões > LottieFiles.
  • Selecione sua composição no plug-in LottieFiles e clique na seta verde para renderizá-la em um Lottie.
  • Clique em "Fazer upload" para fazer upload da animação em seu Painel.
Click Upload
Clique em "Fazer upload"

Publique sua animação publicamente

Depois de fazer upload das animações no LottieFiles, você terá a opção de compartilhá-las publicamente. Isso permite que qualquer visitante do LottieFiles baixe, modifique e use suas criações em seus próprios projetos pessoais ou comerciais. Isso é totalmente opcional — você ainda pode manter suas animações privadas, se preferir.

Aqui estão algumas formas de publicar suas animações publicamente.

Opção 1: publique a partir do menu do cartão de animação

Em seu painel, você verá uma galeria de suas animações em Lottie.

  • Passe o mouse sobre qualquer animação e clique no ícone.
  • Clique em "Publicar para o público".
Hover over an animation and click the kebab icon
Passe o mouse sobre uma animação e clique no ícone do kebab

Opção 2: publique a partir do menu suspenso do título da animação

  • Clique em qualquer animação para entrar na página de visualização detalhada.
  • Clique no menu suspenso do título da animação.
  • Clique em "Publicar para o público".
Click on the animation title dropdown
Clique no menu suspenso do título da animação

Opção 3: publique a partir do recurso de compartilhamento de animação

  • Clique em qualquer animação para entrar na página de visualização detalhada.
  • No canto superior direito, clique em "Compartilhar".
  • Clique na aba "Publicar para o público".
  • Clique em "Publicar".
Click the Publish to public tab
Clique na aba "Publicar para o público"

Página "Publicar animação para o público"

Depois de passar pelas etapas acima, você será direcionado para a página "Publicar animação para o público". Basta preencher os detalhes da animação — não se esqueça de adicionar as tags e uma descrição útil. Isso ajuda os usuários a encontrarem sua animação em Lottie no site. Por fim, verifique as diretrizes de upload do LottieFiles e as diretrizes da comunidade e, em seguida, clique em "Publicar para o público".

Fill up the form and click Publish to Public
Preencha o formulário e clique em "Publicar para público"

Nossa equipe levará de 48 a 72 horas para revisar suas animações. Quando terminar, suas animações estarão no LottieFiles para todos verem!

Não está pronto para publicar suas animações?

Se você não está pronto para fazer upload ou publicar suas animações, não se preocupe! Temos vários tutoriais e cursos gratuitos em nossa seção de educação do LottieFiles, para que você possa aprimorar suas animações e fazer upload delas quando estiver pronto. Enquanto isso, você também pode conferir as milhares de animações gratuitas que outros membros da comunidade já fizeram upload — baixe-as, experimente-as e use-as em seus projetos.