Как я перестал тратить часы на анимацию каждого элемента

Игорь создает анимированные explainer-видео для стартапов. Его ролики полны движущихся элементов, и каждый он раньше анимировал вручную, выставляя десятки keyframes на timeline.

Ручной труд без системы

Типичный двухминутный ролик содержал около 80 анимированных объектов. Игорь расставлял keyframes для Position, Scale, Rotation, Opacity на каждом. Это занимало 12-15 часов чистого времени. При этом если заказчик просил изменить timing, приходилось двигать все keyframes заново.

Biggest pain point: однообразные анимации. Игорь делал появление 20 иконок подряд, каждую отдельно. Copy-paste помогал, но только частично, потому что элементы имели разный размер и позицию. Adjusting занимал почти столько же времени.

Я чувствовал себя роботом, который 10 часов кликает по одним и тем же кнопкам. Знал, что есть способы лучше, но не понимал, с чего начать

Игорь Петров

Проект с 150 элементами стал последней каплей. Дедлайн был через неделю, а одна только анимация требовала 25 часов работы.

Автоматизация процесса

Игорь начал с изучения Graph Editor в After Effects. Понял разницу между Linear и Bezier interpolation. Научился создавать natural movement через Easy Ease и настройку кривых влияния. Одно это сократило количество keyframes вдвое: вместо 6 точек на bounce animation стало 3.

Следующий шаг: expressions. Игорь освоил wiggle для random motion, loopOut для циклических анимаций, time для привязки к временной шкале. Теперь он пишет короткий код вместо расстановки 40 keyframes для дрожания элемента.

Создал библиотеку из 15 expression presets: smooth follow, elastic bounce, overshoot, wave motion. Применяет к свойству, подстраивает два параметра в коде, готово. Для сложных последовательностей использует parent-child relationships: анимирует родителя, 10 детей двигаются автоматически.

Game changer: Игорь открыл для себя null objects как контроллеры. Один null управляет позицией всей группы элементов, второй отвечает за глобальную скорость анимации через timeRemap expression. Изменения теперь вносятся в одном месте.

Практический выход

Время анимации проекта сократилось с 15 часов до 3 часов. Игорь начал брать в два раза больше заказов. Его портфолио за три месяца пополнилось 18 новыми работами вместо обычных 8. Правки от клиентов, которые раньше были кошмаром, теперь занимают 20 минут: меняешь параметр в expression или двигаешь один keyframe на null object.