Коротко: моушн-дизайн — це анімована графіка: заставки, титри, рекламні ролики, стікери, інтро на YouTube, анімовані логотипи й інтерфейси застосунків. Від мультиплікації він відрізняється метою: мультфільм розповідає історію, моушн-дизайн доносить повідомлення за кілька секунд. Курс — 18 місяців, 156 занять, 30 тем і дипломний проєкт, вік 10–18.

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

Чим це відрізняється від мультиплікації

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

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

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

А що тоді з відеомонтажем — це те саме?

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

Де діти стикаються з моушн-дизайном щодня

  • Соцмережі. Анімовані обкладинки, титри в сторіс, підписи, що з'являються під час мовлення, — усе це зроблено за тими самими правилами, що й реклама на телебаченні.
  • Ігри. Інтерфейс, лічильники, спливаючі повідомлення про досягнення — окремий жанр, і в програмі курсу він теж є: UI-анімація та мікровзаємодії.
  • Месенджери. Стікери й GIF — те, що діти роблять найохочіше й що в курсі винесене окремою темою разом із форматом Lottie.
  • Відео на YouTube. Інтро, нижні титри, анімовані пояснення поверх кадру — стандартний набір будь-якого блогера.

Що дитина робить на курсі

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

Потім інструмент: After Effects, ключові кадри й Graph Editor, shape-шари, маски. Десята й одинадцята теми — анімація тексту й кінетична типографіка. Тринадцята — розбір персонажа на частини, за нею ріггінг, цикли руху, міміка й ліпсинк.

Друга половина курсу — прикладні жанри: камера й паралакс, ефекти й частинки, прості симуляції, зйомка й трекінг, хромакей, кольорокорекція, моушн-графіка для банерів, анімація логотипів, інфографіка в русі, UI-анімація, стікери та Lottie. Завершують звук і саунд-дизайн, монтаж, експорт і портфоліо, а фінал — власний ролик і шоурил.

Як виглядає одна робота від початку до кінця

Візьмемо просте завдання — анімований логотип на п'ять секунд. Робота починається не в програмі, а на папері: розкадровка з трьох-чотирьох кадрів, де видно, з чого логотип збирається й у якому порядку з'являються частини.

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

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

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

Скільки часу займає перша власна робота

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

Між цими двома точками лежить близько тридцяти маленьких робіт, кожна з яких закриває одну техніку. Саме з них потім збирається шоурил, і саме тому їх не варто видаляти, навіть якщо на момент створення вони здаються невдалими.

Чи можна показувати ці роботи в соцмережах одразу

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

Навіщо це дитині, яка не збирається в професію

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

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

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

Чи не застаріє це через рік

Інструменти оновлюються, принципи — ні. Дванадцять принципів анімації, виведених ще до комп'ютерів, працюють однаково в After Effects і в будь-якому редакторі, який прийде йому на зміну. Тому курс будується навколо них, а не навколо версії програми.

Що потрібно вдома

Комп'ютер, який тягне After Effects: тут головне — оперативна пам'ять, бо попередній перегляд композиції кешується саме в неї. Відеокарта впливає менше, ніж у 3D. Планшет не потрібен: більша частина роботи — це ключові кадри й параметри, а не малювання.

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

З якого віку має сенс

Курс відкритий з 10 років. Межа не в складності інтерфейсу, а в характері роботи: анімація вимагає утримувати задум на кілька тижнів і повертатися до того самого ролика по багато разів. Молодшій дитині зазвичай цікавіше те, де результат з'являється за одне заняття.

Верхня межа — 18, і старший підліток проходить технічну частину швидше, зате менше часу лишається на накопичення власних робіт для шоурилу.

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