Содержание статьи
- Что такое тайминг и чем он отличается от спейсинга?
- Что делает движение с равными интервалами механическим?
- Что делают замедление и ускорение на краях движения?
- Почему живое движение идёт по дугам?
- Зачем нужны подготовка к движению и инерция после него?
- Как деформация формы сохраняет объём?
- Что такое единички и двойки в рисованной анимации?
- Почему анимация выглядит неживой: два варианта одного движения
- На что смотреть первым делом, если анимация выглядит неживой?
- Пять заблуждений о том, почему анимация выглядит неживой
- Что делать, зная механику?
- Сколько это стоит и что нужно на старте?
- Сомнения про кадры и движение
- Источники
Первая анимация обычно технически исправна: объект доезжает из точки А в точку Б, слои не съезжают, экспорт проходит без ошибок. Анимация выглядит неживой по другой причине: глаз читает движение по интервалам между промежуточными фазами и по форме траектории, а при равных интервалах и прямых траекториях читать ему нечего, кроме перемещения картинки по экрану.
Механика из этого разбора работает в любом редакторе и не требует докупать софт. Одного знания механики мало: без снятого референса даже грамотный спейсинг даёт усреднённое движение, придуманное в голове.
После разбора станет видно, чем правка тайминга отличается от правки спейсинга, где на кальках прячется прямая траектория и на сколько кадров разводить части тела. В конце лежит порядок разбора собственной сцены, пять убеждений, из-за которых правки уходят впустую, и список бесплатных программ, где всё это можно потрогать руками.
Что такое тайминг и чем он отличается от спейсинга?
Главное: тайминг — это сколько кадров занимает действие целиком, а спейсинг задаёт, как распределены промежуточные фазы внутри этого времени. Правки у них разные: тайминг двигают ключами по времени, спейсинг перестановкой того, что стоит между ключами. Добавить кадров и поправить спейсинг — две разные операции, и путают их чаще всего.
Возьмём мяч, который перелетает экран за 12 кадров. Двенадцать кадров задают тайминг. Где внутри них стоят фазы со второй по одиннадцатую, определяет спейсинг.
Правят обычно первое и не трогают второе: действие растягивают с 12 кадров до 18, движение замедляется, мёртвость никуда не девается. Интервалы как были равными, так и остались. Отсюда типовое ощущение «стало плавнее, но всё равно дёшево».
| Что различаем | Тайминг | Спейсинг |
|---|---|---|
| На какой вопрос отвечает | сколько кадров идёт действие | где внутри этого времени стоят фазы |
| Что меняет в картинке | общую длительность и темп | ощущение веса, усилия, разгона |
| Чем правится | сдвигом ключей по времени | перестановкой промежуточных фаз |
| Симптом ошибки | движение спешит или тянется | движение ровное и мёртвое |
Если первой анимации ещё нет и вопрос стоит шире, начните с плана занятий по 2D-анимации на 30 дней: там маршрут и режим, здесь механика движения.
Что делает движение с равными интервалами механическим?
Главное: равномерный спейсинг — это постоянная скорость, а значит нулевое ускорение и ноль видимой силы в кадре. Живому телу нужно разогнать массу и погасить инерцию, и глаз считывает это по опорным точкам: наблюдателю хватает 12 светящихся точек на суставах невидимого тела, чтобы опознать идущего человека и направление ходьбы (Ланге и Лаппе, The Journal of Neuroscience, 2006).
Кино и анимация держатся на одном свойстве зрения: зритель видит набор отдельных картинок, а зрительная система достраивает движение между ними. Силуэт для опознания при этом не нужен, хватает того, как опорные точки идут друг относительно друга. Метод со светящимися точками на суставах предложил Йоханссон ещё в 1973 году в Perception & Psychophysics.
Ровный шаг тех же точек не собирается ни во что живое. Это видно даже там, где движение считает машина: документация Godot Engine называет линейную интерполяцию роботизированной, а кубическую, с замедлением у ключей, более естественной.
Вывод для практики неприятный. Неровную отрисовку зритель прощает, а мёртвый ход ключевых точек считывает мгновенно.
Что делают замедление и ускорение на краях движения?
Главное: сгущение промежуточных фаз у начала и конца действия задаёт скорость участка: чем плотнее фазы, тем меньше пути объект проходит за кадр и тем медленнее выглядит движение. В англоязычных руководствах приём называют slow in and out. У него есть машинный двойник в редакторах: OpenToonz в команде INBETWEEN предлагает четыре режима, от равномерного до замедления на обоих краях сразу.
Разреженные фазы в середине читаются как разгон. Плотные у краёв дают выход из покоя и торможение. Разница в один или два промежуточных рисунка у края уже меняет впечатление от всего действия.
Krita в описании кривых анимации даёт переключение между кривой, линейной интерполяцией и постоянной, при которой значение скачком меняется между ключами. Называется это в каждой программе по-своему, смысл один и тот же: где стоят промежуточные значения между двумя ключами.
Ловушка в том, что автоматическое сглаживание ставит одинаковую мягкость на все ключи подряд. Живое движение асимметрично: замах длинный, удар короткий, возврат вялый. Такую разницу редактор за аниматора не расставит.
Почему живое движение идёт по дугам?
Главное: конечность вращается вокруг сустава, поэтому её кончик описывает дугу, и прямая линия в кадре выдаёт отсутствие сустава. У дуги есть измеримая связь со скоростью: обзор 2025 года в Experimental Brain Research разбирает, как на крутом повороте траектории скорость падает. Оговорка обязательна: механизмы и техника как раз ходят по прямым, и там дуга будет ошибкой.
Связь между кривизной и скоростью описали ещё в XIX веке, а обзор в Experimental Brain Research собирает измерения последних десятилетий. Для аниматора она переводится в короткое правило: на изгибе траектории фазы обязаны сгущаться. Рука, идущая по дуге с постоянной скоростью, выглядит так, будто её ведут по рельсам.
Проверять траекторию удобнее всего кальками. Krita рисует предыдущие кадры красным, следующие зелёным, и путь кисти руки виден прямо на холсте. Траектория работает в кадре примерно так же, как направляющая линия в картине: как работает композиция в живописи разбирает, чем глаз ведут по плоскости.
Зачем нужны подготовка к движению и инерция после него?
Главное: без короткого движения в обратную сторону перед действием и без затухания после него персонаж включается и выключается, как тумблер. Первое называют подготовкой, второе — инерцией. Пара работает на предсказание: подготовка обещает зрителю движение, инерция сообщает, что масса дошла до места и гасится постепенно.
Прыжок начинается с приседа, бросок с замаха, поворот головы с микродвижением в противоход. Уберите подготовку, и зритель физически не успеет понять, что сейчас произойдёт.
Инерция раскладывает тело по времени. Таз останавливается первым, плечи чуть позже, кисть ещё позже, волосы и ткань догоняют последними. Чаще всего причина мёртвой сцены именно здесь: все части стартуют и встают в один и тот же кадр, отчего сцена плывёт.
Сдвиг в два или три кадра между слоями уже читается глазом. Из всех правок, которые добавляют живость, эта самая дешёвая по времени.
Как деформация формы сохраняет объём?
Главное: сжатие и растяжение показывают, из чего сделан объект: мягкое тело мнётся под нагрузкой, жёсткое почти нет. Формулировка принципа в справочнике HyperGraph образовательного портала ACM SIGGRAPH (правка 1999 года) говорит только про искажение формы во время действия, а про сохранение объёма там нет ни слова: правило «сжал по одной оси, растяни по другой» пришло из практики рисованной анимации.
Мяч перед ударом о пол вытягивается по направлению движения, в момент удара сплющивается и расширяется вбок. Если сплющить и забыть расширить, объект на кадр теряет массу и выглядит сдувшимся.
Степень деформации зависит от материала. Резиновый мяч мнётся сильно, деревянный ящик почти не мнётся, лицо мнётся выборочно. Одинаковая деформация для всего в сцене выдаёт приём и стирает разницу материалов.
Ощущение массы в рисунке ставится теми же средствами, что и в статике: как художники создают эффект объёма на плоскости.
Что такое единички и двойки в рисованной анимации?
Главное: 24 кадра в секунду — частота показа, а число рисунков бывает меньше. При работе «на двойках» каждый рисунок держится два кадра, и за секунду уходит 12 рисунков. Документация OpenToonz описывает команду Step 2 ровно так: она повторяет каждый рисунок в колонке дважды. Krita советует новичку держаться 12 кадров в секунду.
Частота 24 кадра в секунду закреплена как киночастота: действующая рекомендация ITU-R BT.709-6 перечисляет её среди стандартных и отводит отдельный раздел производству на 24 кадрах. Число рисунков при этом остаётся выбором аниматора.
Единого стандарта в вопросе «единички или двойки» нет, есть выбор под задачу. На спокойном проходе двойки не видны. Стоит ускорить замах, и рисунок начинает мерцать: такой участок переводят на единички.
Рисованная анимация десятилетиями жила на ограниченном числе рисунков, и это не мешало ей быть выразительной: как аниме-студии восьмидесятых и девяностых работали в жёстких рамках.
Почему анимация выглядит неживой: два варианта одного движения
Главное: один и тот же полёт мяча за 12 кадров можно расставить двумя способами: равными интервалами и со сгущением фаз на краях. Тайминг совпадает, меняется только расстановка промежуточных положений, и она решает, увидит зритель бросок с усилием или проезд картинки по экрану.
Проценты в таблице собраны для наглядности как условный пример распределения. Измерений по реальной сцене за ними нет.
| Кадр | Равные интервалы, пройденный путь | Сгущение на краях, пройденный путь | Что читает глаз |
|---|---|---|---|
| 1 | 0% | 0% | старт |
| 3 | 18% | 6% | тело набирает скорость |
| 6 | 45% | 40% | скорость держится |
| 9 | 73% | 82% | пик и начало торможения |
| 11 | 91% | 97% | гашение движения |
| 12 | 100% | 100% | остановка |
Разница между столбцами нулевая по времени и огромная по впечатлению. Первый столбец даёт ровный проезд, второй даёт бросок с усилием на старте и торможением у цели.
На что смотреть первым делом, если анимация выглядит неживой?
Главное: разбирать нужно от крупного к мелкому, иначе правки уходят в мелочи. Сначала общий тайминг, потом спейсинг на краях, потом траектории ключевых точек, потом расслоение частей тела по времени и только в конце деформация формы. Перестановка фаз занимает минуты и меняет сцену сильнее, чем доработка самого рисунка.
- Тайминг целиком. Отсчитайте, сколько кадров занимает действие, и сравните с реальностью: замах рукой у человека укладывается в доли секунды, а в сцене он чаще всего тянется секунду и дольше.
- Спейсинг на краях. Посмотрите, сгущаются ли фазы у старта и финиша. Равный шаг по всей длине и есть первая причина мёртвости.
- Траектории. Включите кальки и проследите путь кисти, стопы, кончика хвоста. Прямые отрезки у живого тела подозрительны.
- Расслоение по времени. Проверьте, стартуют ли все части в один кадр. Если да, разведите их на два или три кадра.
- Деформация. Убедитесь, что объект при сжатии расширяется по другой оси, а жёсткие предметы деформируются заметно слабее мягких.
Наблюдательность тренируется отдельно от техники, и это отдельная работа: как развить художественный вкус и визуальное мышление.
Пять заблуждений о том, почему анимация выглядит неживой
Главное: почти все правки уходят в количество кадров и в настройки редактора, потому что это единственное, что в программе меняется явным нажатием. Живость держится на расстановке фаз, на траекториях и на расслоении частей тела по времени, а отдельной кнопки для неё нет ни в одной программе. Ниже пять убеждений, из-за которых время уходит впустую.
| Убеждение | Что происходит на самом деле |
|---|---|
| «Нужно больше кадров» | больше кадров меняет тайминг, интервалы остаются равными, движение становится медленным и таким же мёртвым |
| «Дело в программе» | механика одинаковая везде: те же фазы, дуги и расслоение работают в Krita, OpenToonz, Pencil2D и Blender |
| «Принципы придумали для мультиков» | Джон Лассетер перенёс их в компьютерную графику докладом на SIGGRAPH 1987 года, а функции плавности сегодня прописаны даже в спецификации CSS Easing Functions консорциума W3C |
| «Плавность решает сглаживание» | одна мягкость на все ключи; замах длинный, удар короткий, и эту разницу расставляет только аниматор |
| «Двойки это экономия и брак» | двойки дают 12 рисунков при 24 кадрах показа, это приём с управляемым риском: мерцание вылезает на быстром движении, на спокойном его нет |
Про происхождение принципов полезно знать точно, потому что в рунете гуляют разные версии. Тот же справочник HyperGraph относит появление принципов к тридцатым годам и практике одной студии, поэтому называть их отраслевым нормативом некорректно. В списке литературы к докладу Лассетера стоит книга Фрэнка Томаса и Олли Джонстона «Disney Animation: The Illusion of Life», издательство Abbeville Press, 1981 год, 575 страниц.
Что делать, зная механику?
Главное: три упражнения закрывают почти всю механику живого движения на практике. Прыгающий мяч ставит спейсинг и деформацию, покадровый разбор своей сцены ставит глаз на интервалы, съёмка референса на телефон даёт настоящий тайминг взамен придуманного. На каждое упражнение хватает вечера, платить за это не нужно. Сцена, которая уже собрана и экспортируется, при этом не обнуляется: механика ставится поверх неё.
- Прыгающий мяч. Один шар, 12 кадров, отскок с потерей высоты. Сначала сделайте с равными интервалами, потом со сгущением у верхней точки и разрежением у пола. Разница между двумя вариантами читается сразу, без замедленного просмотра.
- Покадровый разбор своей работы. Включите кальки, пройдите сцену по одному кадру и отметьте, где шаг между фазами одинаковый. Полезно смотреть на движение задом наперёд: глаз перестаёт достраивать привычное.
- Референс на телефон. Снимите то же действие на себе, посчитайте кадры до контакта и после, перенесите тайминг в сцену. Реальность почти всегда быстрее и резче того, что рисуется по памяти.
Быстрые наброски помогают ловить позу за секунды, а без опорных поз спейсинг ставить не на чем: как развивать скорость эскиза. Регулярность тут важнее объёма, и логика ежедневной практики хорошо описана у смежной профессии: ежедневная практика в геймдизайне.
Тему разбирают на курсе «2D-анимация с нуля».
Сколько это стоит и что нужно на старте?
Главное: на старте хватает бесплатных программ и телефона для съёмки референса. Krita, Pencil2D, OpenToonz, Synfig и Blender распространяются свободно, скачивание с сайтов разработчиков не требует ни оплаты, ни подписки. У платных редакторов всё упирается именно в оплату: Adobe в марте 2022 года объявила о прекращении новых продаж в России, а на странице покупки Clip Studio Paint из способов оплаты названы PayPal и магазины приложений, российских платёжных систем среди них нет.
| Программа | Чем полезна новичку | Оплата, проверено при подготовке материала |
|---|---|---|
| Krita | покадровая анимация и кальки внутри рисовалки | бесплатно с krita.org, GNU GPL |
| Pencil2D | самый простой вход в покадровую анимацию | бесплатно, в том числе для коммерческих работ |
| OpenToonz | Xsheet, повтор рисунка на два и три кадра | бесплатно, лицензия New BSD |
| Synfig | автоматические фазы между ключами по вектору | бесплатно, GNU GPL v3 |
| Blender | Grease Pencil, рисование внутри трёхмерной сцены | бесплатно |
| Adobe Animate | таймлайн и векторная анимация | по заявлению Adobe от 04.03.2022 новых продаж в России нет |
| Clip Studio Paint | покадровка и богатая работа с кистями | российских платёжных систем среди способов оплаты нет |
Из железа нужен компьютер, который тянет выбранный редактор, и графический планшет, если рисуете от руки. Первые упражнения делаются и мышью. Что покупать на старте, а на что не тратиться, разобрано отдельно: что нужно для рисования начинающему.
Готовую сцену придётся собирать и выводить в видео, и тут пригодится база монтажа: видеомонтаж с нуля для новичка. Для эскизов и раскадровок иногда зовут генеративные сервисы, доступные из России: обзор нейросетей, работающих в РФ.
Сомнения про кадры и движение
Сколько кадров в секунду ставить новичку?
Руководство Krita советует начинающим ограничиться 12 кадрами в секунду. Меньше рисунков за секунду, быстрее виден результат правки, и на исправление ошибки уходит меньше сил. Частота показа при этом остаётся отдельным параметром: 12 рисунков в секунду и 24 кадра показа спокойно живут в одном проекте, никакого противоречия тут нет.
Почему движение плывёт, хотя все кривые сглажены?
Чаще всего дело даже не в кривых: все части персонажа стартуют и останавливаются в один и тот же кадр, и сцена идёт единым куском. Отличить одно от другого просто: включите кальки и посмотрите на контакт, где по смыслу удар. Если ключ там мягкий, виновато сглаживание; если жёсткий, а сцена всё равно плывёт, разводите слои на два или три кадра.
Обязательно ли вести по дугам всё подряд?
Нет. Дуги описывают естественное движение живого тела, где есть суставы. Лифт, поршень, стрела крана и робот движутся по прямым, и добавленная им дуга читается как ошибка. Смешанный случай тоже бывает: механическая рука по прямой, а болтающийся на ней трос по дуге.
Стоит ли делать упражнение с прыгающим мячом, если оно кажется бесполезным?
Мяч выглядит примитивным, пока в нём не появляется вес. В одном шаре собраны сразу спейсинг, дуга, деформация и потеря энергии на отскоках, и всё это видно без анатомии. На цикле ходьбы те же ошибки придётся ловить уже в двадцати суставах сразу.
Источники
- Справочник HyperGraph образовательного портала ACM SIGGRAPH. Principles of Traditional Animation Applied to Computer Animation, последняя правка 14.03.1999, G. Scott Owen (проверено 18.08.2026)
- Open Library. Каталожная запись «Disney animation: the illusion of life», Frank Thomas, Ollie Johnston, Abbeville Press, 1981, 575 с., ISBN 0896592332. (проверено 18.08.2026)
- Crossref. Метаданные статьи Lasseter J. «Principles of traditional animation applied to 3D computer animation», ACM SIGGRAPH Computer Graphics, 1987, т. 21, вып. 4 (проверено 18.08.2026)
- ACM SIGGRAPH History. Карточка доклада Лассетера на SIGGRAPH 1987 (проверено 18.08.2026)
- Рекомендация ITU-R BT.709-6, Parameter values for the HDTV standards (проверено 18.08.2026)
- Рекомендация ITU-R BT.2100-3, Image parameter values for HDR television (проверено 18.08.2026)
- OpenToonz 1.7.1 documentation. Drawing Animation Levels (проверено 18.08.2026)
- OpenToonz. Официальный сайт и условия использования (проверено 18.08.2026)
- Krita Manual. Animation (проверено 18.08.2026)
- Krita Manual. Animation Curves docker (проверено 18.08.2026)
- Krita. Официальный сайт, лицензия и загрузка (проверено 18.08.2026)
- Pencil2D. Официальный сайт, версия 0.7.2 от 26.03.2026 (проверено 18.08.2026)
- Synfig. Официальный сайт, GNU GPL v3, автоматические фазы (проверено 18.08.2026)
- Blender Foundation. Страница Blender в Steam — бесплатно, GNU GPL 3.0. (проверено 18.08.2026)
- Godot Engine Docs. Introduction to animation (проверено 18.08.2026)
- W3C. CSS Easing Functions Level 1 (проверено 18.08.2026)
- Lange J., Lappe M. A Model of Biological Motion Perception from Configural Form Cues. The Journal of Neuroscience, 2006, 26(11), 2894-2906 (проверено 18.08.2026)
- Crossref. Метаданные статьи Johansson G. «Visual perception of biological motion and a model for its analysis», Perception & Psychophysics, 1973, т. 14, вып. 2 (проверено 18.08.2026)
- Nakada H., Murakami I. Local motion signals silence the perceptual solution of global apparent motion. Journal of Vision, 2023, 23(6) — 12. (проверено 18.08.2026)
- Fraser D. S., Di Luca M., Cook J. L. Biological kinematics: a detailed review of the velocity-curvature power law calculation. Experimental Brain Research, 2025 (проверено 18.08.2026)
- Clip Studio Paint. Страница покупки и принимаемые способы оплаты (проверено 18.08.2026)
- Adobe. Adobe stops all new sales in Russia, заявление от 04.03.2022 (проверено 18.08.2026)
