Чтобы сделать первую анимацию в Alight Motion, достаточно добавить слой на таймлайн, поставить два ключевых кадра и изменить между ними хотя бы один параметр — например, положение или масштаб объекта. Если после этого движение не появляется, чаще всего причина в том, что ключевой кадр добавлен не к тому свойству или значения в обеих точках совпадают.
Alight Motion — один из немногих мобильных видеоредакторов с полноценной системой покадровой анимации: здесь доступны ключевые кадры, графики скорости, векторные слои и десятки эффектов. Приложение работает на Android и iOS, а базовые функции доступны бесплатно — с водяным знаком на экспорте. Разберём, как устроена анимация в программе, с чего начать и каких ошибок стоит избегать.
Как устроена анимация в Alight Motion
В основе всего лежит принцип ключевых кадров: вы задаёте состояние объекта в двух точках времени, а программа автоматически рассчитывает промежуточные кадры между ними. Это называется интерполяцией, и именно она превращает статичную картинку в движущееся изображение.
Проект в редакторе состоит из слоёв, расположенных на таймлайне. Слоями могут быть видео, изображения, текст, фигуры, векторная графика и аудио. У каждого слоя есть набор анимируемых свойств:
- 📍 Позиция — перемещение объекта по экрану по осям X и Y;
- 📐 Масштаб и поворот — изменение размера и угла наклона;
- 🎨 Прозрачность и цвет — плавное появление, исчезновение, смена оттенка;
- ✨ Эффекты — почти каждый параметр эффекта тоже анимируется ключевыми кадрами.
Чем больше ключевых кадров и чем точнее расставлены значения, тем сложнее и естественнее выглядит движение. Начинать лучше с простых задач: сдвинуть объект, увеличить его, заставить плавно появиться.
Создание первой анимации: пошаговая инструкция
Разберём базовый сценарий — заставим текст или фигуру въехать в кадр сбоку и плавно остановиться. Порядок действий одинаков для большинства простых анимаций.
☑️ Первая анимация за 6 шагов
Сначала создайте проект: нажмите + на главном экране и укажите разрешение и частоту кадров. Для соцсетей обычно выбирают вертикальный формат, но конкретные параметры зависят от площадки, где будет опубликован ролик.
Далее добавьте слой через кнопку + на таймлайне. Выделите слой, откройте раздел Move & Transform (в русской локализации — «Перемещение и трансформация») и нажмите на иконку ромбика рядом с параметром позиции — это первый ключевой кадр. Затем передвиньте ползунок времени, измените положение объекта, и приложение само создаст второй ключ.
Если движение получилось дерганым или слишком равномерным, проблема не в кадрах, а в кривой скорости — о ней ниже.
Графики скорости и плавность движения
Линейная интерполяция выглядит механически: объект стартует мгновенно, движется с постоянной скоростью и резко останавливается. В реальной жизни так не движется ничего, поэтому глаз сразу считывает такую анимацию как «дешёвую».
В Alight Motion это исправляется через графики скорости (velocity graphs). Выделите пару ключевых кадров и откройте кривую — по умолчанию она прямая. Изогнув её, вы получите эффекты ease in (плавный разгон), ease out (плавное торможение) или их комбинацию. Именно настройка кривых, а не количество эффектов, отличает профессионально выглядящую анимацию от любительской.
⚠️ Внимание: при редактировании кривой легко случайно «сломать» движение — объект начнёт дёргаться или проходить сквозь конечную точку. Если результат стал хуже, сбросьте кривую к линейной и настраивайте заново небольшими изменениями.
Практичный приём: для въездов и выездов объектов используйте выраженное плавное торможение в конце, а для появлений через прозрачность — мягкий разгон в начале. Такое сочетание воспринимается естественно почти в любом контексте.
Работа с эффектами и пресетами
Библиотека эффектов — сильная сторона редактора. Эффекты добавляются к слою через раздел Effects → Add Effect и делятся на категории: размытие, цветокоррекция, искажения, свечение, 3D-трансформации и другие.
Ключевой момент: параметры эффектов тоже анимируются. Можно, например, плавно нарастить размытие перед сменой сцены или заставить свечение пульсировать в такт музыке. Для этого откройте настройки эффекта и поставьте ключевые кадры на нужный параметр — механика та же, что и с позицией.
Отдельно стоит упомянуть пресеты: готовые комбинации эффектов и анимаций, которые можно сохранять самостоятельно или импортировать по ссылкам от других авторов. Это ускоряет работу, но слепое копирование чужих пресетов без понимания их устройства редко даёт хороший результат — разбирайте, какие ключи и кривые задействованы.
Типичные ошибки новичков
Большинство проблем с анимацией в приложении сводятся к нескольким повторяющимся причинам. Проверьте этот список, если что-то идёт не так:
- 🔑 Ключевой кадр поставлен не на то свойство — например, на масштаб вместо позиции;
- ⏱️ Оба ключа содержат одинаковые значения, поэтому движения нет;
- 🧱 Слой заблокирован или скрыт, и изменения не применяются;
- 📉 Кривая скорости перекручена, из-за чего объект «прыгает»;
- 🎞️ Низкая частота кадров проекта делает плавную анимацию рваной.
⚠️ Внимание: на слабых устройствах предпросмотр может тормозить и показывать анимацию рывками, хотя сама она настроена правильно. Перед переделкой ключей снизьте качество предпросмотра в настройках проекта и проверьте движение ещё раз — возможно, проблема только в производительности телефона.
Сравнение подходов к анимации
Разные задачи решаются разными инструментами редактора. Сводная таблица поможет выбрать подходящий метод:
| Задача | Инструмент | Сложность |
|---|---|---|
| Перемещение объекта | Ключевые кадры позиции | Низкая |
| Плавное появление | Ключи прозрачности + кривая | Низкая |
| Зум с акцентом | Масштаб + ease out | Средняя |
| Пульсация под музыку | Эффекты + ритмичные ключи | Средняя |
| Сложные переходы | Комбинация эффектов и масок | Высокая |
Как синхронизировать анимацию с музыкой
Добавьте аудиодорожку в проект и включите отображение волны звука на таймлайне. Пики громкости на волне — это биты трека. Расставляйте ключевые кадры масштаба или прозрачности точно на эти пики, и движение будет попадать в ритм. Для точности увеличьте масштаб таймлайна щипком.
Начинайте с левой части таблицы и переходите к сложным техникам только после того, как уверенно управляете ключами и кривыми.
Экспорт готовой анимации
Когда анимация готова, нажмите кнопку экспорта в правом верхнем углу. Доступны видео (MP4), GIF и сохранение отдельных кадров. Для соцсетей обычно выбирают MP4 с тем же разрешением, что и у проекта.
Обратите внимание: бесплатная версия добавляет водяной знак на экспортируемое видео, а часть эффектов и шрифтов доступна только по подписке. Конкретный перечень ограничений может меняться между версиями приложения — актуальные условия проверяйте в самом приложении перед началом большого проекта.
Если экспорт зависает или прерывается, попробуйте снизить разрешение вывода, закрыть фоновые приложения и убедиться, что на устройстве достаточно свободной памяти. Тяжёлые проекты с большим числом слоёв требовательны к ресурсам телефона.
Частые вопросы
Можно ли пользоваться Alight Motion бесплатно?
Да, базовая версия бесплатна и включает ключевые кадры, слои и часть эффектов. Ограничения — водяной знак на экспорте и закрытые премиум-функции. Точный список отличий зависит от текущей версии приложения.
Почему анимация не воспроизводится после расстановки ключей?
Чаще всего значения в обоих ключевых кадрах совпадают, либо ключ поставлен не на то свойство. Проверьте, что между кадрами реально изменился параметр, и что слой не заблокирован.
Как сделать движение плавным, а не дёрганым?
Откройте график скорости для пары ключевых кадров и изогните кривую: плавный разгон в начале и торможение в конце. Линейная кривая почти всегда выглядит механически.
Есть ли Alight Motion на ПК?
Официально приложение выпускается для мобильных платформ. На компьютере его можно запустить через Android-эмулятор, но производительность и стабильность в этом случае не гарантируются.
Как импортировать чужой пресет?
Пресеты распространяются в виде ссылок: при переходе по ссылке приложение предлагает импортировать проект или пакет эффектов. Открывайте такие ссылки только из доверенных источников.