Skip to main content

  1. Crie uma animação

Abra Lottie Libre e escolha New animation. Sem nada selecionado, defina **Seconds ** como **2 ** no painel Animation à direita. Termine de editar o campo e clique na tela antes de usar um atalho de ferramenta.

  1. Desenhe a forma

Pressione R para um retângulo ou O para uma elipse e arraste na tela. Mantenha a forma próxima ao lado esquerdo, com espaço para mover para a direita. Pressione V para selecioná-lo.

  1. Grave o movimento

O indicador de reprodução marca a hora em que você está editando. Um quadro-chave registra o valor de uma propriedade naquele momento.
  1. Mova o indicador de reprodução da linha do tempo para 0 segundos.
  2. Com a forma selecionada, clique no diamante ao lado de **Position ** no painel Properties à direita. Isso registra a posição inicial.
  3. Mova o indicador de reprodução para 1 segundo.
  4. Arraste a forma para a direita, mantendo-a dentro da tela. A posição já está animada, então Libre grava um segundo quadro-chave automaticamente.
O losango Posição muda de vazio para preenchido quando um quadro-chave é adicionado

O losango preenchido confirma um quadro-chave no momento atual.

  1. Visualize o resultado

Pressione Space para reproduzir ou pausar. A forma deve viajar para sua segunda posição durante o primeiro segundo e permanecer lá até a animação terminar. Arraste o cursor de reprodução para frente e para trás para inspecionar o movimento. Se a forma permanecer imóvel o tempo todo, verifique se Position possui quadros-chave em dois momentos diferentes com valores diferentes.

  1. Mantenha uma cópia editável

Seu rascunho de visitante é armazenado neste navegador e neste dispositivo. Aguarde a confirmação do salvamento local. Para manter um backup fora do navegador, abra **Document actions ** ao lado do nome da animação e escolha Download source. O arquivo termina em .libre.json. Para acesso de outro dispositivo, salve o rascunho em sua conta. Para um erro ao salvar, consulte Salvamento automático e restauração.

  1. Baixe uma animação Lottie

Escolha **Export , reproduza uma prévia do Lottie e compare-a com a referência do editor. Escolha ** Download Lottie JSON para salvar uma animação .json para reprodução. Guarde a fonte .libre.json para edições futuras; use o Lottie .json em um player.

Continue com sua animação