Перейти к основному содержанию

  1. Создайте анимацию

Откройте Lottie Libre и выберите New animation. Снимите выделение и установите **Seconds ** в **2 ** на панели Animation справа. Завершите ввод и нажмите на холст перед использованием клавиши инструмента.

  1. Нарисуйте фигуру

Нажмите R для прямоугольника или O для эллипса и протяните мышью по холсту. Разместите фигуру слева, оставив справа место для движения. Нажмите V, чтобы выделить её.

  1. Запишите движение

Указатель воспроизведения отмечает редактируемый момент. Ключевой кадр сохраняет значение свойства в этот момент.
  1. Передвиньте указатель на 0 секунд.
  2. Выделите фигуру и нажмите ромб рядом с **Position ** на панели Properties справа. Начальная позиция записана.
  3. Передвиньте указатель на 1 секунду.
  4. Перетащите фигуру вправо, не выводя её за холст. Position уже анимируется, поэтому Libre автоматически добавит второй ключевой кадр.
После добавления ключевого кадра ромб Position становится заполненным

Заполненный ромб подтверждает ключевой кадр в текущий момент.

  1. Просмотрите результат

Нажмите Space для воспроизведения или паузы. За первую секунду фигура должна переместиться во вторую позицию и оставаться там до конца анимации. Перемещайте указатель вперёд и назад для проверки движения. Если фигура неподвижна, убедитесь, что у Position есть ключи в два разных момента с разными значениями.

  1. Сохраните редактируемую копию

Гостевой черновик хранится в этом браузере на этом устройстве. Дождитесь подтверждения локального сохранения. Для резервной копии откройте **Document actions ** рядом с названием и выберите Download source. Расширение файла — .libre.json. Для доступа с другого устройства сохраните черновик в аккаунт. При ошибке сохранения см. Автосохранение и восстановление.

  1. Скачайте Lottie

Выберите **Export , воспроизведите предпросмотр Lottie и сравните с эталоном редактора. Нажмите ** Download Lottie JSON, чтобы сохранить .json для воспроизведения. Храните .libre.json для дальнейшего редактирования, а Lottie .json используйте в плеере.

Продолжите работу