Чтобы сделать ключевой кадр в Alight Motion, нужно выделить слой на таймлайне, нажать на значок ромбика на панели трансформации и изменить нужный параметр — приложение автоматически зафиксирует значение в текущей точке времени. Именно отсутствие выделенного слоя или неактивный параметр чаще всего становятся причиной, почему ромбик не появляется или не реагирует на нажатие.
Ключевые кадры (кейфреймы) — основа всей анимации в Alight Motion. Они фиксируют значение параметра (позицию, масштаб, поворот, прозрачность) в конкретный момент времени, а приложение само рассчитывает промежуточные состояния между ними. Освоив этот механизм, вы сможете создавать плавные анимации текста, движущиеся стикеры и сложные эффекты без сторонних программ.
Где находится функция ключевых кадров
Кнопка добавления кейфрейма находится не на главном экране, а внутри панели редактирования слоя. Откройте проект, тапните по нужному слою на таймлайне, затем перейдите в раздел Move & Transform (Перемещение и трансформация). Там, рядом с числовыми значениями позиции, масштаба и поворота, отображается значок ромба — это и есть кнопка ключевого кадра.
Обратите внимание: ромбик появляется только тогда, когда выбран конкретный анимируемый параметр. Если панель пустая, проверьте, выделен ли слой — на таймлайне он должен быть подсвечен. В бесплатной версии приложения функционал кейфреймов доступен полностью, ограничение касается только водяного знака при экспорте.
Пошаговое создание первого ключевого кадра
Разберём базовый сценарий: анимация движения текста слева направо. Создайте проект, добавьте текстовый слой через кнопку + и выберите Text. Затем выполните последовательность действий из чек-листа ниже.
☑️ Создание первой анимации
Первый кадр ставится вручную: установите курсор воспроизведения (вертикальную линию на таймлайне) в нужную точку и нажмите ромбик. Все последующие кадры создаются автоматически — достаточно сместить курсор и изменить значение параметра. Приложение фиксирует новое состояние и строит анимацию между двумя точками.
⚠️ Внимание: если после изменения параметра вы сдвинете курсор назад и снова поменяете значение, предыдущий кейфрейм будет перезаписан. Перед правками убедитесь, что курсор стоит на новой временной позиции, а не на уже созданном кадре.
Настройка плавности: кривые интерполяции
По умолчанию движение между кадрами линейное — объект перемещается с постоянной скоростью, что выглядит механически. Чтобы анимация стала живой, откройте график скорости: тапните по кейфрейму на таймлайне и выберите режим Easing (сглаживание). На графике по осям откладываются время и прогресс анимации.
Изгибая кривую, вы управляете ускорением. Выпуклая в начале кривая даёт плавный разгон, S-образная — мягкий старт и мягкую остановку. Для большинства анимаций текста и стикеров именно S-образная кривая даёт наиболее естественный результат. Экспериментируйте с формой, просматривая результат кнопкой воспроизведения.
- 🎬 Linear — равномерное движение, подходит для бесконечных циклов;
- 🚀 Ease In — медленный старт с ускорением к концу;
- 🛑 Ease Out — быстрый старт с плавной остановкой;
- 🌊 Ease In-Out — плавность на обоих концах, универсальный вариант.
Какие параметры можно анимировать
Кейфреймы в Alight Motion работают практически со всеми свойствами слоя, а не только с позицией. Это позволяет строить сложные композиции, где одновременно меняются несколько характеристик объекта.
| Параметр | Где находится | Типичное применение |
|---|---|---|
| Позиция | Move & Transform | Перемещение объекта по экрану |
| Масштаб | Move & Transform | Появление с увеличением, зум |
| Поворот | Move & Transform | Вращение элементов, тряска |
| Прозрачность | Color & Fill / Opacity | Плавное появление и исчезновение |
| Эффекты | Effects → параметр эффекта | Изменение силы размытия, свечения |
Особенно мощная возможность — анимация параметров эффектов. Добавьте, например, размытие, поставьте кейфрейм с нулевым значением, а затем с большим — и получите плавный расфокус. Тот же приём работает со свечением, искажениями и цветокоррекцией.
Редактирование и удаление ключевых кадров
Чтобы изменить уже созданный кейфрейм, установите курсор точно на него — ромбик подсветится, показывая, что вы находитесь на ключевом кадре. После этого скорректируйте значение параметра, и оно перезапишется. Для перемещения кадра по времени используйте стрелки рядом с ромбиком: они переносят курсор к соседним кейфреймам, что удобно для точного позиционирования.
Удаление выполняется тем же значком ромба: встаньте на ненужный кадр и нажмите ромбик — кадр снимется. Анимация перестроится автоматически, соединив соседние точки. Если нужно убрать все ключевые кадры параметра разом, проще сбросить значение через долгое нажатие на параметр, где доступна опция очистки.
⚠️ Внимание: при удалении промежуточного кейфрейма анимация может заметно измениться, так как траектория пересчитается между оставшимися точками. Перед удалением нескольких кадров подряд сохраните копию проекта через меню дублирования.
Как скопировать анимацию на другой слой
Выделите слой с готовой анимацией, откройте меню слоя и используйте функцию копирования эффектов или дублирования слоя с последующей заменой содержимого. Точные названия пунктов зависят от версии приложения — проверьте актуальное меню в вашей сборке Alight Motion.
Типичные проблемы и их решение
Самая частая жалоба новичков — анимация не воспроизводится, хотя кадры расставлены. Возможная причина: оба кейфрейма содержат одинаковое значение параметра, поэтому визуально ничего не меняется. Проверьте числовые значения на каждом кадре — они должны различаться.
Вторая распространённая ситуация — дёрганое воспроизведение в редакторе. Это не ошибка кейфреймов, а нагрузка на устройство: превью рендерится в реальном времени. Снизьте качество предпросмотра в настройках проекта или проверьте результат после экспорта — в готовом видео анимация обычно плавная.
- 🔍 Кейфрейм не ставится — убедитесь, что слой выделен и открыт нужный параметр;
- 🐌 Анимация тормозит в превью — понизьте качество предпросмотра;
- 📉 Объект движется рывками — проверьте кривые интерполяции между кадрами;
- 🔄 Значение сбрасывается — возможно, вы правите параметр, не установив курсор на существующий кадр.
⚠️ Внимание: названия пунктов меню и расположение кнопок могут отличаться в зависимости от версии Alight Motion и платформы (Android/iOS). Если описанный элемент не находится, сверьтесь со справкой внутри приложения вашей версии.
Часто задаваемые вопросы
Почему ромбик ключевого кадра не нажимается?
Чаще всего не выделен слой на таймлайне или не открыт конкретный анимируемый параметр. Тапните по слою, откройте Move & Transform и убедитесь, что панель с числовыми значениями развёрнута.
Сколько ключевых кадров можно поставить на один параметр?
Жёсткого практического ограничения для обычных проектов нет — можно расставлять десятки кадров. Однако чрезмерное количество точек усложняет редактирование и может замедлять работу на слабых устройствах.
Как сделать анимацию зацикленной?
Скопируйте значение первого кейфрейма в последний кадр — тогда конец и начало совпадут, и цикл будет выглядеть бесшовным. Для равномерного цикла используйте линейную интерполяцию.
Можно ли анимировать текст посимвольно?
Да, для текстовых слоёв доступны настройки анимации по буквам или словам в разделе текстовых параметров. Точный набор опций зависит от версии приложения.
Сохранятся ли кейфреймы при экспорте видео?
Да, экспортированный ролик содержит финальную отрисованную анимацию. Сами ключевые кадры остаются только в файле проекта — в готовом видео изменить их уже нельзя.