Krita
Not enough ratings
12 принципов анимации
By 16Покут
12 принципов до сих пор остаются актуальными и универсальными для всех видов анимации, будь то 2D, 3D или stop-motion. Используйте их и ваша анимация будет выглядеть убедительно и привлекательно.
   
Award
Favorite
Favorited
Unfavorite
Рано или поздно
Рано или поздно заканчивается кайф от статичных кадров моделей или сцен и наступает желание создать что-то динамичное, что-то живое. По своей сути вся база в геймдизайне и мультипликации создана по принципам классической покадровой рисованной анимации. Поэтому как бы не было печально, но всегда в таких делах приходится добирать базу. Помню первую 3D модель, которую попытался анимировать, сама модель была хорошей и кости легко легли и казалось бы что там перекладкой переставляешь кости кадр за кадром и вот тебе анимация. Но ничего подобного, картинка получается мёртвой, без души. Конечно можно забить болта и устраиваться работать на телеканал Карусель (без негатива) или делать бактерии для рекламы от гриппа, но любой уважающий себя творческий человек должен сказать себе:

-йоу, чувак, да тебе нужна база

И вот тут начинается действительно изучение оживление неживого, некая магия. И магию эту зародили в 40х годах прошлого столетия в компании Disney. Долгие года эти секреты одушевления картинок были чем-то прорывным и феноменальным, но позже, когда в компании в очередной раз были проблемы с кадрами, в 1981 году аниматоры Фрэнк Томас и Олли Джонстон написали книженцию для своих будущих сотрудников. Некий мануал по работе в их коллективе. Книга называется Disney Animation, The Illusion of Life. На русском языке её нет, говорю сразу. А на английском она стоит как крыло от самолёта и человеку, который лишь начал пристреливаться к жизненному пути и думает погружаться в это или нет, она конечно недоступна.
В целом в книге и много мусора, но вся мировая индустрия из этой книги вытащили занятные правила, которыми руководствовались аниматоры диснея и называются эти правила - 12 принципов анимации. Эти принципы и до сих пор являются актуальными в любой анимации для любой сферы, 2D, 3D или stop-motion. Если тебе нужно, чтобы фекалии танцевали не как твой друг, то ты только придерживаясь этих 12 принципов уже сделаешь фекалии более живыми.
Сжатие и растяжение (Squash and stretch)
"Сжатие и растяжение" – это как волшебная палочка аниматора! 🎩✨
Благодаря этому принципу даже самый жесткий объект вдруг становится пружинистым, быстрым и живым. Хотите, чтобы ваш персонаж прыгал, как мячик, или падал, как тряпичная кукла? Без проблем! Главное – не переборщить, а то он превратится то в блин, то в спагетти 🍝😂.

Как это работает?
Сжался как гармошка – значит, что-то тяжелое или медленное.
Вытянулся в струнку – показываем скорость или резкость!
Главное правило: не терять объем! Иначе ваш герой то раздуется, как шарик, то схлопнется в ноль – а так не годится!

Где применяется?
Мультяшная анимация – тут можно дать волю фантазии!
Реалистичная анимация – чуть-чуть, чтобы движение не выглядело деревянным.

Вывод: Если хотите, чтобы зрители сказали "Вау, как плавно и натурально!" – не забывайте про сжатие и растяжение! 🚀
Подготовка (Anticipation)
Подготовка в анимации: или "Замахнись — чтобы врезать сильнее!"
Представьте: ваш персонаж хочет разбежаться и прыгнуть, но делает это сразу, без разгона. Будет выглядеть так, будто его невидимая рука дядюшки Боба внезапно подкинула в воздух! 🚀💥
Подготовка — это как "пред-действие":
🏋️‍♂️ Хочешь мощно прыгнуть? Сначала присядь, как супергерой перед взлетом!
🎯 Мечешь кинжал? Отведи руку назад — зритель уже ждет "Вот оно, щас полетит!"
🤔 Персонаж думает? Пусть зависнет на секунду, почешет затылок — и зритель прочитает его мысли!

Без подготовки движение выглядит резким и неестественным — будто ваш герой внезапно вспомнил, что оставил чайник на плите и рванул без предупреждения! 😱

