Ключевой кадр задаёт значение в определённый момент
Пусть условный объект начинает движение в точке ноль и заканчивает в точке сто через один и тот же промежуток времени. Эти два состояния описывают границы, но не единственный возможный путь между ними. Нужно определить промежуточные значения. При линейном изменении одного координатного параметра за равные промежутки времени значение меняется одинаково. Для пяти равномерно выбранных моментов можно записать положения 0, 25, 50, 75, 100. Разница между соседними числами постоянна. В нашей одномерной модели это соответствует равномерному движению.
Расстояния между положениями показывают изменение темпа
Теперь оставим те же начало, конец и общий срок, но зададим положения 0, 10, 50, 90, 100. В начале и конце соседние положения расположены ближе, в середине дальше. Объект проходит меньшие расстояния за равные промежутки на краях и большие в середине. Такой рисунок позволяет увидеть замедление и ускорение ещё до воспроизведения. При этом сам набор пяти чисел не описывает все возможные промежуточные детали. В программе форму изменения задают выбранной интерполяцией и настройками кривой. Название плавная не гарантирует, что переход соответствует задуманному весу, усилию или характеру объекта.
Проверяйте движение целиком
Красивый отдельный кадр может скрывать неубедительный переход. Поэтому оценивают начало, середину и остановку вместе. Если объект должен резко остановиться, слишком мягкое завершение изменит впечатление. Если он должен двигаться спокойно, внезапный скачок может оказаться случайной ошибкой. Полезно менять по одному условию: сначала длительность, затем распределение промежуточных положений или наоборот. Одновременное изменение всего затрудняет сравнение. Для сложного движения также важно различать путь в пространстве и скорость прохождения этого пути. Один и тот же маршрут может иметь разный ритм, а похожий ритм не делает маршруты одинаковыми.
Попробуйте на практике
Сравните две одномерные анимации на пяти бумажных карточках каждая.
- Для первого ряда отметьте положения 0, 25, 50, 75, 100, считая промежутки времени между карточками равными.
- Для второго ряда используйте положения 0, 10, 50, 90, 100 при той же общей длительности.
- Вычислите расстояния между соседними положениями и подпишите, где движение равномерное, а где меняется темп.
- Придумайте художественную задачу для каждого варианта и объясните выбор через движение, а не внешний вид объекта.
Как проверить результат. В первом ряду все приращения равны 25. Во втором они составляют 10, 40, 40 и 10. Начало и конец совпадают, но распределение движения во времени различается. Пример не выдан за универсальную физическую модель.
Частые вопросы
Больше ключевых кадров всегда улучшает анимацию?
Нет. Важно, какие значения и переходы они задают. Лишние ключи могут усложнить управление и создать случайные изменения темпа.
Можно ли оценить плавность только по конечным позам?
Нет. Нужны промежуточные положения и время перехода. Именно они показывают, как объект приходит к результату и что зритель ощущает в движении.
Самостоятельный разбор темы. Содержание конкретной обучающей программы здесь не представлено.