Анимация в стиле рекламных роликов Red bull

Думаю, многие видели эти забавные рекламные ролики по ТВ (кто не видел - видео ниже). Честно говоря, затрудняюсь сказать, как такой анимационный прием называется, назову его условно дрожащей анимацией, потому что для нее характерно легкое подрагивание контурных линий. И поделюсь маленькой хитростью, как просто сделать подобный эффект дрожащих линий во флеше.

 

Ролик выполнен в стиле покадровой анимации. Во флеше сделать такой эффект дрожащих линий очень просто.

1.Выбираем инструмент карандаш на панели инструментов. Заходим в свойства карандаша и выбираем стиль линии – Ragged line (рваная линия).

Толщину контура ставлю, к примеру, 1.

Можно также отредактировать линию, кликнув на карандашик рядом.

Например, выбрать режим flat (линия плоская, без неровностей), wavy (волнистая), very wavy (очень волнистая) и супер-неровная (wild).

Выглядит это так:

Я выбрала режим wavy.

2. Рисую персонаж. В ролике выше у нас трогательная история носатой принцессы, и я нарисую принцессу, но с большой головой:) Рисунок не занял у меня много времени: на нижнем слое – быстрый набросок (розовая мазня), а поверх –  чистовая отрисовка.

Помним об особенностях линии во флеше – ее толщина не изменяется при масштабировании. Если мы будем рисовать в масштабе рабочей области 100% и 300% карандашом толщиной линии 1 рх, то конечный результат будет разным. Поэтому выбираем оптимальный для себя вариант.

Для примера, я просто уменьшила персонаж, не изменяя толщину линии. И вот получилось такое безобразие справа:

3.Конечный результат отрисовки - статичная картинка.

4.Теперь добавим несложную анимацию, чтобы оживить ее. Для этого выделяем наш персонаж и сохраняем в символ, обязательно в свойствах выбираем мувиклип.

При выделении персонаж выглядит очень испуганным,как будто на голову упало бревно: рваная линия ведет себя немного странно при выделении (рисунок ниже).

5.Анимация: Создаю дополнительный ключевой кадр, под каждое состояние отвожу 2 кадра (чтобы не рябило очень сильно), частота кадров у меня в примере 25.

Свойства этой линии такие, что даже при минимальном воздействии на нее, она меняет свою «рваность» в разных местах. Поэтому достаточно немного потянуть мышкой за линии во втором ключевом кадре, и места разрывов смещаются. За счет таких манипуляций и получается дрожащая анимация. Чтобы не таскать каждую линию мышкой, можно немного схитрить – во втором кадре просто уменьшить совсем чуть-чуть толщину линии. Но не всегда результат в таком случае будет отменным.

Я сделала 2 варианта – дрожание в 2 кадра, и дрожание в 3 кадра. Можно остановиться и на 2-х ключевых кадрах, просто свечение от короны очень резко смотрится, пришлось добавить дополнительный ключевой кадр, чтобы разнообразить анимацию. Результат (в опере кликнуть для активации флешки):

Такая анимационная техника применяется как к персонажам, так и к фонам, что хорошо видно в рекламном ролике. Анимированные фоны с таким дрожанием выглядят очень живо, да и персонажи тоже не хуже.

6.И в дополнение: если к персонажу планируется анимация перекладкой, то сохраняем в символы все части тела по-отдельности (голова, волосы, глаза, ручки-ножки). Для этого при отрисовке отделяем их друг от друга, чтобы объекты не слиплись. Как это сделать – тут.

Ну, и можно немного добавить цвета:

Готово!

upd: Добрые люди и Википедия подсказали, что такой прием называется Squigglevision (читается «скуиглвижн», от англ. squiggle — писать каракулями; изгибать). Это запатентованный метод компьютерной анимации, в соответствии с которым контуры объектов непрерывно колеблются. Эту технику изобрёл Том Снайдер, его продюсерская компания Soup2Nuts позднее применила её в нескольких успешных мультсериалах.

По сравнению с рисованной мультипликацией Squigglevision является относительно простой и быстрой техникой. Непрерывное движение «дрожащих» контуров уменьшает потребность в более сложной анимации для придания сцене ощущения динамичности. Том Снайдер описывает результат как «экономию движения». «Недостатки практически отсутствуют, — заявляет Снайдер. — Сделать сцену с вертолётом стоит ровно столько же, сколько и сцену в гостиной». Тем не менее, некоторые зрители описали Squigglevision как отвлекающий и раздражающий стиль, а некоторые даже утверждали, что от него начинаются головные боли.

Вот так:)

Комментарии
Аватар пользователя Oksana

добавила вас в друзья, отличный сайт с вкусняшками)

Аватар пользователя Disco Fish

Оксана, благодарю! Ответил вам взаимностью Smile

Аватар пользователя Oksana

взаимность - это хорошо:)

Аватар пользователя Oksana

спасибо за информацию, сейчас допишу! говорила мне мама читать википедию перед сном, а я не слушалась:)

Аватар пользователя Александр-HIMиk

Спасибо. Отличный и очень дешёвый способ оживить персонажа.

Аватар пользователя Oksana

да, очень простой способ сделать картинку живой:)

Аватар пользователя Денис

Спасибо, что поделились этой техникой, да еще и довольно подробно остановились на анимации!

Аватар пользователя Oksana

на здоровье:)

  • Страницы:
  • 1
  • 2
Пожалуйста, оставьте ваш комментарий. Спасибо!
Содержимое этого поля является приватным и не будет отображаться публично.
CAPTCHA
Вопрос для проверки
Заполните поле проверки