Как создать анимацию в Alight Motion: ключевые кадры, графы и эффекты

Иван Корнев·5 августа 2026·⏱4 мин

Чтобы понять, как создать анимацию в Alight Motion, используйте принцип «Add, Adjust, Animate». Задайте два ключевых кадра для свойств слоя, и приложение автоматически построит движение между ними.

Оглавление

Основной принцип и ключевые кадры

Alight Motion использует подход «Add, Adjust, Animate» (Добавить, Настроить, Анимировать). Процесс обучения делится на подготовку слоев и непосредственное создание движения.

Ключевые кадры — это координатные точки на таймлайне, которые сохраняют значение свойства (позиция, масштаб, поворот, прозрачность, цвет) в определенный момент времени. Для создания анимации требуется минимум два ключевых кадра: первый определяет начальное состояние, второй — конечное. Пространство между ними приложение заполняет автоматически, создавая плавное движение.

Пошаговая инструкция по созданию анимации

Процесс идентичен для Android, iOS и iPad. На iPad доступно больше экранного пространства для работы с таймлайном, более точный контроль над положением ползунка и поддержка Apple Pencil для манипуляций с кадрами.

  1. Откройте существующий проект или создайте новый, затем нажмите на слой, который нужно анимировать.
  2. Выберите «Move & Transform» (Перемещение и трансформация) или любое другое свойство.
  3. Переместите ползунок воспроизведения в точку начала анимации и нажмите на иконку ромба рядом со свойством, чтобы установить первый ключевой кадр.
  4. Перетащите ползунок вперед к конечной точке и измените параметр слоя (переместите его, измените размер или прозрачность). Alight Motion автоматически запишет это как второй ключевой кадр.
  5. Нажмите кнопку воспроизведения для просмотра результата.

Настройка плавности через Graph Editor

По умолчанию приложение использует линейное движение — объект перемещается от точки A к точке B с постоянной скоростью, что выглядит неестественно.

Как открыть редактор графов:

  1. Поместите ползунок между двумя ключевыми кадрами.
  2. Нажмите на ключевой кадр и выберите иконку графа.
  3. Изогните кривую, представляющую скорость анимации, или используйте готовые пресеты:
    • Ease In — начинается медленно, ускоряется к концу.
    • Ease Out — начинается быстро, замедляется к концу.
    • Ease In-Out — медленно в начале и конце, быстро в середине.

Ключевые кадры можно применять к большинству свойств эффектов и фильтров, анимируя их интенсивность так же, как и базовые параметры слоя. Чтобы удалить лишний кадр, нажмите и удерживайте ромб на таймлайне, затем выберите «Delete».

Доступные эффекты и фильтры

В библиотеке доступно более 100 различных эффектов, которые можно комбинировать:

  • Базовые: Brightness / Contrast, Gaussian Blur, Box Blur, Fade In/Out, Motion Blur.
  • Эффекты искажения: Bend, Pinch/Bulge, Swirl, Wave Warp, Turbulent Displace.
  • Световые эффекты: Glow, Inner Glow, Edge Glow, Lens Flare, Lightning.
  • Переходы: Dissolve, Block Dissolve, Radial Wipe, Wipe, Chroma Key.
  • Текстовые эффекты: Text Progress, Text Randomizer, Text Spacing, Text Transform.
  • Специальные эффекты: Echo Keyframes, Move Along Path, Repeat Along Path, Pixelate, Kaleidoscope.

Профессиональные советы

  • Копирование стилей: Если нужно применить одинаковое движение к нескольким слоям, нажмите на иконку слоя и выберите «Copy Layer». Выделите целевой слой, нажмите на иконку слоев (стрелку), выберите «Paste Style», отметьте нужные свойства и нажмите «Paste».
  • Минимизация кадров: Избегайте избыточного количества ключевых кадров на коротком участке таймлайна. Это создает дерганое, непредсказуемое движение, которое сложно исправить. Начинайте с двух кадров и добавляйте новые только при необходимости.
  • Обязательное сглаживание: Применение easing (сглаживания) изменяет свойство с увеличивающейся или уменьшающейся скоростью, делая движение естественным.

Частые ошибки

  • Игнорирование Graph Editor: Использование только линейного движения без пресетов сглаживания — главная причина, по которой анимации новичков выглядят жесткими и неестественными.
  • Перенасыщение ключевыми кадрами: Создание слишком большого количества точек на таймлайне приводит к хаотичному движению, которое трудно контролировать и редактировать.

FAQ

Можно ли анимировать сами эффекты, а не только слои? Да, Alight Motion позволяет применять ключевые кадры к большинству свойств эффектов и фильтров. Вы можете анимировать интенсивность размытия и другие параметры эффектов по тому же принципу, что и позицию или прозрачность.

Чем отличается работа на iPad? Процесс абсолютно идентичен мобильным версиям, но iPad предоставляет больше экранного пространства для работы с таймлайном, более точный контроль над положением ползунка и поддержку Apple Pencil для повышения точности при манипуляции ключевыми кадрами.