Когда можно нарушить правило?
Иногда резкие движения без подготовки — это круто! Например:

💥 Неожиданный испуг — персонаж подпрыгнул как ошпаренный!
⚡ Молниеносная атака — никто не ждал, а он уже бах!

Но если делать так все время, анимация станет нервной и дерганой — как кофеиновая дрожь после пятой чашки кофе! ☕🤪

Вывод:
Хотите правдоподобной и выразительной анимации? Не забывайте про подготовку!

🎭 Драматичный удар? Пусть сначала напряжется!
🏃‍♂️ Бег? Сначала перенеси вес!
💡 Идея? Пусть глаза загорятся перед действием!

Без подготовки — как попытка сесть на шпагат без разминки. Будет больно... для глаз! 😵‍💫🎬
Сценичность (Staging )
"Сценичность: или Как заставить зрителя смотреть ТОЛЬКО куда нужно!" 🎭👀
Олли Джонстон и Фрэнк Томас (те самые гуру анимации) говорили об этом принципе так:
"Это когда ты кричишь зрителю: 'ЭЙ, СМОТРИ СЮДА – ЗДЕСЬ СЕЙЧАС БУДЕТ МАГИЯ!'... но без слов" ✨

Что входит в этот "секретный соус"?

🎬 Актерская игра – чтобы персонаж не стоял как столб, а играл лицом и телом
🎥 Умная камера – которая не тыкается носом куда попало
⏱ Тайминг – потому что если шутка запаздывает, она уже не смешная
🖼 Композиция – расставляем элементы так, чтобы взгляд сам цеплялся за важное

Фишка в чем?
Этот принцип – как хороший ведущий вечеринки:
1️⃣ Привлекает внимание ("Гости, тишина! Сейчас будет тост!")
2️⃣ Показывает главное (поднимает бокал)
3️⃣ Объясняет почему это важно ("Потому что именинник наконец-то женился!")

Если проще:
Без сценичности зритель будет метаться взглядом как котёнок, увидевший лазерную указку 🔴 – непонятно, куда смотреть и что вообще происходит!

P.S. Хотите проверить? Снимите сцену, где:
Персонаж роняет ключи за кадром
Но зритель ДОЛЖЕН это заметить
Вот и весь тест на профпригодность вашей сценичности! 🔑😉
«Прямо вперёд» и «от позы к позе» (Straight ahead action and pose to pose)
"Два способа анимировать: как спонтанный художник или как педант с планом" 🎨✨
Диснеевские аниматоры придумали две крутые методики:
1️⃣ "Прямо вперёд" - когда творишь как сумасшедший гений от первого кадра до последнего (типа "куда кривая выведет!")
2️⃣ "От позы к позе" - когда сначала расставляешь все важные точки как перфекционист, а потом аккуратно соединяешь их

"Прямо вперёд" — это как:

🌀 Анимировать пьяного единорога — движения выходят супер-естественными, но непредсказуемыми
🔥 Отлично подходит для хаотичных вещей: огня, воды, моих волос утром после вечеринки
⚠️ Но есть риск: к концу сцены ваш персонаж может неожиданно превратиться в абстрактное искусство (ой, где его ноги?!)

"От позы к позе" — это как:

📝 Сначала сделать подробный план атаки (все ключевые кадры)
✨ Потом просто соединить точки — как взрослая раскраска по номерам
👍 Плюсы: полный контроль, можно править на лету, пропорции не убегут
😴 Минус: иногда получается слишком "по учебнику" — не хватает спонтанности

Вывод:
Хочешь творческого беспорядка — "прямо вперёд"!
Нужен чёткий результат — "от позы к позе"!
А лучше — микс обоих, как делают крутые аниматоры! 🥇

P.S. Главное — не использовать "прямо вперёд" при анимации хирургических операций, а то будет как в том мультике про доктора... 😅
Сквозное движение и захлёст (Follow Through and Overlapping Action)
"Сквозняк и захлёст: или Почему ваш персонаж не должен двигаться как робот!" 🤖➡️🎭
Сквозное движение — это когда тело остановилось, а волосы/одежда/хвост ещё пару секунд живут своей жизнью (как твои мысли после утреннего будильника! ⏰😵).

