Чтобы анимировать руку в Alight Motion, недостаточно просто двигать слой с изображением — рука должна сгибаться в суставах, а значит, понадобится разбить её на отдельные части и связать их между собой. В приложении для этого используются ключевые кадры, группировка слоёв и привязка якорной точки к месту сочленения.
Ниже разберём весь процесс: от подготовки изображения до настройки плавности движения. Инструкция подходит для актуальных версий Alight Motion на Android и iOS, однако названия кнопок и расположение элементов интерфейса могут немного отличаться в зависимости от версии приложения — в этом случае ориентируйтесь на логику описанных действий.
Подготовка изображения руки
Главное условие реалистичной анимации — рука не должна быть единой картинкой. Если вы импортируете сплошной PNG-файл, рука будет двигаться как целый объект, без сгиба в локте и кисти. Поэтому исходник нужно разделить минимум на части: плечо, предплечье и кисть.
Разрезать изображение можно в любом графическом редакторе на телефоне, который умеет сохранять PNG с прозрачным фоном. Каждый фрагмент сохраняется отдельным файлом. Сохраняйте части с небольшим «запасом» по краям сустава — тогда при повороте между сегментами не появится прозрачная щель.
- ✂️ Разделите руку на 2–3 части по суставам (локоть, запястье)
- 🖼️ Сохраняйте каждый фрагмент в формате PNG с прозрачностью
- 📐 Оставляйте небольшой нахлёст в местах соединения частей
- 🗂️ Подпишите файлы понятно: «плечо», «предплечье», «кисть»
Импорт и расстановка слоёв
Создайте новый проект в Alight Motion и добавьте подготовленные изображения через кнопку + → Медиа. Каждый фрагмент руки станет отдельным слоем на таймлайне. После импорта расположите части так, чтобы они визуально собрались в целую руку в исходной позе.
Порядок слоёв имеет значение: часть, которая должна быть «сверху» (например, кисть поверх предплечья в месте нахлёста), размещается выше в списке слоёв. Проверьте стыки при разных углах, слегка повернув каждый сегмент — так вы сразу увидите, где нахлёста недостаточно.
⚠️ Внимание: не объединяйте слои в один на этом этапе и не применяйте к ним общие трансформации. Сначала нужно настроить якорные точки каждой части, иначе вся последующая анимация будет вращаться неправильно.
Настройка якорной точки (точки вращения)
Это самый важный шаг, который новички часто пропускают. По умолчанию слой вращается вокруг своего центра. Если повернуть предплечье с таким центром, оно будет крутиться «в воздухе», а не сгибаться в локте. Нужно перенести якорную точку (pivot) в место сустава.
Выделите слой, откройте параметры трансформации и найдите настройку точки привязки. Переместите её в то место, где физически находится сустав: для предплечья — в локоть, для кисти — в запястье, для плеча — в плечевой сустав. После этого проверьте вращение: поверните сегмент и убедитесь, что он движется вокруг сустава.
☑️ Проверка перед анимацией
Неправильно выставленная якорная точка — причина номер один «деревянной» и сломанной анимации рук в Alight Motion. Потратьте на этот этап столько времени, сколько нужно.
Связывание частей через группы
Чтобы кисть следовала за предплечьем, а предплечье — за плечом, используйте вложенные группы. Логика такая: кисть помещается внутрь группы предплечья, а та — внутрь группы плеча. Тогда при повороте «родительского» сегмента все вложенные части двигаются вместе с ним, сохраняя при этом возможность собственного вращения.
Выделите нужные слои и объедините их через функцию группировки в списке слоёв. Точное название кнопки зависит от версии приложения, но ищите её в меню слоя или при долгом нажатии на выделенные элементы. После группировки проверьте иерархию: поверните плечо — вся рука должна двигаться; поверните предплечье — должны двигаться предплечье и кисть, но не плечо.
Создание анимации ключевыми кадрами
Теперь можно анимировать. Переместите курсор таймлайна в начальную точку, выделите нужный слой или группу и поставьте ключевой кадр на параметр вращения (иконка ромбика рядом с параметром). Затем передвиньте курсор дальше по времени, поверните сегмент в конечное положение — второй ключ создастся автоматически или добавится вручную.
Для естественного взмаха руки обычно достаточно 3–5 ключевых кадров на один жест: исходная поза, подъём, верхняя точка, небольшое «перелётное» положение и возврат. Анимируйте сегменты по очереди: сначала плечо, потом предплечье, затем кисть. Кисть в живом движении всегда чуть запаздывает — сдвиньте её ключи на несколько кадров позже, это сразу добавит реалистичности.
Настройка плавности (графики скорости)
Линейная анимация выглядит механически: рука резко стартует и резко останавливается. Чтобы этого избежать, откройте график скорости (easing) для ключевых кадров. В Alight Motion между двумя ключами можно выбрать тип кривой — плавный разгон в начале и плавное торможение в конце.
Подёргайте ручки кривой и посмотрите результат в предпросмотре. Хороший ориентир для естественного движения — кривая в форме мягкой буквы S: медленный старт, ускорение в середине, плавная остановка. Для «живого» взмаха можно добавить лёгкий перелёт: конечный ключ ставится чуть дальше целевой позы, а следующим ключом рука возвращается назад.
| Тип кривой | Как выглядит движение | Где применять |
|---|---|---|
| Линейная | Равномерное, механичное | Машинальные движения, циклы |
| Плавное замедление | Быстрый старт, мягкая остановка | Взмахи, указывающие жесты |
| Плавный разгон | Медленный старт, ускорение | Отведение руки назад, замах |
| S-образная | Мягкий старт и мягкий финал | Большинство естественных жестов |
⚠️ Внимание: не применяйте одинаковую кривую ко всем сегментам руки сразу. Кисть и предплечье движутся с разной скоростью — одинаковые настройки сделают жест «компьютерным».
Типичные ошибки и как их исправить
Даже следуя инструкции, можно столкнуться с проблемами. Вот самые частые и способы их решения:
- 🔧 Рука вращается «в воздухе» — якорная точка не в суставе, перенастройте pivot
- 🕳️ Щель между частями при сгибе — увеличьте нахлёст фрагментов на исходнике
- 🤖 Движение дёрганое — мало ключевых кадров или линейная кривая, добавьте плавность
- 🧩 Кисть не следует за предплечьем — слой не вложен в нужную группу
- 🐌 Проект тормозит при предпросмотре — снизьте качество предпросмотра в настройках проекта
Как сделать циклическую анимацию (махание в петле)
Создайте один полный цикл жеста ключевыми кадрами, затем продублируйте слой или скопируйте ключи на следующий отрезок времени. Чтобы стык цикла был незаметен, первый и последний ключи должны полностью совпадать по позе и использовать одинаковую кривую скорости.
Если жест всё равно выглядит неестественно, запишите на камеру собственную руку, выполняющую нужное движение, и покадрово сверьте позы. Такой референс — самый надёжный способ понять, как ведут себя суставы в реальности.
Частые вопросы
Можно ли анимировать руку, не разделяя её на части?
Можно, но только простые движения всей рукой целиком: подъём, наклон, смещение. Сгиб в локте или кисти без разделения на сегменты сделать не получится — для этого физически нужны отдельные слои с собственными точками вращения.
Где находится настройка якорной точки в Alight Motion?
Она находится в параметрах трансформации выделенного слоя. Точное расположение и название пункта зависят от версии приложения — ищите настройку точки привязки (anchor/pivot) среди параметров позиции и вращения.
Почему при повороте группы части руки разъезжаются?
Чаще всего причина в том, что якорные точки сегментов стоят не в суставах, либо слои сгруппированы до того, как были правильно расставлены. Разгруппируйте, выставьте pivot у каждой части, соберите руку заново и только потом группируйте.
Сколько ключевых кадров нужно на один жест?
Для простого взмаха обычно хватает 3–5 ключей на сегмент. Точного правила нет: ориентируйтесь на предпросмотр — если движение выглядит цельным и плавным, ключей достаточно.
Работает ли этот способ на бесплатной версии Alight Motion?
Ключевые кадры, группы и графики скорости доступны в базовой версии, однако набор функций различается между версиями приложения и может меняться. Если какой-то инструмент недоступен, проверьте ограничения вашей версии в описании приложения.