Анимация в Alight Motion строится на ключевых кадрах: вы ставите ромбовидный маркер на шкале времени, меняете параметр объекта — и приложение само просчитывает движение между точками. Если объект на экране не двигается, почти всегда причина одна: вы изменили позицию, но не добавили ключевой кадр, поэтому изменение применилось ко всему клипу целиком.
Эта инструкция подходит и для Android, и для iOS-версии приложения — интерфейс в них практически одинаковый, отличаться могут лишь отдельные иконки в зависимости от версии. Разберём всё по шагам: от создания проекта до экспорта готового ролика.
Создание проекта и подготовка холста
Откройте приложение и нажмите кнопку «+» на главном экране. Появится окно настроек проекта, где задаются разрешение, частота кадров и фон. Для соцсетей обычно выбирают вертикальный формат 1080×1920, для обычного видео — горизонтальный 1920×1080.
Обратите внимание на параметр Frame Rate — частоту кадров. Значение 30 fps подходит для большинства задач, а 60 fps даёт более плавную анимацию, но увеличивает нагрузку на устройство и размер файла. Поменять этот параметр после начала работы можно, но лучше определиться сразу, чтобы не перестраивать тайминг ключевых кадров.
После создания проекта вы попадёте на пустой холст. Внизу находится шкала времени, справа — кнопка добавления слоёв. Всё, что будет двигаться на экране, добавляется именно как отдельный слой.
Слои: основа любой анимации
Каждый элемент в Alight Motion — это слой: текст, фигура, фото, видео или векторный рисунок. Слои накладываются друг на друга, и порядок в списке определяет, что находится на переднем плане.
- 🖼️ Изображение — импорт фото или PNG с прозрачным фоном из галереи
- 🔤 Текст — надпись с настройкой шрифта, размера и цвета
- ⬛ Фигура — встроенные формы: круги, прямоугольники, звёзды
- ✏️ Векторный рисунок — рисование прямо внутри приложения
- 🎬 Видео и аудио — медиафайлы с устройства
Чтобы добавить слой, нажмите + в правом нижнем углу и выберите тип элемента. Длинный слой можно обрезать, потянув за края на шкале времени — так вы задаёте, когда объект появляется и исчезает в кадре.
Ключевые кадры: как заставить объект двигаться
Это главный механизм анимации в приложении. Выделите слой, затем перейдите в раздел Move & Transform (иконка с четырьмя стрелками или аналогичная — зависит от версии). Здесь собраны параметры: позиция, масштаб, поворот, прозрачность.
Рядом с каждым параметром есть ромбовидная иконка — это и есть кнопка ключевого кадра. Логика работы такая:
- ⏱️ Поставьте курсор воспроизведения в начало движения и нажмите ромб — создан первый ключ
- 📍 Переместите курсор дальше по времени и измените параметр (например, перетащите объект) — второй ключ появится автоматически
- ▶️ Между двумя ключами приложение само создаёт плавный переход
Короткий пример: хотите, чтобы текст въезжал слева? Поставьте ключ в начале, вынесите текст за левый край экрана, затем отведите курсор на секунду вперёд и верните текст в центр. Готово — базовая анимация появления работает.
☑️ Проверка перед рендером анимации
⚠️ Внимание: если вы сначала двигаете объект, а потом ставите ключевой кадр, новая позиция «прилипнет» ко всему слою. Всегда сначала ставьте ключ, потом меняйте параметр.
Графики скорости: плавность вместо роботизированного движения
По умолчанию объект движется между ключами равномерно, и это выглядит механически. Чтобы движение стало естественным, используйте графики скорости (easing curves) — они управляют ускорением и замедлением.
Коснитесь участка между двумя ключевыми кадрами на шкале — откроется редактор кривой. Классический приём: замедление в конце движения (ease out) для появления объектов и ускорение в начале (ease in) для их ухода из кадра. Именно настройка кривых, а не количество ключевых кадров, отличает плавную профессиональную анимацию от любительской.
Почему анимация выглядит дёрганой даже с кривыми
Частая причина — слишком короткий интервал между ключами при большом перемещении объекта. Попробуйте растянуть движение по времени и проверьте, что в проекте стоит частота кадров не ниже 30 fps. Также дёрганность на предпросмотре может быть следствием слабого процессора — в финальном экспорте её не будет.
Эффекты и цвет: усиливаем анимацию
Выделите слой и нажмите Effects → Add Effect, чтобы открыть библиотеку. Эффектов много, и большинство их параметров тоже анимируются ключевыми кадрами — например, можно плавно менять размытие или насыщенность.
| Эффект | Для чего используется | Что анимировать |
|---|---|---|
| Blur / Размытие | Фокус, глубина резкости | Сила размытия |
| Glow / Свечение | Неоновые надписи, акценты | Интенсивность свечения |
| Opacity / Прозрачность | Плавное появление и исчезновение | Значение от 0 до 100% |
| Chroma Key | Удаление фона по цвету | Порог чувствительности |
| Wave Warp | Искажение «волной» для текста | Амплитуда и скорость волны |
Доступность отдельных эффектов зависит от версии приложения и подписки — часть функций открывается только в платном тарифе. Если нужного эффекта нет в списке, проверьте обновления приложения или поищите аналог среди бесплатных.
Типичные ошибки новичков
Первая и самая частая — отсутствие ключевых кадров, о чём уже говорилось выше. Вторая — анимация не того слоя: ключи ставятся на выделенный элемент, и легко случайно анимировать фон вместо текста. Перед добавлением ключей убедитесь, что выделен нужный слой.
Третья ошибка — перегруженный проект. Десятки слоёв с эффектами заставляют приложение тормозить, а предпросмотр — пропускать кадры. Объединяйте готовые фрагменты в группы, а тяжёлые сцены разбивайте на отдельные проекты, которые потом склеиваются в редакторе.
⚠️ Внимание: бесплатная версия Alight Motion добавляет водяной знак на экспортированное видео. Учитывайте это, если готовите ролик для публикации или заказчика.
Экспорт готового видео
Когда анимация готова, нажмите иконку экспорта в правом верхнем углу. Доступны несколько форматов: видео (MP4), GIF-анимация и экспорт отдельных кадров. Для соцсетей оптимален MP4 — он сохраняет качество и звук.
Перед экспортом проверьте разрешение и частоту кадров в настройках вывода — они должны совпадать с параметрами проекта. Процесс рендеринга на слабых устройствах может занять заметное время, особенно если в проекте много эффектов; не сворачивайте приложение, пока идёт экспорт.
Часто задаваемые вопросы
Почему объект не двигается, хотя я его переместил?
Вы изменили позицию без ключевого кадра, поэтому сдвиг применился ко всему слою. Отмените действие, поставьте ключ на стартовую точку, затем переместите курсор по времени и только после этого двигайте объект.
Можно ли анимировать текст по буквам?
Да, но не напрямую: текст нужно разбить на отдельные слои — по словам или буквам — и анимировать каждый со сдвигом по времени. Это трудоёмко, но даёт эффект «печатающегося» или волнообразного текста.
Анимация тормозит на предпросмотре — так будет и в видео?
Не обязательно. Предпросмотр просчитывается в реальном времени и зависит от мощности устройства. Экспортированное видео рендерится покадрово, поэтому в финальном файле рывков обычно нет.
Как скопировать анимацию на другой слой?
Выделите слой с готовой анимацией и используйте функцию копирования эффектов или дублирования слоя — затем замените содержимое дубликата. Точное название функции зависит от версии приложения.
Есть ли Alight Motion на ПК?
Официальной десктопной версии нет — приложение рассчитано на Android и iOS. Запуск на компьютере возможен через эмулятор Android, но производительность и удобство управления будут заметно хуже.