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

Принципи звучать як теорія, поки їх не побачити на простій вправі. Найпоказовіша — стрибучий м'яч: на ньому за одне заняття перевіряються одразу чотири принципи, і різницю між «падає» й «падає важко» видно навіть тому, хто ніколи не займався анімацією.

Чому вони досі актуальні

Тому що описують фізику й сприйняття, а не інструмент. Око людини очікує, що важкий предмет розганяється повільніше за легкий, що м'яч сплющується при ударі, що волосся рухається із запізненням. Якщо цього немає, рух читається як неправильний — незалежно від того, намальований він олівцем чи побудований ключовими кадрами.

Програма й версія редактора змінюються кожні кілька років. Очікування ока — ні.

Як виглядає вправа зі стрибучим м'ячем

Це перше практичне завдання курсу, і воно ж найпоказовіше. Дитина ставить два ключові кадри: м'яч угорі й м'яч на підлозі. Програма сама будує рух між ними — рівний, механічний, схожий на ліфт.

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

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

І наостанок — загасання: кожен наступний стрибок нижчий за попередній. Без цього м'яч скаче вічно й однаково, що око читає як помилку.

На виході — п'ять секунд анімації, у які вкладено чотири принципи. Саме цю вправу згадують випускники, коли пояснюють, чому курс не починається з персонажів.

Звідки взагалі взялися ці дванадцять пунктів

Їх зібрали аніматори студії Disney у 1930-х роках, узагальнивши власну практику, а пізніше опублікували в книзі «The Illusion of Life». Це не теоретична модель, придумана за столом, а опис того, що працювало на екрані — і саме тому список пережив перехід від целулоїду до комп'ютера без змін.

Чи всі дванадцять однаково потрібні в моушн-дизайні

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

На курсі акцент саме на цій четвірці: вона дає найбільшу різницю в якості за найменший час. Решта розкривається пізніше, коли доходить черга до персонажа, і тоді ж стає зрозуміло, навіщо потрібні дуги й другорядна дія.

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

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

Як вони розкладені по програмі курсу

Перші дві теми — прямо про них: основи анімації, потім таймінг, спейсинг і вага. Це фундамент, який далі використовується на кожній наступній темі.

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

Наскрізний рух і захльост найпростіше тренуються на тексті — десята й одинадцята теми. Дуги, другорядна дія й перебільшення розкриваються на персонажі, з тринадцятої теми, коли з'являється риггінг і цикли руху.

Який принцип найважче дається дітям

Захльост. У житті він відбувається надто швидко, щоб помітити свідомо, і тому діти зупиняють усі частини руху одночасно. Виправляється це однією вправою: зупинити слово, а літери відпустити на два кадри пізніше — різниця помітна одразу й запам'ятовується назавжди.

Другий за складністю — перебільшення, але з іншої причини: воно суперечить здоровому глузду. Дитина намагається зробити «як насправді», а на екрані це виглядає мляво, і повірити, що амплітуду треба збільшити, вдається тільки через порівняння двох версій поруч.

Як перевірити принципи вдома

Найпростіше — на будь-якому ролику з реклами. Поставте на паузу в момент, коли предмет зупиняється, і подивіться, чи є в кадрі щось, що продовжує рухатися. Майже завжди є: тінь, підпис, дрібна деталь.

Друга перевірка — швидкість появи тексту. Якщо напис виїжджає рівно й різко зупиняється, це зазвичай робота новачка. Якщо гальмує плавно — над ним працювали свідомо.

Такі спостереження — і є та насмотреність, з якою дитина приходить на заняття вже підготовленою: вона знає, на що дивитися.

Думка викладача: «Дванадцять принципів звучать як теорія рівно доти, доки дитина не побачить свій же м'яч без них і з ними. Після цієї вправи пояснювати більше нічого не треба — далі вона сама питає, чому її персонаж рухається "як робот".»

Що робити, якщо рух виглядає неправильно, а причина незрозуміла

Порядок перевірки, який використовують на заняттях. Спершу таймінг: порахувати, скільки кадрів займає дія, і спробувати вдвічі менше або більше. Потім easing: подивитися на криву в Graph Editor — пряма лінія майже завжди означає механічний рух. Далі захльост: чи є хоч щось, що зупиняється пізніше за основний об'єкт. І наостанок підготовка: чи є перед дією короткий рух у протилежний бік.

У більшості випадків проблема знаходиться на перших двох пунктах, і виправлення займає хвилини. Саме тому список принципів корисніший як інструмент діагностики, ніж як теорія для запам'ятовування.

Чи потрібно вчити їх напам'ять

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

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