Анимация формы

В отличие от анимации движения, анимация формы, работает только с примитивами, то есть с формами, созданными с помощью инструментов рисования. Так же как и в анимации движения *в одном слое не должно быть больше одной анимированной формы.

Задание 1:Создать растекающуюся каплю.[4]

При помощи инструмента Oval Tool (O) создадим овальную форму синего цвета, предварительно запретив создание контура, кликнув по перечеркнутому квадратику в палитре Stroke color .

В контекстном меню 20 кадра выберем команду Insert Keyframe (Вставить ключевой кадр). С помощью инструмента Selection Tool (V)преобразуем форму следующим образом:

Выделите любой кадр между 1 и 20 (например десятый) и перейдите в панель Properties.Из раскрывающегося списка Tween выберите Shape.

Выполнив вышеуказанные действия вы создадите анимацию формы, а первый и двадцатый кадр соединяться стрелкой.

Задание 2 для самостоятельной работы:Протестируйте ролик.

Задание 3: Создать разделение капли на две.

Используя инструмент Selection Tool (V)преобразуем каплю следующим образом:

б)

б)

б)

б)

Так как на одном слое не должно быть более одной анимированной формы создадим новый слой, кликнув по значку Insert Layer .

Выделим 21 кадр в обоих слоях и сделаем его ключевым, выбрав в контекстном меню команду Insert Keyframe. Затем выделим любую из двух частей нашей формы и в контекстном меню выберем команду Вырезать (Cut). Выделим 21 кадр второго слоя и в меню Edit выберем команду Paste in Place.

Каждая из частей формы оказалась в своем слое, теперь можно продолжить работу над анимацией.

Задание 4 для самостоятельной работы:Сделайте 30 кадр обоих слоев ключевым и создайте анимацию формы для каждого слоя.

При правильном выполнении задания панель Timeline должна выглядеть как на рисунке.

Задание 5 для самостоятельной работы:Теперь выберите инструмент Selection Tool (V) и с его помощью измените форму капелек в 30 кадре так, чтобы движение было правдоподобным.

Задание 6 для самостоятельной работы:Сделайте 40 кадр обоих слоев ключевым и создадите анимацию движения в обоих слоях. Отредактир

Задание 6 для самостоятельной работы:Сделайте 40 кадр обоих слоев ключевым и создадите анимацию движения в обоих слоях. Отредактируйте в 40 кадре капельки чуть-чуть чтобы возникло впечатление останавливающихся капелек.

Задание 7:Применить к созданной анимации фильтры.

Из предыдущих уроков Вам известно, что применение фильтров доступно только к муви клипам. Поэтому, создаем пустой муви клип и копируем туда созданную анимацию.

Итак, создайте новый символ Ctrl+F8, радио переключатель поставьте в положение Movie clip.

Скопируйте все содержимое панели Timeline, выделив при помощи инструмента Selection Tool (V) и применив команду контекстного меню Copy Frames.

в)

Откройте только что созданный Вами муви клип, кликнув по нему дважды в библиотеке. Выделите первый кадр и примените команду контекстного меню Paste Frames. Теперь у Вас есть мувиклип с анимацией, и Вы свободно можем применять к нему фильтры.

Вернитесь на главную сцену, кликнув по значку сцены.

Удалите все содержимое панели Timeline, выделив при помощи инструмента Selection Tool (V) и применив команду контекстного меню Remove Frames.
Второй слой можно удалить, перетащив в корзину.

Сделайте первый кадр ключевым и из библиотеки перетащите на сцену муви клип с анимацией. Перейдите на панель Properties и откройте вкладку Filters.

Выделяем на сцене муви клип и применяем к нему фильтры: выбираем левой клавишей мыши иконку и выбираем по очереди из списка фильтры Bevel, Gradient Bevel и Drop Shadow (настройки фильтров установите самостоятельно).

После применения фильтров у Вас получится примерно следующее движение капли:

Задание 8 для самостоятельной работы:Используя полученные знания создайте ролик на свободную тему.

 

Контрольные вопросы:

1. В чем отличие анимации формы от анимации движения?

2. Какие команды используются для того чтобы заставить объект сдвигаться или вращаться во время движения?

3. Как создать анимированное изменение формы и местоположения объекта?

4. Что такое муви клип? Какие действия необходимо выполнить для создания нового муви клипа?

5. Как преобразовать анимацию в муви клип?

6. Присутствие скольких анимированных форм допускается в одном слое?

7. Как создать анимацию с построением промежуточных изображений? Объясните на конкретном примере.

 

Основная литература:

Тверезовский Д.И. Macromedia Flash MX 2004 [Текст] : Самоучитель / Д.И. Тверезовский. - Киев: Вильямс, 2006. с. 241-324, 349-376.

 

Список литературы