Анимация движения в программе Macromedia Flash

Схема работы с данным материалом

1. Объяснение материала  по теме “Анимации движения”

2. Алгоритм выполнения обязательного задания для закрепления

3. Проверочный тест

4. Задание для индивидуальной самостоятельной работы

Анимация движения

Анимация движения объекта (motion tweening) –
один из основных видов автоматической анимации во Flash.

Анимация движения применима только  для…

….экземпляров библиотечных образов
(-символ из библиотеки, помещённый на сцену);

… сгруппированных объектов

(например,  объект ракета, реализован с помощью инструментов прямоугольник, круг, перо, и др, без размещения его в библиотеке,нужно, предварительно выделив, все его элементы сгруппировать).

Создание анимации движения

При создании Анимации движения объекта (motion tweening) следует

–вручную создать лишь 2 ключевых кадра: исходное положение объекта и конечное,

-программа автоматически сгенерирует промежуточные кадры.

Для этого:

–на шкале времени, установить маркер  кадра на любой промежуточный кадр (между ключевыми),

–выбрать команду контекстного меню Create Motion Tween (Создать анимацию движения)/

Алгоритм выполнения обязательного задания для закрепления

Задание. Реализуйте движение шара слева направо
с увеличением размера со скоростью 25 кадров в секунду (fps)
в течение двух секунд. Замедлите скорость движения шара.

1) Нарисуйте объект (шар) на отдельном слое.

2) Преобразуйте его в символ (F8) типа Графика (например, назвать Шар1).

3) Экземпляр символа Шар1 разместите на 1-м кадре в начальной точке:
слева на сцене.

4) Выделив на шкале времени 50-й кадр, преобразуйте его в ключевой (F6).

Алгоритм выполнения обязательного задания для закрепления

5) На 50-м кадре переместите шар в конечное положение (справа на сцене), увеличив его размеры с помощью инструмента трансформации.

6) Скорость ролика – 25  fps (Ctrl+M), а можно с помощью шкалы времени.

7) Произведите автозаполнение промежуточных кадров: на шкале времени, выделив любой промежуточный кадр, вызвав контекстное меню и выбрав
команду Создать анимацию движения (Create Motion Tween)

8) Проверьте ролик (Ctrl+Enter).

Алгоритм выполнения обязательного задания для закрепления

9) На панели Свойства найдите параметр Замедление (Ease), в числовом поле справа от него введите  положительное число для замедленного движения (например, 10).

10) Ещё раз проверьте ролик (Ctrl+Enter), чтобы увидеть замедление движения.

11) Результат сохраните в рабочей папке под именем Шар1_Фамилия.fla. Опубликуйте  ролик с форматами .gif и .html.

Проверочный тест

1. Анимация движения относится к …

1.   автоматической анимации
2.   покадровой анимации
3.   это отдельный вид анимации,к вышеперечисленным не относится

2. Выбери верное утверждение.

1.       При создании анимации движения приходится вручную подготавливать только 1-й кадр ролика, все последующие кадры программа Flash сгенерирует автоматически.
2.       Анимации движения применима только к символам.
3.       С помощью анимации движения можно реализовать вращение объекта по часовой стрелке с увеличением в размере.

3. Анимацию движения ещё называют ….

1.      frame-by-frame animation
2.      tweening animation
3.      motion tweening
4.       shape tweening

Задание для индивидуальной самостоятельной работы

«Самое интересное в идеях – это попробовать их на деле»

Р. Бах

       Выберите одно из двух предложенных заданий, которое Вам больше понравилось.

(при наличии времени, можно выполнить и оба задания)

 Внимание!   Задание 1  – это задание 3-4 уровня сложности  , а Задание 2 относится к 4-5 уровню.

 Загрузите программу Macromedia Flash, реализуйте в ней анимацию движения согласно выбранному заданию,сохраните в своей рабочей папке под своей фамилией, покажите учителю в конце урока.

Задание для индивидуальной самостоятельной работы

Задание1 (3-4 уровень)

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

1-й слой: небо.

2-й слой: тучки.

3-й слой: тоже тучки, другие по форме, размеру, расположению.

4-й слой: яркий воздушный шарик

Шар пролетает между облаками (т.е. слой с ним расположен среди слоёв с облаками). Будьте внимательны. В какую сторону дует ветер (летят облака), в какую сторону при полете сносит шар.

Задание для индивидуальной самостоятельной работы

Задание2 (4-5 уровень)

В звездном небе летит медленно ввысь ракета, при удалении уменьшаясь в размере. Одна звёздочка стремительно падает вниз и гаснет.

А ещё можно встретить НЛО. Траектория их полета однозначно не прямолинейная, а на борту их судна так много ярких моргающих огоньков. В иллюминаторе можно рассмотреть лицо инопланетянина.

              Урок по теме “Анимация движения” закончен. Спасибо за внимание и работу!