Кого не спроси, кто лучший производитель анимационных фильмов, и все единогласно ответят — Disney.  Действительно, с этим сложно поспорить. После многих проб и исследований однажды мастера анимации в Disney вывели 12 основных принципов создания хорошего анимационного персонажа. Что ж, рассмотрим эти 12 принципов внимательнее и проверим их на практике.

Итак,  12 принципов успешной диснеевской анимации

1. Расчет времени (Timing) — определение интервала между действиями анимационного персонажа, для того чтобы подчеркнуть вес, параметры и характер героя. Также правильный расчет времени заставляет зрителя  ожидать действие и держит внимание реципиента в постоянном внимании.
2. Сжатие и растяжение (Squash and Stretch) — во время движения анимационного персонажа, его тело  то растягивается, то сжимается. По сути тело героя движется как пружина. При этом объем тела персонажа остается прежним. То есть туловище то растягивается вверх и горизонтально сплющивается, то наоборот.
3. «Медленный вход» и «медленный выход» (Slow In & Slow Out). Суть этого принципа заключается в том, чтобы сконцентрировать внимание реципиента на важных деталях и компонентах. Анимационный объект как-бы проскальзывает от одной компоновки к другой.
4. Подготовка, или упреждение (Preparation or Anticipation). Каждое следующее движение на экране требует ожидания от зрителя. Суть заключается в том, чтобы обратить внимание на подготовительные действия перед свершением основного действия. Таким образом, важно, чтобы зритель обращал внимание на подготовительные движения — перед прыжком герой приседает, перед кидком — заводит руку назад.
5. Преувеличение, утрирование ( Exaggeration). Этот принцип заключается в изображении карикатурных черт лица, выражений и действий героя. Небольшое преувеличение позволяет зрителю сразу же определить, что собой представляет герой, прибавит больше эмоциональности. Однако знайте меру и не допускайте излишней театральности.
6. Компоновки (Pose to Pose ) и фазованное движение (Straight Ahead Action). Согласно этому принципу, аниматор заранее планирует, как разместить действие и главные компоновки. Больше всего внимания уделяют обработки ключевых моментов и расчету времени. Таким образом главные компановки должны иметь прозрачный сюжет, быть ясными и держать в напряжении на протяжении всего фильма. В тоже время при фазовом состоянии (компоненты между компановками) необходимо создать эффект большей спонтанности, легкости, эскизности.
7. Сценичность (Staging). Каждое действие персонажа должно быть максимально понятным, узнаваемым и ясным, а выражение лица — хорошо прочитываться. Главная цель — сделать персонажа узнаваемым и заметным.
8. Сквозное движение, или доводка (Follow Through), и захлест действия (Overlapping Action). Этого принципа придерживаются для того, чтобы создать иллюзию пластичности и непрерывности действия. Движение никогда не закачивается. Каждое следующее движение должно быть логическим продолжением предыдущего, при этом реципиент должен понимать, где заканчивается основное действие.
9. Дуги (Arcs). Этот принцип заключается в том, что в фазе быстрого движения дуга распрямляется, а при медленном  с большим количеством промежуточных фаз — траектория дуги выпуклая и заокругленная. Если же траектория дуг движения будет постоянно прямой, но походка героя будет скорее смахивать на робота.
10. Дополнительное действие, или выразительная деталь (Secondary Action). Дополнительные детали могут не только подкрепить основную идею анимационного фильма, но и позволяют более выразительно показать главное.
11. «Крепкий» (профессиональный) рисунок( Solid Drawing).  Для того, чтобы создать хорошего персонажа необходимо базовое знание академического рисунка, поэтому учимся рисовать  ;-)
12. Привлекательность (Appeal). Любой анимационный персонаж должен привлекать к себе внимания, иметь свое особенное обаяние, очарование, изумлять. Даже несимпотичный и довольно таки страшненький внешне персонаж должен вызывать симпатию или негатив. Главная идея заключается в том, что  зритель не должен быть без различным к героям.

Сжатие и растяжение

Что ж, сейчас перейдем от слов к делу. Для начала давайте рассмотрим, что такое сжатие и растяжение (Squash and Stretch) и расчет времени (Timing). Обратимся к примеру, чтобы быть более наглядными.  Перед нами простая анимация, созданная быстро  при помощи Flash 8:

Пресеты

Закладываем основы

 

Делаем шар

Теперь давайте сделаем мяч. Создайте новый слой над слоем «земля» и назовите его «мяч/ball». Используйте Ellipse Tool и, удерживая Shift, перетащите курсив. Таким образом создайте достойный по размеру шар. Разместите шар на над нашей визуальной «землей», так чтобы создавалась иллюзия, что мяч лежит на земле. Выберете мяч и, нажимая F8, трансформируйте его в графический символ. То, что вы получите в результате должно выглядеть следующим образом:

Расчет времени

Анимация мяча

Теперь настало время оживить наш мяч. Направляемся к первому кадру на шкале и выбираем мяч. Получаем следующее:

  

  

  

  

  

 

[Теперь наш шар движется вверх и вниз более естественно]

Сжатие и растяжение

Теперь переходим к последней стадии.  Чтоб движение мяча было похоже на реальность необходимо немного деформировать его в определенных ключевых кадрах. Итак, любое тело, особенно круглое, когда падает с высоты то растягивается. Для этого вернемся ко второму кадру и немного «потянем» мяч по-вертикали. Нажмите Q, чтобы получить инструмент преобразования. Немного растягиваем мяч по оси у.  У меня получилось следующее:  

:

На третьем ключевом кадре мы растянем мяч немного больше. Также делаем и для кадра №11.  

По мере растяжения мяча, вы можете сжать шар немного по оси х для того, чтобы сохранить объем последовательно. При этом стоит всегда знать меру. На кадре №13 мяч касается земли, и соответственно на этом кадре мяч будет наиболее приплюснут к земле.Выберете мяч на кадре 13 и виберите Q с инструмента преобразования. Теперь изменяйте объем шара по обоим осям. 

 

Последние штрихи 

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

 

 

Единственное, что осталось сделать, это вернуться и закончить вторую половину цикла,  заменяя старые кадры растягивая их в таком же порядке как мы делали с кадром 11.  

 Результат