Чтобы анимировать объект в Alight Motion, нужно поставить ключевые кадры на временной шкале: приложение автоматически вычислит движение между ними, и статичная картинка превратится в плавную анимацию. Именно система keyframe-анимации лежит в основе всех движений в Alight Motion — от простого перемещения текста до сложных многослойных композиций.
Ниже разберём весь процесс: от создания проекта и добавления первых ключевых кадров до настройки плавности, эффектов и экспорта готового ролика. Инструкция подходит для актуальных версий приложения на Android и iOS, хотя расположение отдельных кнопок может немного отличаться в зависимости от версии и платформы.
Создание проекта и подготовка рабочего пространства
Откройте Alight Motion и нажмите кнопку «+» на главном экране. Приложение предложит задать параметры проекта: разрешение, частоту кадров (FPS) и фон. Для соцсетей чаще всего выбирают вертикальный формат 1080×1920, для обычных роликов — горизонтальный 1920×1080.
Частота кадров влияет на плавность анимации: при 30 FPS движение выглядит стандартно, при 60 FPS — заметно более плавным, но экспорт занимает больше времени и сильнее нагружает устройство. Если телефон слабый, начните с 30 FPS.
- 🎬 Нажмите «+» и выберите соотношение сторон под площадку публикации
- ⚙️ Укажите FPS: 30 — базовый вариант, 60 — для плавных анимаций
- 🎨 Задайте цвет фона или оставьте прозрачный, если планируете наложение
- 💾 Проект сохраняется автоматически, но лучше периодически проверять список проектов
Добавление слоёв: текст, фигуры, изображения
Анимировать в Alight Motion можно любой слой: текст, векторную фигуру, фото, видео или рисунок. Нажмите «+» внутри проекта и выберите нужный тип объекта. Каждый элемент появляется на временной шкале как отдельный слой, длительность которого регулируется растягиванием его краёв.
Текстовый слой редактируется двойным нажатием: меняются шрифт, размер, цвет и обводка. Изображения импортируются из галереи устройства. Порядок слоёв определяет, что находится поверх чего — верхний слой в списке отображается поверх остальных.
Ключевые кадры: основа анимации
Выделите слой и перейдите в раздел «Перемещение и преобразование» (Move & Transform). Здесь находятся анимируемые параметры: позиция, масштаб, поворот, прозрачность. Рядом с каждым параметром есть значок ромба — это и есть кнопка добавления ключевого кадра.
Принцип работы простой. Поставьте playhead (вертикальную линию на таймлайне) в начало, нажмите ромб и задайте начальное значение — например, объект за пределами экрана. Затем переместите playhead дальше по времени, измените позицию объекта — приложение само создаст второй ключевой кадр и рассчитает движение между ними. Чем больше расстояние между ключами на шкале, тем медленнее анимация.
☑️ Первая анимация по шагам
Аналогично анимируются остальные параметры: прозрачность для плавного появления (fade in), масштаб для эффекта приближения, поворот для вращения. Комбинируя несколько параметров на одном слое, получают выразительные движения.
⚠️ Внимание: если объект не двигается, проверьте, что playhead стоит внутри границ слоя на таймлайне. Ключевые кадры за пределами слоя не работают — это частая причина «застывшей» анимации у новичков.
Плавность движения: кривые и easing
По умолчанию движение между ключами линейное — объект движется с постоянной скоростью, что выглядит механически. Чтобы анимация стала живой, настройте easing — кривую ускорения. Нажмите на отрезок между двумя ключевыми кадрами и откройте редактор кривых (график скорости).
Основные типы смягчения: ease in — медленный старт с ускорением, ease out — быстрый старт с плавной остановкой, ease in-out — ускорение и замедление на обоих концах. Для большинства движений естественнее всего смотрится ease out: объект резко начинает движение и мягко «приезжает» в финальную точку.
В редакторе кривых можно тянуть контрольные точки графика, добиваясь нестандартной динамики — например, эффекта «перелёта» с возвратом назад. Эксперименты с кривыми — главный способ сделать анимацию профессиональной.
Эффекты и продвинутые приёмы
Выделите слой и нажмите «Эффекты» → «Добавить эффект». В библиотеке доступны размытие, свечение, искажения, цветокоррекция и десятки других инструментов. Практически каждый параметр эффекта тоже анимируется ключевыми кадрами — так создаются пульсации свечения, нарастающее размытие и подобные приёмы.
| Приём | Что анимировать | Результат |
|---|---|---|
| Появление текста | Прозрачность + позиция | Плавный вылет снизу |
| Zoom-переход | Масштаб + размытие | Резкое приближение кадра |
| Shake | Позиция с частыми ключами | Тряска под бит музыки |
| Свечение | Интенсивность эффекта Glow | Пульсация подсветки |
| Вращение | Поворот + easing | Закручивание объекта |
Для анимации под музыку включите отображение звуковой дорожки на таймлайне и расставляйте ключевые кадры по битам. Точная синхронизация ключей с ударами музыки — то, что отличает качественные эдиты от случайного набора движений.
Как скопировать анимацию на другой слой
Выделите слой с готовой анимацией, скопируйте его через меню слоя, затем замените содержимое (например, картинку) на новое. Ключевые кадры и эффекты сохранятся, что ускоряет создание однотипных сцен.
Группировка, маски и родительские слои
Когда слоёв становится много, объединяйте их в группы: выделите несколько слоёв и нажмите значок группировки. Анимация, применённая к группе, двигает все вложенные элементы одновременно — удобно для перемещения целых композиций.
Маски позволяют показывать только часть слоя: например, текст, «выезжающий» из-за фигуры. Добавьте маску через настройки слоя и анимируйте положение содержимого внутри неё. Это базовый приём для интро и титров.
⚠️ Внимание: большое количество эффектов и слоёв заметно нагружает процессор телефона. Если предпросмотр начинает тормозить, временно отключайте тяжёлые эффекты значком глаза — на финальный экспорт это не повлияет.
Экспорт готовой анимации
Нажмите кнопку экспорта (стрелка вверх) в правом верхнем углу. Доступны форматы: видео MP4, GIF, а также экспорт отдельных кадров. Для видео выберите разрешение и качество — чем выше битрейт, тем лучше картинка и больше размер файла.
В бесплатной версии Alight Motion на экспортированное видео добавляется водяной знак. Подписка снимает это ограничение и открывает часть премиум-эффектов. Перед экспортом обязательно просмотрите весь ролик целиком: пропущенный ключ или забытый слой проще исправить до рендера.
Частые вопросы
Почему анимация дёргается при предпросмотре?
Чаще всего это не проблема анимации, а нехватка ресурсов устройства: превью рендерится в реальном времени. Проверьте финальный результат после экспорта — обычно он плавный. Также попробуйте снизить качество предпросмотра в настройках проекта.
Можно ли анимировать без ключевых кадров?
Частично — некоторые эффекты (например, волны или мерцание) создают движение автоматически. Но полноценный контроль над перемещением, масштабом и поворотом возможен только через ключевые кадры.
Как сделать плавное появление текста?
Поставьте два ключа у параметра прозрачности: 0% в начале и 100% через нужный интервал. Добавьте к отрезку easing ease out и при желании небольшое смещение по вертикали — появление станет мягким и профессиональным.
Работает ли Alight Motion на слабых телефонах?
Приложение запускается на большинстве современных устройств, но комфортная работа с многослойными проектами требует достаточного объёма оперативной памяти. Для слабых устройств держите проекты простыми: меньше слоёв, 30 FPS, минимум тяжёлых эффектов.
Как перенести проект на другое устройство?
Используйте функцию экспорта проекта (не путать с экспортом видео) или облачную синхронизацию, если она доступна в вашей версии и подписке. Учтите, что шрифты и медиафайлы должны присутствовать и на втором устройстве.