Чтобы сделать первую анимацию в Alight Motion, достаточно создать проект, добавить слой (текст, фигуру или изображение) и расставить ключевые кадры на свойствах «Перемещение», «Масштаб» и «Прозрачность» — приложение само рассчитает промежуточные состояния между ними. Именно ключевые кадры (keyframes) — основа всей анимации в этом редакторе, и понимание их работы решает большинство вопросов новичков.
Alight Motion — один из немногих мобильных редакторов, где анимация строится по тому же принципу, что и в профессиональных программах: вы задаёте состояние объекта в разные моменты времени, а программа интерполирует движение. Ниже разберём, как устроен интерфейс, какие приёмы дают плавный результат и почему анимация иногда «дёргается» или не воспроизводится.
Создание проекта и первого слоя
Начните с кнопки «+» на главном экране: приложение предложит выбрать соотношение сторон, разрешение и частоту кадров. Для соцсетей обычно берут вертикальный формат 9:16, для роликов — 16:9. Частота кадров влияет на плавность: чем она выше, тем мягче выглядит движение, но тем тяжелее проект для устройства.
После создания проекта нажмите значок добавления и выберите тип слоя. Доступны несколько базовых вариантов:
- 📝 Текст — заголовки, подписи, анимированная типографика;
- 🔷 Фигуры — круги, прямоугольники и другие векторные элементы;
- 🖼️ Изображения и видео — импорт из галереи устройства;
- 🎨 Векторный рисунок — отрисовка собственных форм внутри приложения.
Каждый добавленный элемент становится отдельным слоем на таймлайне. Слои можно перетаскивать, обрезать по длительности и накладывать друг на друга — порядок слоёв определяет, что будет видно поверх.
Ключевые кадры: сердце анимации
Выделите слой и откройте раздел Перемещение и трансформация. Здесь находятся анимируемые свойства: позиция, масштаб, поворот, прозрачность. Рядом с каждым свойством есть ромбовидная иконка — это кнопка добавления ключевого кадра.
Логика простая: поставьте первый ключевой кадр в начале движения, передвиньте курсор воспроизведения дальше по времени, измените значение свойства (например, сдвиньте объект) — второй ключевой кадр создастся автоматически или после нажатия на ромбик. Между двумя кадрами приложение построит плавный переход.
☑️ Первая анимация за 5 шагов
Если между ключевыми кадрами объект не двигается — проверьте, что ключевые кадры поставлены именно на одно и то же свойство, а не на разные. Это самая частая причина «застывшей» анимации у новичков.
Графики скорости: как сделать движение естественным
Линейная анимация выглядит механически: объект стартует мгновенно и так же резко останавливается. Живое движение имеет разгон и торможение — это настраивается через кривые скорости (easing). Выделите ключевой кадр и откройте редактор графика.
На графике горизонтальная ось — время, вертикальная — значение свойства. Изгибая кривую, вы меняете характер движения:
- 🚀 Плавный старт (ease in) — объект постепенно разгоняется;
- 🛑 Плавная остановка (ease out) — движение затухает к концу;
- 🌀 Комбинированная кривая — разгон и торможение в одном движении, выглядит наиболее естественно;
- ↩️ Перелёт с возвратом — объект слегка проезжает цель и возвращается, эффект «пружины».
Эффекты и их анимация
К слою можно применить эффекты из встроенной библиотеки: размытие, свечение, искажение, цветокоррекцию и другие. Почти каждый параметр эффекта тоже анимируется ключевыми кадрами — например, можно плавно нарастить размытие или изменить насыщенность цвета.
Набор доступных эффектов и их параметры зависит от версии приложения и типа подписки: часть функций доступна только в платной версии. Если нужного эффекта нет в списке, проверьте обновления приложения в магазине — библиотека периодически пополняется.
⚠️ Внимание: большое количество эффектов на одном слое заметно нагружает процессор. На слабых устройствах превью начинает тормозить — снизьте качество предпросмотра в настройках проекта, это не повлияет на итоговый экспорт.
Типичные проблемы и их решения
Даже при правильных действиях анимация иногда ведёт себя не так, как ожидается. Разберём частые ситуации.
| Проблема | Вероятная причина | Что проверить |
|---|---|---|
| Объект не двигается | Ключевые кадры на разных свойствах | Совпадение свойства у обоих кадров |
| Дёрганое движение | Линейная интерполяция, близкие кадры | Настройку кривой скорости |
| Тормозит превью | Много эффектов, высокое разрешение | Качество предпросмотра в настройках |
| Экспорт зависает | Нехватка памяти устройства | Свободное место и закрытие фоновых приложений |
| Водяной знак на видео | Бесплатная версия приложения | Тип подписки в настройках аккаунта |
Отдельный случай — анимация «съезжает» после перемещения слоя по таймлайну. Ключевые кадры привязаны к слою, поэтому при обрезке или сдвиге слоя проверяйте, не остались ли кадры за его границами.
Почему превью отличается от экспортированного видео
Предпросмотр рендерится в пониженном качестве для скорости работы. Итоговое видео при экспорте просчитывается полностью, поэтому мелкие рывки в превью часто исчезают в готовом файле. Судить о финальном качестве стоит только по экспортированному ролику.
Экспорт готовой анимации
Когда анимация готова, нажмите кнопку экспорта в правом верхнем углу. Приложение предложит выбрать формат: видео (MP4), GIF или сохранение отдельных кадров. Для соцсетей подойдёт MP4, для стикеров и реакций — GIF.
Перед экспортом убедитесь, что на устройстве достаточно свободного места, и не сворачивайте приложение во время рендеринга — на некоторых устройствах это прерывает процесс. Время экспорта зависит от длительности проекта, разрешения и мощности устройства.
⚠️ Внимание: если экспорт обрывается на одном и том же моменте, возможно, повреждён конкретный слой или эффект. Попробуйте временно отключить слои по очереди, чтобы найти проблемный элемент.
Приёмы для более выразительной анимации
Когда базовые навыки освоены, результат заметно улучшают несколько приёмов. Родительские связи позволяют привязать один слой к другому: дочерний объект повторяет движения родительского, сохраняя собственную анимацию. Это удобно для составных сцен.
Ещё один приём — наложение движений: одновременная анимация позиции, масштаба и прозрачности выглядит богаче, чем изменение одного параметра. Например, появление текста с лёгким увеличением и затуханием прозрачности воспринимается мягче, чем простое выезжание сбоку.
Не стремитесь заполнить каждую секунду движением. Статичные паузы между анимациями дают зрителю «перевести дыхание» и делают активные моменты заметнее.
Частые вопросы
Можно ли пользоваться Alight Motion бесплатно?
Да, базовая версия бесплатна, но экспортированные видео содержат водяной знак, а часть эффектов и функций недоступна. Платная подписка снимает эти ограничения.
Почему ключевой кадр не ставится на свойство?
Убедитесь, что слой выделен и курсор воспроизведения находится в пределах длительности этого слоя на таймлайне. Также проверьте, что вы открыли именно анимируемое свойство — не все параметры поддерживают ключевые кадры.
Как сделать анимацию по траектории, а не по прямой?
Поставьте несколько промежуточных ключевых кадров на свойство позиции, задавая объектам опорные точки пути. Чем больше точек и чем плавнее кривые скорости между ними, тем естественнее изогнутая траектория.
Работает ли Alight Motion на iPhone?
Да, приложение доступно и для iOS. Интерфейс и принципы работы с ключевыми кадрами в целом совпадают, хотя расположение отдельных элементов может отличаться в зависимости от версии.
Можно ли перенести проект на другое устройство?
Если функция облачной синхронизации проектов доступна в вашей версии и подписке, проекты можно открывать на других устройствах под тем же аккаунтом. Уточните наличие этой возможности в описании вашей версии приложения.