Захлёст — это крутая фишка, когда:
Шарфик летит позади, будто не успел на поезд 🚄
Волосы взмывают вверх, когда голова уже давно внизу (стиль "я только из розетки"!) 💇‍♂️⚡
Пуговицы на пиджаке догоняют хозяина с опозданием (как сотрудник в понедельник утром) 🧥😴

👉 Физика в действии: все эти штуки двигаются:

С разной скоростью (как очередь в кассу — кто-то уже купил, а кто-то только кошелёк достаёт)
По разным траекториям (как пьяные друзья после вечеринки) 🍻
Могут даже тянуться в обратную сторону (классика: юбка поехала влево, а хозяйка — вправо!) 👗↔️

Без этого ваш персонаж:
Будет похож на деревянного Пиноккио 🪵
Движения станут "роботоподобными" (привет, анимация 80-х!)
Зритель уснёт от "идеально синхронной" картинки 💤

Профессиональный лайфхак:

Хотите оживить даже старую дверь? Добавьте ей скрипящий захлёст — и вот уже зритель верит, что она "живая"! 🚪👻

P.S. Захлёст — лучший друг аниматора, когда нужно показать, что персонаж ТОЛЬКО ЧТО:
Резко остановился 🛑
Пережил удар 🥊
Или просто слишком энергично машет руками (привет, итальянцам!) 👋🍕
Плавный вход и плавный выход (Slow in and slow out)
"Разгон и торможение: или Почему ваш персонаж не Флэш!" ⚡🐢
Давайте начистоту: даже Человек-паук сначала приседает, прежде чем прыгнуть на небоскреб! 🕷️🏙️

Плавный вход — это когда:
Ваш герой не стартует как ракета "вжух и полетел" 🚀

А готовится к движению, как кот перед прыжком (этап "попка назад-глаза округлились") 🐈⬛

Без этого он выглядит так, будто его невидимая рука дядюшки Боба резко дёрнула за ниточку!

А теперь про плавный выход:
Представьте машину на скорости 100 км/ч, которая резко тормозит за секунду:

🚗💨 В лучшем случае — эффектный кувырок через крышу
🤕 В худшем — зрители не поверят в такую физику (даже в мультике!)

Почему это важно?
Без плавного входа/выхода ваша анимация будет выглядеть:
Как робот-пылесос, который резко стартует и стопорится 🤖
Или как мои утренние попытки встать с кровати — сначала "ой всё", потом резкий подъем 😵💫

Лайфхак для аниматоров:

Хотите показать тяжёлого персонажа?
Делайте долгий разгон и торможение (как бегемот на роликах) 🦛
Хотите лёгкого?
Короткие "входы-выходы" (как воробей, который резко сорвался с ветки) 🐦

P.S. Запомните: в реальной жизни никто не двигается "вкл/выкл"
Движение по дугам (Arcs)
"Дуги в анимации: или Почему ваши персонажи не должны двигаться как роботы-угловастики!" 🤖➡️🎭
Давайте признаем: в природе нет прямых линий! Вот почему:

Дуги — это как:

👗 Движения попы при ходьбе (никаких "деревянных" движений!)
🏀 Траектория мяча (который летит по красивой кривой, а не как шахматная ладья!)
🧠 Даже ваши глазные яблоки двигаются по дугам (попробуйте посмотреть из угла в угол без дуги — больно же!)

Когда дуги ломаются:
Только в двух случаях:
Когда персонаж врезался во что-то (ой!)
Когда аниматор забыл про этот принцип (что ещё хуже!)

Почему это круто?
Делает движения естественными (никаких резких углов!)
Добавляет плавности (как хороший виски, а не как дешёвая водка!)
Помогает зрителю следить за действием (глаз любит красивые кривые!)

Совет от профессионалов:
Хотите проверить свою анимацию? Включите траектории движения — если они выглядят как чертежи робота-пылесоса, срочно добавляйте дуги!

P.S. Запомните: даже супергерои летают по дугам — только представьте Человека-паука, который перемещается строго по прямым. Это же будет выглядеть как паук на кофеине! 🕷️☕
Второстепенные действия (Secondary action)
"Дополнительные движения: или Как оживить сцену без перегрузки!" 🎬✨
Представьте: ваш персонаж идёт, а его шарф и волосы застыли как в музее восковых фигур — страшно же! 😱 Вот зачем нужны вторичные движения:

