Passer au contenu principal

  1. Créer une animation

Ouvrez Lottie Libre 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.

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

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

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

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

  1. 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. Pour une erreur d’enregistrement, voir Sauvegarde et restauration automatiques.

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