Коротко: двенадцать принципов анимации сформулировали аниматоры студии Disney в 1930-х, и они описывают не рисунок, а движение: как предмет разгоняется, деформируется, запаздывает и останавливается. Именно поэтому они работают одинаково в рисованной анимации и в After Effects. На курсе с них начинается программа — темы «Основы анимации» и «Тайминг, спейсинг и вес».

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

Почему они до сих пор актуальны

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

Программа и версия редактора меняются каждые несколько лет. Ожидания глаза — нет.

Как выглядит упражнение с прыгающим мячом

Это первое практическое задание курса, и оно же самое показательное. Ребёнок ставит два ключевых кадра: мяч вверху и мяч на полу. Программа сама строит движение между ними — ровное, механическое, похожее на лифт.

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

Потом деформация: в момент удара мяч сплющивается, сразу после — вытягивается. Один-два кадра, которые легко пропустить при просмотре, но без которых движение выглядит резиновым в плохом смысле.

И напоследок — затухание: каждый следующий прыжок ниже предыдущего. Без этого мяч скачет вечно и одинаково, что глаз читает как ошибку.

На выходе — пять секунд анимации, в которые вложено четыре принципа. Именно это упражнение вспоминают выпускники, когда объясняют, почему курс не начинается с персонажей.

Откуда вообще взялись эти двенадцать пунктов

Их собрали аниматоры студии Disney в 1930-х годах, обобщив собственную практику, а позже опубликовали в книге «The Illusion of Life». Это не теоретическая модель, придуманная за столом, а описание того, что работало на экране — и именно поэтому список пережил переход от целлулоида к компьютеру без изменений.

Все ли двенадцать одинаково нужны в моушн-дизайне

Нет, и это честно стоит сказать. Объёмный рисунок и привлекательность больше касаются персонажной анимации, чем движения баннера. А вот тайминг, easing, захлёст и подготовка к действию работают в каждом ролике без исключения — даже там, где в кадре только текст и геометрические фигуры.

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

Двенадцать принципов коротко

  • Сжатие и растяжение. Объект деформируется при движении: мяч сплющивается о пол и вытягивается в полёте. Без этого движение выглядит жёстким.
  • Подготовка к действию. Перед прыжком — приседание, перед броском — замах. Зритель должен успеть понять, что сейчас произойдёт.
  • Сценичность. В кадре должно быть понятно, куда смотреть. Два важных движения одновременно — это ноль важных движений.
  • Прямая анимация и от позы к позе. Два способа работы: рисовать кадр за кадром или сначала ключевые позы, потом промежуточные. В цифровой анимации чаще второй.
  • Сквозное движение и захлёст. Части движутся с разной задержкой: тело остановилось, волосы ещё нет.
  • Ускорение и замедление. Тот самый easing: движение начинается и заканчивается мягче, чем посередине.
  • Дуги. Живые существа движутся по кривым, а не по прямым. Рука, идущая строго по линии, выглядит механической.
  • Второстепенное действие. Мелкое движение, поддерживающее основное: персонаж идёт и поправляет шапку.
  • Тайминг. Сколько кадров занимает действие. Главный параметр, отличающий тяжёлое от лёгкого и смешное от серьёзного.
  • Преувеличение. Реалистичное движение на экране часто выглядит вялым, поэтому амплитуду сознательно увеличивают.
  • Объёмный рисунок. Объект должен сохранять форму и вес со всех сторон, а не «плыть» от кадра к кадру.
  • Привлекательность. Персонаж или объект должен быть интересен для взгляда — это касается и формы, и характера движения.

Как они разложены по программе курса

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

Ускорение и замедление получают отдельный инструмент в седьмой теме — ключевые кадры и Graph Editor. Там easing перестаёт быть ощущением и становится кривой, которую видно на графике: ребёнок не «чувствует», что движение резкое, а видит прямую линию там, где должна быть плавная.

Сквозное движение и захлёст проще всего тренируются на тексте — десятая и одиннадцатая темы. Дуги, второстепенное действие и преувеличение раскрываются на персонаже, с тринадцатой темы, когда появляется риггинг и циклы движения.

Какой принцип труднее всего даётся детям

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

Второе по сложности — преувеличение, но по другой причине: оно противоречит здравому смыслу. Ребёнок пытается сделать «как на самом деле», а на экране это выглядит вяло, и поверить, что амплитуду надо увеличить, удаётся только через сравнение двух версий рядом.

Как проверить принципы дома

Проще всего — на любом ролике из рекламы. Поставьте на паузу в момент, когда предмет останавливается, и посмотрите, есть ли в кадре что-то, что продолжает двигаться. Почти всегда есть: тень, подпись, мелкая деталь.

Вторая проверка — скорость появления текста. Если надпись выезжает ровно и резко останавливается, это обычно работа новичка. Если тормозит плавно — над ним работали осознанно.

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

Мнение преподавателя: «Двенадцать принципов звучат как теория ровно до тех пор, пока ребёнок не увидит свой же мяч без них и с ними. После этого упражнения объяснять больше ничего не надо — дальше он сам спрашивает, почему его персонаж движется "как робот".»

Что делать, если движение выглядит неправильно, а причина непонятна

Порядок проверки, который используют на занятиях. Сначала тайминг: посчитать, сколько кадров занимает действие, и попробовать вдвое меньше или больше. Потом easing: посмотреть на кривую в Graph Editor — прямая линия почти всегда означает механическое движение. Дальше захлёст: есть ли хоть что-то, что останавливается позже основного объекта. И напоследок подготовка: есть ли перед действием короткое движение в противоположную сторону.

В большинстве случаев проблема находится на первых двух пунктах, и исправление занимает минуты. Именно поэтому список принципов полезнее как инструмент диагностики, чем как теория для запоминания.

Нужно ли учить их наизусть

Нет. Список полезен как чеклист, когда работа выглядит неправильно, а причина непонятна: проходишь по пунктам и находишь, чего не хватает. Запоминаются они сами, через практику, а не через пересказ.

Курс длится 18 месяцев, 156 занятий, возраст 10–18, группа до 6 учеников. Почему программа начинается не с персонажей, разобрано в статье «Почему в анимации сначала учат двигать текст», а что входит в финальную подборку работ — в материале «Что входит в шоурил подростка». Полная программа — на странице курса «Анимация и моушн-дизайн».