Анимация в Алайт Моушен строится на ключевых кадрах: вы ставите маркер в начале движения, перемещаете объект в нужную точку — и приложение само рассчитывает все промежуточные кадры. Если объект «прыгает» рывками или движение выглядит деревянным, причина почти всегда в линейной интерполяции между ключами — её нужно заменить на плавную кривую скорости.
Alight Motion — один из немногих мобильных редакторов, где доступны полноценные векторные слои, покадровая анимация параметров и графы скорости, сопоставимые по логике с десктопными программами. В этом руководстве разберём весь цикл работы: от создания первого проекта до экспорта готового ролика, а также типичные ошибки, из-за которых анимация выглядит непрофессионально.
Создание проекта и подготовка рабочего пространства
Перед началом работы задайте правильные параметры проекта — менять их в середине процесса неудобно, а иногда и невозможно без потерь. Нажмите «+» на главном экране и выберите разрешение, частоту кадров и фон. Для соцсетей обычно используют вертикальный формат 1080×1920, для универсальных роликов — 1920×1080.
Частота кадров влияет на плавность: 30 fps — стандарт для большинства задач, 60 fps даёт более плавное движение, но увеличивает нагрузку на устройство и размер файла. На слабых смартфонах высокая частота кадров в сочетании с большим количеством слоёв может вызывать подтормаживания при предпросмотре.
- 🎬 Создайте проект с нужным соотношением сторон до добавления слоёв
- 📐 Добавьте фоновый слой или цветную подложку, чтобы видеть границы холста
- 🖼️ Импортируйте изображения, видео или создайте фигуры через инструмент «Форма»
- ✏️ Для текста используйте текстовый слой — его параметры тоже анимируются
Ключевые кадры — основа любой анимации
Чтобы объект начал двигаться, выделите слой, откройте раздел Перемещение и трансформация и поставьте первый ключевой кадр, нажав на значок ромбика рядом с нужным параметром — позиция, масштаб, поворот или прозрачность. Затем передвиньте ползунок таймлайна вперёд, измените значение параметра — второй ключ создастся автоматически.
Чем больше расстояние между ключами на таймлайне, тем медленнее движение. Сблизьте два ключевых кадра — и объект «рывком» переместится за доли секунды. Это базовый принцип тайминга, который определяет характер всей анимации.
Анимировать можно почти всё: не только положение, но и цвет заливки, размытие, искажения, параметры эффектов. Например, плавное появление объекта делается двумя ключами прозрачности — от 0% до 100%.
☑️ Создание первой анимации движения
Кривые скорости: как сделать движение живым
По умолчанию между ключами действует линейная интерполяция — объект движется с постоянной скоростью, что выглядит механически. Выделите отрезок между ключевыми кадрами и откройте граф скорости (кривую), чтобы задать ускорение в начале и замедление в конце движения.
Классический приём — кривая «ease in-out»: объект плавно стартует, набирает скорость в середине и мягко останавливается. Для эффекта «отскока» или пружины используют кривые с перелётом за конечную точку. В приложении есть готовые пресеты кривых, но ручная настройка графа даёт более точный контроль.
⚠️ Внимание: слишком резкие изгибы кривой скорости на коротком отрезке времени дают дёрганное движение. Если объект «дрожит» в конце пути, проверьте, не уходит ли граф в экстремальные значения — сгладьте форму кривой.
Работа с эффектами и их анимация
Раздел Эффекты содержит десятки инструментов: размытие, свечение, искажения, цветокоррекцию, shake-эффекты. Эффект добавляется на слой, после чего каждый его параметр можно анимировать ключевыми кадрами — так же, как позицию или масштаб.
Популярная связка для динамичных роликов — размытие в движении (motion blur) плюс сдвиг позиции: объект «смазывается» по траектории, и перемещение выглядит быстрее и естественнее. Для музыкальных клипов часто анимируют интенсивность тряски в такт биту, расставляя ключи на ударных.
- ✨ Добавляйте эффект через меню слоя: «Эффекты» → «Добавить эффект»
- 🎚️ Анимируйте интенсивность эффекта, а не только его включение
- 🔍 Комбинируйте 2-3 эффекта на слой — больший стек замедляет предпросмотр
- 📋 Копируйте эффекты между слоями через «Копировать эффекты» в меню
Почему предпросмотр лагает при большом количестве эффектов
Каждый эффект обрабатывается процессором в реальном времени. Стек из размытия, свечения и искажений на нескольких слоях превышает возможности большинства смартфонов. Снизьте качество предпросмотра в настройках проекта или временно отключайте часть эффектов значком «глаза» — на финальный экспорт это не повлияет.
Анимация текста и векторных фигур
Текстовые слои анимируются целиком или посимвольно. Для покадрового появления букв используют сдвиг, масштаб или прозрачность с небольшим смещением ключей между символами — получается эффект «волны». Векторные фигуры, нарисованные прямо в приложении, дополнительно позволяют менять форму обводки и заливки во времени.
Для заголовков хорошо работает схема: появление снизу с размытием, лёгкий перелёт выше конечной точки и возврат на место. Такой микро-overshoot занимает доли секунды, но визуально «оживляет» надпись. Главное правило текстовой анимации — зритель должен успеть прочитать надпись, поэтому статичный участок после появления делайте не короче 1,5-2 секунд.
Типичные ошибки и их решения
Разберём проблемы, с которыми чаще всего сталкиваются пользователи Alight Motion, и способы их устранения.
| Проблема | Вероятная причина | Решение |
|---|---|---|
| Объект движется рывками | Линейная интерполяция, ключи слишком близко | Настроить кривую скорости, растянуть тайминг |
| Анимация сбрасывается при редактировании | Изменён первый ключевой кадр | Проверить значения всех ключей цепочки |
| Предпросмотр тормозит | Много эффектов и слоёв, высокое разрешение | Снизить качество превью, отключить часть эффектов |
| Эффект не анимируется | Ключ поставлен не на том параметре | Открыть список параметров эффекта и проверить ромбики |
| Экспорт обрывается | Нехватка памяти устройства | Освободить место, закрыть фоновые приложения |
⚠️ Внимание: перед длительной работой над проектом включите автосохранение, если эта функция доступна в вашей версии приложения, и периодически создавайте копию проекта. При сбое на слабом устройстве несохранённые правки ключевых кадров восстановить невозможно.
Экспорт готовой анимации
Когда анимация готова, нажмите кнопку экспорта в правом верхнем углу и выберите формат: видео (MP4), GIF или последовательность изображений. Видео подходит для публикации в соцсетях, GIF — для стикеров и коротких циклических анимаций, а покадровый экспорт нужен для дальнейшей обработки в других редакторах.
Перед экспортом просмотрите ролик целиком на максимальном качестве превью: на низком качестве не видно артефактов размытия и стыков слоёв. Убедитесь, что все слои начинаются и заканчиваются в нужные моменты — «хвосты» пустых слоёв удлиняют итоговый файл. Набор доступных форматов и ограничения на экспорт зависят от версии приложения и типа подписки, поэтому сверяйтесь с возможностями вашей сборки.
Часто задаваемые вопросы
Как сделать плавное появление объекта в Алайт Моушен?
Поставьте два ключевых кадра на параметр прозрачности: первый со значением 0%, второй — 100%. Растяните их на 0,5-1 секунду и добавьте плавную кривую. Для большей выразительности совместите появление с небольшим увеличением масштаба.
Почему объект движется не по той траектории, что я задал?
Возможная причина — лишний ключевой кадр, созданный случайным касанием. Откройте список ключей параметра позиции и удалите лишние ромбики. Также проверьте, не изменён ли центр трансформации (anchor point) объекта.
Можно ли скопировать анимацию на другой слой?
Да, в меню слоя есть функции копирования эффектов и анимации. Скопируйте параметры с готового слоя и вставьте на новый — ключевые кадры перенесутся вместе с кривыми скорости.
Какая частота кадров лучше для анимации?
Для большинства задач достаточно 30 fps. Выбирайте 60 fps, если ролик содержит быстрые движения и публикуется на площадках с поддержкой высокой частоты кадров. Учитывайте, что на слабых устройствах 60 fps заметно нагружает предпросмотр.
Как убрать водяной знак при экспорте?
Водяной знак в бесплатной версии убирается оформлением подписки внутри приложения. Условия и стоимость зависят от региона и актуальных тарифов разработчика — проверяйте информацию в официальном магазине приложений.