Ключевые кадры в Alight Motion — это точки на таймлайне, в которых вы фиксируете значения параметров слоя: позицию, масштаб, поворот, прозрачность и другие свойства. Приложение автоматически рассчитывает промежуточные состояния между двумя ключами, и объект движется плавно, без ручной прорисовки каждого кадра. Если ваш текст или картинка «стоит на месте» в проекте, скорее всего, вы просто ещё не добавили ни одного ключевого кадра — без них анимация в программе невозможна в принципе.
Механика заимствована из профессиональных редакторов вроде Adobe After Effects, но адаптирована под сенсорное управление смартфона. Разберёмся, как работают ключевые кадры, какие типы интерполяции существуют и какие ошибки чаще всего мешают новичкам получить плавную анимацию.
Как устроены ключевые кадры в Alight Motion
Каждый слой в проекте имеет набор анимируемых свойств: перемещение (Move & Transform), цвет, эффекты, размытие и другие. У каждого свойства есть собственная шкала на таймлайне. Когда вы ставите ключевой кадр, программа запоминает текущее значение параметра в этой точке времени.
Между двумя ключами Alight Motion вычисляет переход — это называется интерполяцией. Например, если в первом ключе объект находится слева, а во втором — справа, приложение само построит траекторию движения. Вам не нужно двигать объект покадрово.
Ключевые кадры отображаются на таймлайне в виде ромбиков. Их можно выделять, перемещать по времени, копировать и удалять. Чем ближе ключи друг к другу, тем быстрее происходит изменение параметра.
Как добавить первый ключевой кадр: пошаговая инструкция
Порядок действий одинаков для большинства свойств слоя. Рассмотрим на примере перемещения объекта:
- 🎬 Создайте проект и добавьте слой — текст, фигуру или изображение.
- 👆 Выделите слой и откройте раздел
Move & Transform. - ⏱️ Передвиньте курсор воспроизведения в нужный момент времени.
- 💠 Нажмите на иконку ромбика рядом с параметром — появится первый ключ.
- 🔄 Переместите курсор дальше по таймлайну, измените положение объекта — второй ключ добавится автоматически или вручную.
После этого запустите предпросмотр: объект должен плавно переместиться из начальной точки в конечную. Если движения нет, проверьте, что значения в двух ключах действительно различаются.
☑️ Проверка перед созданием анимации
⚠️ Внимание: если вы меняете параметр до того, как поставлен первый ключ, изменение применится ко всему слою целиком, а не к отдельному моменту времени. Сначала ставьте ключ, потом редактируйте значение.
Типы интерполяции и кривые скорости
По умолчанию переход между ключами линейный — объект движется с постоянной скоростью, что выглядит механически. Alight Motion позволяет менять кривую интерполяции, делая движение естественным: с ускорением в начале и замедлением в конце.
Чтобы открыть настройку кривых, выделите ключевой кадр и нажмите на иконку графика. Доступны готовые пресеты вроде Ease In, Ease Out и ручная настройка через кривую Безье. Плавные кривые — главный секрет «дорогого» вида анимации.
| Тип интерполяции | Характер движения | Где применяется |
|---|---|---|
| Linear (линейная) | Постоянная скорость | Фоновые смещения, бесконечные циклы |
| Ease In | Медленный старт, ускорение | Появление объектов, вылет за кадр |
| Ease Out | Быстрый старт, плавная остановка | Прибытие текста, «посадка» элементов |
| Ease In-Out | Ускорение и замедление | Универсальные переходы, зум |
| Hold (ступенчатая) | Резкая смена без перехода | Смена кадров, эффект глитча |
Какие параметры можно анимировать
Набор анимируемых свойств зависит от типа слоя и версии приложения, но базовый список стабилен. Откройте свойства слоя — почти у каждого параметра есть иконка ромбика, то есть возможность поставить ключ.
- 📍 Позиция — перемещение по осям X и Y, а также по глубине в 3D-слоях.
- 🔍 Масштаб — плавное увеличение или уменьшение объекта.
- 🔃 Поворот — вращение вокруг оси, включая полные обороты.
- 💧 Прозрачность — плавное появление и исчезновение (fade).
- 🎨 Цвет и эффекты — изменение заливки, силы размытия, теней и других эффектов.
Отдельно стоит упомянуть векторные слои: в них можно анимировать контур фигуры, толщину обводки и даже отдельные точки. Это открывает возможности для морфинга — плавного перетекания одной формы в другую.
Типичные ошибки при работе с ключами
Новички чаще всего сталкиваются с тремя проблемами. Первая — рывки вместо плавного движения. Причина почти всегда в линейной интерполяции: смените её на кривую с замедлением, и движение станет естественным.
Вторая ошибка — случайное изменение параметра без ключевого кадра. Если вы перетащили объект, не проверив положение курсора на таймлайне, правка может «размазаться» по всему слою. Отмените действие и проверьте, где стоит курсор воспроизведения.
Третья проблема — слишком большое расстояние между ключами при быстрой анимации. Если событие должно занять долю секунды, а ключи растянуты на три секунды, движение получится вялым. Сократите интервал — скорость возрастёт.
⚠️ Внимание: при копировании слоя с анимацией ключевые кадры копируются вместе с ним. Если вы редактируете ключи в копии, оригинал не изменится — но легко запутаться, какой слой вы правите. Переименовывайте слои в сложных проектах.
Практические приёмы для плавной анимации
Работайте от простого к сложному. Сначала поставьте ключи грубо — только начало и конец движения. Посмотрите результат, затем добавляйте промежуточные ключи и настраивайте кривые. Так проще контролировать общий ритм сцены.
Полезный приём — овершут (overshoot): объект слегка «перелетает» целевую точку и возвращается назад. Для этого добавьте между стартом и финишем один ключ со значением чуть больше конечного. Приём мгновенно делает анимацию живой.
Как скопировать ключи на другой слой
Выделите ключевые кадры на таймлайне (долгое нажатие и рамка выделения), скопируйте их через контекстное меню, затем выделите целевой слой и вставьте. Точные названия пунктов могут отличаться в зависимости от версии приложения — сверяйтесь с интерфейсом вашей сборки.
Для синхронизации с музыкой включите отображение звуковой дорожки и ставьте ключи по битам. Точную привязку удобнее делать, масштабируя таймлайн щипком — так видны доли секунды.
FAQ: частые вопросы о ключевых кадрах
Почему анимация не работает, хотя я поставил ключевой кадр?
Для анимации нужно минимум два ключа с разными значениями одного параметра. Проверьте, что второй ключ существует и что значение в нём отличается от первого. Также убедитесь, что ключи относятся к одному и тому же свойству слоя.
Как удалить лишний ключевой кадр?
Выделите ромбик ключа на таймлайне и нажмите иконку удаления (обычно корзина или минус рядом с параметром). Удаление ключа не сбрасывает остальную анимацию — соседние ключи останутся на месте.
Можно ли переместить ключ по времени?
Да. Выделите ключ и перетащите его вдоль таймлайне, либо используйте стрелки точного сдвига, если они доступны в вашей версии. Значение параметра при этом сохраняется — меняется только момент времени.
Почему движение выглядит дёрганым?
Наиболее вероятная причина — линейная интерполяция. Откройте настройки кривой для ключей и выберите Ease Out или настройте кривую Безье вручную. Также проверьте, что между ключами нет случайных промежуточных ключей с резко отличающимися значениями.
Сохраняются ли ключевые кадры при экспорте видео?
Ключи существуют только внутри проекта и формируют анимацию при рендере. В готовом видео вы увидите уже готовое движение. Сам проект с ключами хранится в приложении и может быть экспортирован как XML-пакет для переноса на другое устройство, если эта функция доступна в вашей версии.