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

# Votre première animation

> Dessinez une forme, ajoutez du mouvement et exportez votre première animation sans compte.

## Créer une animation

Ouvrez [Lottie Libre](https://libre.velrabe.space/studio) et choisissez **New animation**.

Sans rien sélectionné, définissez \*\*Seconds \*\* sur \*\*2 \*\* dans le panneau **Animation** sur la droite. Terminez la modification du champ et cliquez sur le canevas avant d'utiliser un raccourci d'outil.

## Dessinez la forme

Appuyez sur `R` pour un rectangle ou sur `O` pour une ellipse, puis faites glisser sur le canevas. Gardez la forme près du côté gauche, avec de la place pour vous déplacer vers la droite.

Appuyez sur `V` pour le sélectionner.

## Enregistrez le mouvement

La tête de lecture marque l’heure à laquelle vous modifiez. Une image clé enregistre la valeur d'une propriété à ce moment-là.

1. Déplacez la tête de lecture de la ligne de temps sur **0 seconde**.
2. Avec la forme sélectionnée, cliquez sur le losange à côté de \*\*Position \*\* dans le panneau **Properties** à droite. Ceci enregistre la position de départ.
3. Déplacez la tête de lecture sur **1 seconde**.
4. Faites glisser la forme vers la droite, en la gardant à l’intérieur du canevas. La position est déjà animée, donc Libre enregistre automatiquement une deuxième image clé.

![Le losange de position passe de creux à rempli lorsqu'une image clé est ajoutée](https://mintcdn.com/velrabe-studio/-a_hqUidmW-_gr6J/images/keyframes-guide.png?fit=max\&auto=format\&n=-a_hqUidmW-_gr6J\&q=85\&s=612cea322f673f1a18bf3151c505a585)

Le losange rempli confirme une image clé à l’instant actuel.

## Prévisualiser le résultat

Appuyez sur `Space` pour lire ou mettre en pause. La forme doit se déplacer vers sa deuxième position pendant la première seconde, puis y rester jusqu'à la fin de l'animation.

Faites glisser la tête de lecture d’avant en arrière pour inspecter le mouvement. Si la forme reste immobile, vérifiez que Position a des clés à deux moments différents avec des valeurs différentes.

## Conserver une copie modifiable

Votre brouillon d'invité est stocké dans ce navigateur sur cet appareil. Attendez la confirmation de la sauvegarde locale. Pour conserver une sauvegarde en dehors du navigateur, ouvrez \*\*Document actions \*\* à côté du nom de l'animation et choisissez **Download source**. Le fichier se termine par `.libre.json`.

Pour accéder depuis un autre appareil, [enregistrez le brouillon sur votre compte](/docs/docs/fr/get-started/account-and-signing-in#save-guest-work-to-your-account). Pour une erreur d'enregistrement, voir [Sauvegarde et restauration automatiques](/docs/docs/fr/save/autosave-and-restore).

## Téléchargez une animation Lottie

Choisissez \*\*Export **, lisez un aperçu de Lottie et comparez-le avec la référence de l'éditeur. Choisissez \*\* Download Lottie JSON** pour enregistrer une animation `.json` pour la lecture.

Conservez la source `.libre.json` pour les modifications futures ; utilisez le Lottie `.json` dans un lecteur.

## Continuez votre animation

* [Ligne de temps](/docs/docs/fr/animation/timeline) : changez le rythme ou ramenez la forme à sa position de départ.
* [Images clés](/docs/docs/fr/animation/keyframes) : ajoutez un fondu ou modifiez les images clés existantes.
* [Exporter des animations](/docs/docs/fr/export/export-lottie) : utilisez dotLottie, vidéo ou Telegram TGS.
* [Partager une animation](/docs/docs/fr/export/share-an-animation) : laissez quelqu'un inspecter et exporter une version enregistrée.


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