Что это даёт?
👗 Одежда шевелится (а не как пластиковый пакет)
💇 Волосы летают (но не как в рекламе шампуня)
🐦 Фоновые птички порхают (а не висят как бананы на пальме)

Но есть подвох!
Если переборщить:
Зритель залипнет на трясущиеся усы кота... и пропустит, как главный герой упал в люк! 🕳️
Или будет следить за колыханием юбки, а не за дракой на мечах ⚔️

Золотое правило:
Добавляйте ровно столько, чтобы:
Движения выглядели живыми (но не как "джаз-фанк" всего тела)
Внимание не убегало от главного (никаких "ой, смотрите, какая милая бабочка на фоне!")

Профессиональный лайфхак:
Хотите проверить сцену? Прищурьтесь — если видите только главное действие, значит вторичные движения сделаны правильно! 👀✔️

P.S. Помните: даже у супергероев развевается плащ, но не настолько, чтобы закрыть весь кадр! 🦸‍♂️
Тайминг – расчёт времени (Timing)
"Тайминг в анимации: или Как не превратить слона в муху!" ⏱️🐘➡️🪰
Вот в чём прикол:
Если ваш слон двигается как комар — что-то пошло не так!
А если перо падает как кирпич — это уже не анимация, а фантастика!

Тайминг — это волшебная кнопка:
🔘 Ускорил — получил нервного персонажа (кофеиновая передозировка!) ☕💥
🔘 Замедлил — вот уже тяжеловес как танк (или просто ленивец после обеда) 🦥🍕

Как это работает?
Большой объект? Добавляем кадров — пусть двигается с достоинством
Маленький и шустрый? Меньше кадров — мелькает как мышка 🐭

Характер?
Злой персонаж — резкие движения
Мечтатель — плавные, как облака ☁️

Лайфхак:
Хотите показать супер-скорость?

Сделайте супер-медленную подготовку...
...и мгновенный рывок!

P.S. Помните: даже улыбка должна занимать правильное количество кадров — иначе получится либо робот, либо клоун! 🤖🤡
Преувеличение, утрирование (Exaggeration)
"Преувеличение в анимации: или Как превратить обычный прыжок в супергеройский полёт!" 🦸‍♂️💥
Давайте по-честному: реальность — это скучно! Вот почему мы ломаем физику (но аккуратно!):

Что можно утрировать?
Руки при махании — пусть будут как ветряные мельницы 🌪️
Глаза при удивлении — чтобы занимали пол-лица 👀➡️👁️👁️
Прыжок — не просто вверх, а до луны (ну или хотя бы до потолка!) 🌕

Фишки преувеличения:
✔️ Деформация — пусть тело тянется как презерватив (но не рвётся!) 🍬
✔️ Перспектива — ближняя рука огромная, дальняя — крошечная (как в мемах!) 📸
✔️ Динамика — если персонаж бежит, пусть ноги крутятся как пропеллер 🚴‍♂️

Главное правило:
Держим баланс — не превращаем персонажа в абстрактное искусство!
Это не реализм, но и не психоделический трип 🎨😵‍💫
Должно быть узнаваемо, но в 10 раз круче!

Проверка на себе:
Если после просмотра анимации хочется пересмотреть ещё раз — значит, преувеличение удалось!
Если хочется вызвать скорую — возможно, вы перестарались... 🚑

P.S. Помните: даже простая улыбка может быть преувеличена — главное, чтобы не получился клоун-убийца! 🤡🔪
Ясный рисунок/Чёткие позы (Solid drawing/Solid posing)
"Силуэты в анимации: или Как сделать так, чтобы вашего персонажа узнавали даже в темноте!" 🌙✂️
Давайте начистоту: если ваш герой в позе "S" выглядит как "?", у вас проблемы! Вот как это исправить:

Силуэтный тест — наше всё!
Вырежьте персонажа из сцены — должен быть сразу понятно:
Это злой кот (спина дугой, шерсть дыбом) 😾
Или уставший офисный работник (как медуза на диване) 🛋️

