Сделать анимацию в Алайт Моушен проще всего через систему ключевых кадров: вы добавляете слой, ставите ромбовидный маркер в начале движения, перемещаете ползунок времени и меняете положение объекта — приложение само просчитывает плавный переход между двумя точками. Именно на этом принципе построено почти всё в Alight Motion: движение, поворот, изменение размера, прозрачности и цвета.
Ниже разберём весь процесс от создания проекта до экспорта готового ролика. Инструкция ориентирована на мобильную версию приложения для Android и iOS; названия пунктов могут незначительно отличаться в зависимости от версии и языка интерфейса, поэтому сверяйтесь с тем, что видите на экране своего устройства.
Подготовка: создание проекта и настройка холста
Прежде чем анимировать, нужно создать проект с правильными параметрами. На главном экране нажмите кнопку + (или «Создать проект») и задайте разрешение, соотношение сторон и частоту кадров. Для вертикальных роликов под соцсети обычно выбирают формат 9:16, для классического видео — 16:9.
Обратите внимание на частоту кадров (FPS). Чем она выше, тем плавнее выглядит движение, но тем тяжелее проект для процессора телефона. На слабых устройствах высокая частота кадров в сочетании с большим количеством слоёв может вызывать подтормаживания при предпросмотре — это не ошибка, а ограничение железа.
- 📐 Выберите соотношение сторон под площадку, где будет опубликован ролик
- 🎞️ Установите частоту кадров с учётом мощности устройства
- 🎨 Задайте фон проекта — цвет или прозрачный слой
- ⏱️ Проверьте длительность проекта, её можно изменить позже
Добавление слоёв: основа будущей анимации
Анимировать в Alight Motion можно любой слой: текст, фигуру, изображение, видео или векторный рисунок. Нажмите + на таймлайне и выберите нужный тип объекта. Каждый слой появляется на временной шкале отдельной полосой, которую можно растягивать и обрезать, задавая время появления и исчезновения элемента.
Порядок слоёв имеет значение: верхний слой в списке перекрывает нижние. Если объект «пропал» после добавления нового элемента, скорее всего, он просто оказался под ним — перетащите слой выше в списке. Длинные проекты удобнее строить, сразу подписывая слои, иначе в десятке одинаковых полос легко запутаться.
Ключевые кадры: как заставить объект двигаться
Ключевой кадр — это фиксация состояния объекта в конкретный момент времени. Выделите слой, откройте раздел Перемещение и преобразование (Move & Transform), поставьте ползунок в начало движения и нажмите значок ромба — первый ключевой кадр создан. Затем передвиньте ползунок дальше по таймлайну и измените позицию объекта пальцем на холсте: второй кадр добавится автоматически.
Между двумя ключевыми кадрами приложение само рассчитывает промежуточные положения — это называется интерполяцией. Тот же приём работает для масштаба, поворота и прозрачности: ставите два кадра с разными значениями и получаете плавное появление, увеличение или вращение. Чем ближе кадры друг к другу по времени, тем быстрее анимация.
☑️ Первая анимация за 5 шагов
⚠️ Внимание: если ключевой кадр не ставится, проверьте, что выбран именно нужный слой, а не группа или пустая область таймлайна. Также убедитесь, что вы редактируете параметр, а не просто двигаете объект без активного ромбовидного маркера — иначе изменение применится ко всей длительности слоя.
Графики скорости и плавность движения
Линейная анимация выглядит механически: объект движется с постоянной скоростью и резко останавливается. Чтобы движение стало «живым», откройте редактор кривых между ключевыми кадрами. Изгибая график, вы задаёте ускорение в начале и замедление в конце — так называемые ease in и ease out.
Именно работа с кривыми отличает аккуратную анимацию от любительской. Плавное замедление в конце движения (ease out) — самый простой приём, который сразу делает ролик профессиональнее. Экспериментируйте с формой кривой: резкий подъём даёт «отскок», пологая линия — мягкое скольжение.
Эффекты и цветокоррекция
Помимо трансформаций, к слою применяются эффекты: размытие, свечение, тень, искажение, цветовые фильтры. Выделите слой, откройте раздел Эффекты и нажмите «Добавить эффект». Практически каждый параметр эффекта тоже анимируется ключевыми кадрами — например, можно плавно нарастить размытие и затем убрать его.
Не перегружайте кадр: несколько тяжёлых эффектов на одном слое заметно нагружают устройство, а визуально чаще выглядят хуже, чем один уместный. Начните с базовых — размытие по Гауссу, тень и настройки непрозрачности закрывают большинство задач.
| Задача | Что анимировать | Результат |
|---|---|---|
| Появление текста | Прозрачность + масштаб | Плавный «выезд» надписи |
| Движение объекта | Позиция + кривая скорости | Естественное перемещение |
| Вращение | Угол поворота | Оборот вокруг оси |
| Смена фокуса | Размытие | Переход резкости между планами |
| Пульсация | Масштаб (цикл кадров) | Ритмичное «дыхание» элемента |
Типичные ошибки новичков
Большинство проблем при создании анимации связано не с приложением, а с организацией проекта. Разберём частые сценарии.
- 🚫 Слишком много ключевых кадров подряд — движение становится дёрганым, оставьте только опорные точки
- 🧩 Отсутствие группировки слоёв — элементы «разъезжаются» при правках
- 🐌 Перегрузка эффектами — предпросмотр тормозит, а экспорт занимает долгое время
- 🔇 Забытый звук — проверяйте аудиодорожку до экспорта, а не после
Почему анимация дёргается на предпросмотре?
Чаще всего это не ошибка проекта, а недостаток производительности устройства при рендере в реальном времени. Снизьте качество предпросмотра в настройках проекта или проверьте финальный результат после экспорта — там кадры просчитываются полностью.
⚠️ Внимание: бесплатная версия Alight Motion добавляет водяной знак на экспортируемое видео, а часть эффектов и функций доступна только по подписке. Набор платных возможностей зависит от текущей версии приложения — актуальные условия смотрите на официальной странице в магазине приложений.
Экспорт готовой анимации
Когда анимация готова, нажмите кнопку экспорта (стрелка вверх) в правом верхнем углу. Выберите формат: видео (MP4), GIF-анимацию или сохранение проекта как шаблона для повторного использования. Для видео задайте разрешение и качество — чем выше параметры, тем больше весит файл и дольше идёт рендер.
Перед экспортом прогоните ролик целиком от начала до конца: проверьте, что все слои появляются вовремя, текст читается, а обрезка по краям кадра не съедает важные элементы. Исправлять ошибку после публикации заметно неприятнее, чем потратить минуту на финальный просмотр.
Часто задаваемые вопросы
Можно ли сделать анимацию в Алайт Моушен бесплатно?
Да, базовые инструменты — слои, ключевые кадры, трансформации, часть эффектов — доступны без оплаты. Ограничения бесплатной версии: водяной знак на экспорте и закрытый доступ к премиум-функциям.
Почему ключевой кадр не создаётся?
Проверьте, что выделен нужный слой и вы находитесь в разделе трансформации или параметров эффекта. Также убедитесь, что ползунок стоит в пределах длительности слоя — за его границами кадр поставить нельзя.
Как сделать плавное появление текста?
Поставьте два ключевых кадра на параметр прозрачности: первый со значением 0, второй — со 100. Дополнительно анимайте масштаб от меньшего к большему и добавьте кривую замедления — появление станет мягким.
Можно ли перенести проект на другое устройство?
Да, проекты можно экспортировать как файл-пакет и открыть на другом устройстве с установленным приложением. Учтите, что шрифты и медиафайлы должны быть доступны и на втором устройстве, иначе элементы могут отображаться некорректно.
Что делать, если приложение тормозит на сложном проекте?
Снизьте качество предпросмотра, уменьшите количество одновременно активных эффектов и разбейте длинный ролик на несколько проектов, которые затем склеиваются при монтаже. На слабых устройствах также помогает снижение разрешения проекта.