> ## Documentation Index
> Fetch the complete documentation index at: /docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Sua primeira animação

> Desenhe uma forma, adicione movimento e exporte sua primeira animação sem uma conta.

## Crie uma animação

Abra [Lottie Libre](https://libre.velrabe.space/studio) 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.

## 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.

## 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](https://mintcdn.com/velrabe-studio/-a_hqUidmW-_gr6J/images/keyframes-guide.png?fit=max\&auto=format\&n=-a_hqUidmW-_gr6J\&q=85\&s=612cea322f673f1a18bf3151c505a585)

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

## 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.

## 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](/docs/docs/pt-br/get-started/account-and-signing-in#save-guest-work-to-your-account). Para um erro ao salvar, consulte [Salvamento automático e restauração](/docs/docs/pt-br/save/autosave-and-restore).

## 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

* [Linha do tempo](/docs/docs/pt-br/animation/timeline): mude o ritmo ou retorne a forma à posição inicial.
* [Quadros-chave](/docs/docs/pt-br/animation/keyframes): adicionar um fade ou editar quadros-chave existentes.
* [Exportar animações](/docs/docs/pt-br/export/export-lottie): use dotLottie, vídeo ou Telegram TGS.
* [Compartilhar uma animação](/docs/docs/pt-br/export/share-an-animation): deixe alguém inspecionar e exportar uma versão salva.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.