На днях мне довелось поработать над весьма интересным проектом — анимацией иллюстраций для календаря. Надеюсь, в скором времени все правки и утверждения канут в вечность и результат совместного труда нескольких интересных художников, музыкантов и одного аниматора, увидит мир в виде он-лайн книжки.
А работа над проектом сподвигла меня сделать небольшой скринкаст о создании части одной из анимаций. Процесс был специально повторен для камеры :), поэтому результаты несколько отличаются друг от друга.
Сегодня урок о шейп-твин анимации на флеш и первая ласточка — обзор Anime Studio Pro в свете возможностей векторного морфинга.
Если возможности АнимеПро заинтересуют Вас, я серьёзно подумаю над серией обзорных видео уроков по этому инструменту, на мой взгляд очень мощному. Кости действительно работают, морфинг действительно полезен, 3Д хоть и не идеален, но работает лучше чем в том же Флеш.
Задача - надо анимировать линию, летящую по произвольному пути. )) Stroke эффект одним словом.
Задача 2 - анимировать процесс рисования некоей произвольной фигуры.
Если кому то много букв — смотрим видео версию.
Если кому то жалко трафика — читаем ниже.
Все может быть решено довольно просто.
1. Рисуем законченный путь нашей линии (кривая)
2. Дублируем кривую на новый слой.
3. Создаем круглый шейп и конвертируем его в графический клип.
4. Слой с дублем кривой превращаем в моушн-гайд для круглого шейпа.
5. Делаем анимацию шейпа по всему пути.
6. Выделяем фреймы с моушнГайдом и шейпом, вырезаем их и создаем новый графический символ в билиотеке, куда и вставляем вырезанные фреймы. Или пользуемся необычайно полезной штукой Layers manager, который можно найти тут: http://flash-animation.ru/category/plugins/ (Лерика, если ты это читаешь поправь линки! Прямая ссылка на пост о плагине не работает!!!)
7. Временно переводим моушнГайд в обычный слой, чтобы видеть путь в клипе маски.
8. Возвращаемся на сцену - совмещаем кривую и клип.
9. Возврашаемся в клип маски, и восстанавливаем моушнГайд для слоя с кривой.
10. Слой с клипом, в котором находится анимация превращаем в маску для слоя с изначальной кривой. Ура.
Задача 2.
1. Переводим клип с анимацией в ранг MovieClip. Дадим ему instance-имя masker.
2. Обернем masker в еще один мувиКлип с instance-name = mask_mc
3. Конвертируем кривую в мувиКлим с instance-name = line_mc
4. Пишем на таймлайне с линией и маской нехитрый код.