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

# Ваша первая анимация

> Нарисуйте фигуру, добавьте движение и экспортируйте первую анимацию без аккаунта.

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

Откройте [Lottie Libre](https://libre.velrabe.space/studio) и выберите **New animation**.

Снимите выделение и установите \*\*Seconds \*\* в \*\*2 \*\* на панели **Animation** справа. Завершите ввод и нажмите на холст перед использованием клавиши инструмента.

## Нарисуйте фигуру

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

Нажмите `V`, чтобы выделить её.

## Запишите движение

Указатель воспроизведения отмечает редактируемый момент. Ключевой кадр сохраняет значение свойства в этот момент.

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

![После добавления ключевого кадра ромб Position становится заполненным](https://mintcdn.com/velrabe-studio/-a_hqUidmW-_gr6J/images/keyframes-guide.png?fit=max\&auto=format\&n=-a_hqUidmW-_gr6J\&q=85\&s=612cea322f673f1a18bf3151c505a585)

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

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

Нажмите `Space` для воспроизведения или паузы. За первую секунду фигура должна переместиться во вторую позицию и оставаться там до конца анимации.

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

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

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

Для доступа с другого устройства [сохраните черновик в аккаунт](/docs/docs/ru/get-started/account-and-signing-in#save-guest-work-to-your-account). При ошибке сохранения см. [Автосохранение и восстановление](/docs/docs/ru/save/autosave-and-restore).

## Скачайте Lottie

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

Храните `.libre.json` для дальнейшего редактирования, а Lottie `.json` используйте в плеере.

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

* [Настройте время и цикл](/docs/docs/ru/animation/timeline): измените темп или верните фигуру в начало.
* [Анимируйте другое свойство](/docs/docs/ru/animation/keyframes): добавьте исчезновение или отредактируйте ключи.
* [Выберите формат экспорта](/docs/docs/ru/export/export-lottie): dotLottie, видео или Telegram TGS.
* [Поделитесь снимком](/docs/docs/ru/export/share-an-animation): дайте другому человеку просмотреть и экспортировать сохранённую версию.


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