Что делает позу крутой?
✔️ Читаемость — даже ваша бабушка поймёт, что персонаж злится/радуется/прячет труп 💀
✔️ Баланс — если герой на одной ноге, он не должен выглядеть как пьяный фламинго 🦩🍻
✔️ Эмоции — поза должна кричать без слов:
"Я король мира!" 👑
"Где мой кофе?!" ☕😫

Лайфхак для ленивых:
Закройте глаза на полсекунды — если после этого сразу ясно, что делает персонаж, вы молодец!

P.S. Худший кошмар аниматора — когда позу можно принять за:

"Он танцует!" (нет, он тонет) 💃➡️🌊
"Он машет!" (нет, его бьёт током) 👋➡️⚡

Запомните: Хороший силуэт — как хороший анекдот: понятен без объяснений! 😉
Привлекательность (Appeal)
"Привлекательность персонажа: или Как сделать так, чтобы зрители влюбились даже в злобного кактуса!" 🌵❤️
Давайте смотреть правде в глаза: если ваш персонаж вызывает желание быстро переключить канал — что-то пошло не так! Вот секреты харизмы:

Кто должен быть обаятельным?
🦸 Супергерой — чтобы хотелось за ним повторять
👹 Злодей — чтобы его ненавидели, но обожали смотреть
🐶 Даже тапок — если он персонаж, пусть будет самым стильным тапком в истории!

Как сделать персонажа "вау"?
✔️ Формы и пропорции — пусть будет не как у всех (большая голова? крошечные ручки? три глаза? Да!) 👽
✔️ Мимика — чтобы по лицу читалось: "Я только что украл печеньку... и я НЕ жалею!" 🍪😏
✔️ Движения — не как робот, а как пьяный пингвин на роликах (мило и запоминающеся!) 🐧🎢

Фишка: Даже злодей должен быть таким, чтобы:
Зрители говорили "Он ужасен... но какой стильный!" 👔🔥

Дети хотели игрушку с его изображением (а не прятались под кровать!) 🛏️

Проверка на привлекательность:

Если после просмотра зрители:
Хотят стать другом персонажа — успех! 🤝
Мечтают украсть его прическу — гениально! 💇‍♂️
Пытаются повторить его смех — вы создали легенду! 😆

P.S. Помните: даже злой гений должен быть обаятельным — никто не любит скучных злодеев! Лучше пусть он стильно злобствует в костюме, чем скучно злится в пижаме! 👿✨
Итог
"12 принципов анимации: или Главные заповеди, которые можно (и нужно!) иногда нарушать!" 📜✨
Вот суровая правда: эти принципы — не скрижали с горы Синай, а скорее крутой чит-код для аниматоров!

Как этим пользоваться?
🧠 Знать все правила — как таблицу умножения (2×2=4, squash&stretch=огонь) 🔥
💥 Нарушать их — когда нужно сделать ВАУ-эффект (но только осознанно!)
🤹 Комбинировать — как шеф-повар, который знает, когда добавить перца! 🌶️

Почему это круто?
Можно сделать реалистичного персонажа (все правила соблюдены)
А потом взорвать мозг зрителям (правила летят в окно) 💥🧠

Главный секрет:
Настоящий мастер — не тот, кто слепо следует правилам, а тот, кто знает когда их применять, как смешивать и зачем иногда делать наоборот

P.S. Помните: даже Пикассо сначала научился рисовать правильно, прежде чем начал рисовать гениально! 🎨😉

Вывод:
Учите правила → тренируйтесь → а потом разрывайте шаблоны (как тот студент, который забыл про squash&stretch и случайно создал новый стиль)! 🚀

Также любое обучение идёт продуктивнее, когда ты не только самостоятельно изучаешь что-то в проперженных шортах, а под наставничеством. Сейчас вся эта тема с анимацией, 2д, 3д и тд разрослась и есть действительные годные школы. Картинки с зайцем я позаимствовал (Украл) на сайте с курсами Animationschool, это не реклама если что, но в целом обучение происходит продуктивнее в определенном комьюнити. А в хорошей компании единомышленников и в проперженных шортах не грустно заниматься.

Всех обнял, всем удачи в творчестве.