Родительский слой в Alight Motion — это механизм привязки одного слоя к другому, при котором трансформации «родителя» (перемещение, масштаб, поворот) автоматически передаются «дочернему» слою. Если вы пытаетесь сдвинуть группу объектов, а они разъезжаются в разные стороны, причина почти всегда в том, что слои не связаны между собой — и именно функцию Parent Layer нужно проверить в первую очередь.
В этой статье разберём, где находится настройка родительского слоя, как правильно назначать связи, чем родительство отличается от группировки и какие ошибки чаще всего мешают анимации работать так, как задумано. Материал подходит для пользователей мобильной версии приложения на Android и iOS.
Что такое родительский слой и зачем он нужен
Родительский слой — это слой, который управляет трансформациями других слоёв, привязанных к нему. Когда вы перемещаете, вращаете или масштабируете родителя, все дочерние слои повторяют эти изменения, сохраняя своё относительное положение. При этом у дочернего слоя остаются собственные ключевые кадры — его локальная анимация накладывается на унаследованную.
Классический пример: вы делаете персонажа, у которого рука должна двигаться вместе с телом, но при этом ещё и вращаться сама по себе. Тело назначается родителем, рука — дочерним слоем. Теперь смещение тела уносит руку с собой, а локальный поворот руки продолжает работать независимо.
- 🔗 Связка нескольких элементов в единую анимированную конструкцию
- 🎯 Сохранение относительного положения объектов при движении камеры или фона
- 🌀 Комбинирование локальной и унаследованной анимации
- 🧩 Упрощение сложных сцен без ручного дублирования ключевых кадров
Как назначить родительский слой: пошаговая инструкция
Действия ниже описывают общий принцип. Названия пунктов интерфейса могут немного отличаться в зависимости от версии приложения и языка — сверяйтесь с вашей установленной версией Alight Motion.
Откройте проект и выберите слой, который должен стать дочерним. Перейдите в свойства слоя — обычно это раздел с трансформациями (Move & Transform). Внутри найдите пункт Parent или Родительский слой и нажмите на него. Приложение предложит выбрать из списка другой слой текущей композиции — укажите тот, который будет родителем.
Слой → Move & Transform → Parent → выбор родительского слояПосле назначения проверьте результат: выделите родительский слой и сдвиньте его. Дочерний объект должен последовать за ним, сохранив своё смещение относительно родителя. Если дочерний слой «прыгнул» в новую позицию сразу после привязки — это нормальное поведение: его координаты пересчитались в систему координат родителя. Просто верните объект на нужное место уже после установки связи.
☑️ Назначение родительского слоя
Чем родительство отличается от группы
Новички часто путают эти два механизма, потому что внешне результат похож: несколько объектов двигаются вместе. Разница в логике. Группа — это контейнер, объединяющий слои для удобства организации и совместного редактирования. Родительская связь — это иерархия трансформаций, где один слой управляет другим.
На практике группу удобно применять для структурирования проекта, а родительство — для построения анимационных цепочек: тело → рука → предмет в руке. Такие цепочки могут быть многоуровневыми: дочерний слой одного родителя сам становится родителем для следующего.
| Критерий | Родительский слой | Группа |
|---|---|---|
| Назначение | Передача трансформаций | Организация слоёв |
| Иерархические цепочки | Да, многоуровневые | Нет, только вложенность |
| Локальная анимация дочернего слоя | Сохраняется и суммируется | Работает внутри группы |
| Типичный сценарий | Персонажная анимация, связанные объекты | Порядок на временной шкале |
Настройка анимации с учётом родительской связи
Ключевые кадры дочернего слоя записываются в его локальных координатах. Это значит, что если вы анимируете дочерний объект, а потом поменяете родителя или сдвинете его, вся дочерняя анимация «поедет» вместе с новой системой координат. Поэтому порядок работы имеет значение: сначала выстраивайте иерархию, потом анимируйте.
Вам нужно анимировать и родителя, и ребёнка? Ставьте ключи раздельно: сначала грубое движение на родителе, затем детали на дочернем слое. Так проще контролировать результат и проще исправлять ошибки — не придётся пересчитывать десятки ключей вручную.
⚠️ Внимание: удаление родительского слоя или отмена связи может сместить дочерний объект, потому что его координаты пересчитаются обратно в координаты сцены. Перед разрывом связи запомните или зафиксируйте текущее положение дочернего слоя.
Типичные ошибки и их решения
Самая частая жалоба: «привязал слой, а он пропал с экрана». Причина — пересчёт координат, описанный выше. Дочерний слой не исчез, он просто находится в точке, заданной относительно родителя, которая может быть далеко за пределами кадра. Решение — вручную вернуть объект в видимую область.
Вторая распространённая ситуация — циклическая привязка: слой А назначен родителем слоя Б, а слой Б — родителем слоя А. Такая конструкция логически невозможна, и приложение либо не даст её создать, либо поведение слоёв станет непредсказуемым. Проверяйте, чтобы иерархия шла строго в одну сторону.
- ❌ Дочерний слой не двигается за родителем — проверьте, что привязка назначена именно в свойствах дочернего слоя, а не наоборот
- ❌ Объект прыгает при создании связи — пересчёт координат, верните его на место
- ❌ Анимация сломалась после смены родителя — ключи записаны в старых координатах, переставьте их
- ❌ Нельзя выбрать нужный слой родителем — убедитесь, что оба слоя находятся в одной композиции
⚠️ Внимание: родительская связь не передаёт эффекты, прозрачность и режимы наложения — наследуются только позиция, масштаб и поворот. Если нужно, чтобы дочерний объект гас вместе с родителем, анимируйте прозрачность обоих слоёв отдельно.
Как построить цепочку из трёх и более слоёв
Назначьте слою 2 родителем слой 1, затем слою 3 родителем слой 2 — и так далее. Каждый следующий слой наследует трансформации всей цепочки выше. Так строятся конечности персонажей: плечо → предплечье → кисть. Анимируйте каждый уровень локально, и движение будет выглядеть естественно.
Практические сценарии использования
Где родительские слои дают максимальный эффект? Вот несколько проверенных сценариев, которые встречаются в большинстве проектов с motion-дизайном.
Первый сценарий — текст, привязанный к движущемуся объекту. Например, подпись следует за летящим логотипом. Вместо того чтобы дублировать ключевые кадры позиции на текстовом слое, вы назначаете логотип родителем — и подпись следует за ним автоматически, а её собственная анимация появления остаётся нетронутой.
Второй сценарий — имитация камеры. Создайте пустой слой, привяжите к нему все элементы сцены и анимируйте только его: масштаб даёт эффект наезда, смещение — панорамирование. Это заметно упрощает работу по сравнению с ручной анимацией каждого слоя.
FAQ: частые вопросы о родительских слоях
Можно ли назначить один родительский слой нескольким дочерним?
Да. Один родитель может управлять любым количеством дочерних слоёв — все они будут повторять его трансформации, сохраняя собственные смещения и локальную анимацию.
Наследуются ли эффекты и прозрачность от родителя?
Нет. Через родительскую связь передаются только трансформации: позиция, масштаб и поворот. Прозрачность, цвет и эффекты настраиваются для каждого слоя отдельно.
Почему дочерний слой сместился сразу после привязки?
Его координаты пересчитались из системы координат сцены в систему координат родителя. Это ожидаемое поведение — просто верните объект на нужное место после установки связи.
Как разорвать родительскую связь?
Откройте свойства дочернего слоя, найдите пункт Parent и сбросьте выбор (вариант «None» / «Нет»). Учтите, что позиция слоя может измениться из-за пересчёта координат — зафиксируйте её заранее.
Доступна ли функция в бесплатной версии Alight Motion?
Набор функций может различаться между версиями и тарифами приложения. Если пункта Parent нет в свойствах слоя, проверьте актуальность версии и условия вашей подписки в официальном описании приложения.