Создание анимации в среде Macromedia Flash MX

Создание анимации в среде Macromedia Flash MX

Цель урока: создание простейшей (пошаговой) анимации в интегрированной среде Macromedia Flash MX.

На уроке учащиеся должны выяснить:

1.  Что такое ключевые кадры и какую роль они играет при создании анимации;

2.  Что такое дублирующие кадры и какова их роль в анимации;

3.  Что такое пошаговая анимация и как она создается.

Ход урока:

I.  Повторение пройденного материала.

Учащиеся разбиваются на группы. Раздаются карточки с вопросом. Необходимо в течение минуты обсудить поставленный вопрос и дать правильный ответ. Представитель группы отвечает на вопрос, а остальные учащиеся оценивают правильность ответа. (Можно воспользоваться тестом).

II.  Предъявление нового материала.

Все фильмы состоят из кадров. Какие же типы кадров участвуют в создании фильма? Если посмотреть на пленку, то мы увидим множество кадров, которые содержат одно статическое изображение. Но если запустить пленку, мы видим на экране или неподвижное изображение чего-либо (так называемые декорации), или движение каких-либо объектов. За счет чего же все это происходит? Дело в том, что при создании анимационного фильма используют два типа кадров:

·  Статически повторяющиеся кадры иди дублирующие кадры (ДК) – кадры, копирующие содержание предыдущего кадра.

·  Ключевые кадры – в них располагаются статические изображения, которые потом оживают на экране, благодаря незначительным изменениям в рисунках от одного кадра к другому.

Дадим определение:

Ключевой кадр – это кадр, в котором задается положение, размер и поворот какого-то объекта, группы или текстового блока в один момент времени, а для другого момента времени те же свойства задаются с новыми значениями.

Дублирующий кадр – не имеет собственного содержания, а заключает в себе лишь ссылку на содержание стоящего слева от него ключевого кадра.

Анимация (иллюзия движения) – процесс изменения размера, положения, цвета или формы объекта во времени.

Различают два вида анимации во Flash:

1.  Ручная (пошаговая) анимация – Пользователь сам прорисовывает все изменения на рабочем поле от кадра к кадру. Этот тип анимации требует большего времени, большего объема памяти, но является наиболее простым. Роль компьютера минимальна: редактирование изображений, копирование изображений из одного ключевого кадра в другой и просмотр созданного фильма.

2.  Автоматическая анимация – программа сама создает изменения от кадра к кадру, а пользователь задает только начальное изображение и конечное.

Сегодня мы займемся именно ручной анимацией и попытаемся создать свою первую анимацию.

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

·  Белый цвет кадра – пустой ключевой кадр

·  Серый цвет - кадр содержит повторяющийся ключевой кадр

·  Сиреневый или зеленый – кадр сформирован программой Flash

·  Темно-синий (черный) – кадр выделен.

Пример : Переливающийся шарик движется по диагонали.

1.  В первом кадре рисуем шарик, заливаем его градиентной заливкой.

2.  Копируем это изображение до 30 кадра. Для этого заходим в 30 кадр и нажимаем F5.

3.  Заходим в 5 кадр и делаем его ключевым. Для этого нажимаем F6. Изменяем цвет градиентной заливки и слегка передвигаем шарик по диагонали.

4.  Повторяем эти действия до 30 кадра.

5.  Для просмотра фильма нажимаем клавиши Ctrl + Enter.

III.  Закрепление нового материала.

Учащимся предлагается задание. Уровень сложности учащийся выбирает сам.

I уровень:

II уровень

II уровень

III уровень

IV.  Домашнее задание.

Учащимся необходимо составить сценарий следующей анимации: