§ 11. Анимация формы

В анимации движения объект сохраняет основную геометрию, а в анимации формы меняется сам рисунок: квадрат может стать многоугольником, линия — волнистым контуром. Для классического перехода формы используют обычные векторные фигуры, а не готовые экземпляры символов.

Задайте фигуру в первом ключевом кадре, другую — в конечном, затем включите переход формы. Начинайте с простых контуров. Несколько независимых превращений удобнее разнести по слоям, чтобы редактору и автору было понятнее, какие части должны соответствовать друг другу.

Редактор должен связать элементы начальной и конечной фигур. Для сложных контуров возможны разные соответствия. Поэтому вершина может неожиданно уйти к противоположной стороне, а контур — перекрутиться. Наличие правильных крайних кадров ещё не гарантирует удачного перехода.

Промежуточные ключи и подсказки формы помогают уточнить превращение. Проверяйте начало, четверть, середину, три четверти и конец. Если промежуточный силуэт выглядит случайным, упростите геометрию или разделите задачу на несколько понятных переходов.

Цвет заливки может постепенно переходить от одного к другому. Для линейного смешивания отдельно вычисляются компоненты цвета. Прозрачность задаёт степень видимости: полностью прозрачная фигура не закрывает фон, но всё ещё может существовать в проекте.

Градиент распределяет цвета внутри одной фигуры. Это отличается от изменения цвета во времени. При анимации градиента меняют его параметры между ключами. В старом редакторе из учебника для предсказуемого результата используют совместимые типы градиентов и проверяют направление перехода.

При равномерном переходе одинаковые доли времени соответствуют одинаковым долям вычисляемого преобразования. Ускорение заставляет изменения сначала происходить медленно, а затем быстрее. Замедление даёт противоположный эффект. Конечная фигура и длительность могут оставаться прежними.

Если нужно строго определённое промежуточное состояние, лучше задать его отдельным ключом. Настройка ускорения сама по себе не рисует нужный силуэт. После изменения темпа снова просмотрите весь переход, поскольку заметность искажений зависит от скорости.