Анимация движения. Траектория

Дата Класс 9

Тема: «Анимация движения. Движение по траектории.»

Цели: научить учащихся создавать анимации движения нескольких объектов, при этом использовать траекторию движения.

Задачи:

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

Развить память, внимательность, усидчивость.

Воспитать умения работать самостоятельно (по заданному образцу). Воспитать собранность и аккуратность.

Ход урока

1. Организационный момент

2. Актуализация знаний. Постановка целей и задач урока.

3. Проверка ранее усвоенных знаний

С помощью ЭСО «Анимация» проверяем раннее полученные знания по теме анимация движения, используем интерактивную доску.

Учащиеся заполняют раздаточный материал

Расставьте действия по порядку

Вставьте пропущенные слова

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

Промежуточные кадры создаются путем трансформации экземпляров символов и изменения их положения.

Для того что бы повысить плавность анимации нужно уменьшить

число фаз в движении и увеличить частоту смены кадров.

1. Объяснение нового материала

Анимация движений по заданной траектории создается в несколько этапов:

1. Нарисовать на отдельном слое объект, который будет совершать движение

2. Создать анимацию движения по заданной траектории, осуществляется с помощью специального направляющего слоя (Motion Guide) или нажатием кнопки . Его располагают непосредственно над слоем с движущимся объектом, который становится ведомым.

3. С помощью инструмента карандаш нарисовать траекторию движения (линию), по которой будет двигаться объект.

4. Создать новый ключевой кадр и переместить объект в конечное положение траектории.

5. Выделив все промежуточные кадры и произвести автозаполнение кадров.

6. Сохранить проект и опубликовать.

Демонстрация образца защитник.fla, используя экран и проектор. С подробным разъяснением выполнения всех этапов задания.

Пример 1. Создать анимацию движения цифр «2» и «3» длительностью 2,5 секунды. Первые 2 секунды цифры движутся из разных углов экрана и соединяются в цифру 23 на фоне поздравления с Днем защитника отечества. (рис. 1).

Разработку анимации начинаем с расстановки декораций, т.е добавления слоев

и размещения объектов.

1. Импортируйте фон в 1-ый кадр слоя. Выполнив команду Файл- Импортировать, который назовем «фон». Выберите папку «для презентации» (D:/Общая папка_/папка для презентации).

2. Создайте следующий слой «цифра 2».

3. Находясь в 1-ом кадре слоя «цифра 2», с помощью инструмента кисть нарисуйте объект «2» за пределами рабочей области.

4. Выберите Добавить направляющую движения, нажатием кнопки непосредственно над слоем «цифра 2». Выбрав инструмент карандаш, нарисуйте траекторию движения (линию) объекта «2» от центра объекта к конечной точки пути.

5. Выделим 24-й кадр в слоях и превратим в ключевой клавишей F6.

6. Свяжем объект «2» с концом траектории.

7. Выделим все промежуточные кадры слоя «цифра 2» и произведем автозаполнение кадров (ПКМ Создать двойное движения)

8. Добавьте кадры с помощью клавиши F5, находясь на 30-м кадром, на всех слоях.

9. Аналогично проделайте все действия со слоем «цифра 3» .

10. Сохраните работу под именем «защитник.fla» в своей папке.( (D:/Общая папка_/9_класс/Фамилия Имя). Протестируйте анимацию.

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

1. Физкультминутка. Гимнастика для глаз возле компьютеров.

2. Закрепление изученного материала на практике.

Выполнить пример 1 самостоятельно.

1. Рефлексия.

2. Подведение итогов. Выставление отметок.

3. Задание урока на дом. §18.

Анимация движений по заданной траектории создается в несколько этапов:

1. Нарисовать на отдельном слое объект, который будет совершать движение

2. Создать анимацию движения по заданной траектории, осуществляется с помощью специального направляющего слоя (Motion Guide) или нажатием кнопки . Его располагают непосредственно над слоем с движущимся объектом, который становится ведомым.

3. С помощью инструмента карандаш нарисовать траекторию движения (линию), по которой будет двигаться объект.

4. Создать новый ключевой кадр и переместить объект в конечное положение траектории.

5. Выделив все промежуточные кадры и произвести автозаполнение кадров.

6. Сохранить проект и опубликовать.

Анимация движений по заданной траектории создается в несколько этапов:

1. Нарисовать на отдельном слое объект, который будет совершать движение

2. Создать анимацию движения по заданной траектории, осуществляется с помощью специального направляющего слоя (Motion Guide) или нажатием кнопки . Его располагают непосредственно над слоем с движущимся объектом, который становится ведомым.

3. С помощью инструмента карандаш нарисовать траекторию движения (линию), по которой будет двигаться объект.

4. Создать новый ключевой кадр и переместить объект в конечное положение траектории.

5. Выделив все промежуточные кадры и произвести автозаполнение кадров.

6. Сохранить проект и опубликовать.

Анимация движений по заданной траектории создается в несколько этапов:

1. Нарисовать на отдельном слое объект, который будет совершать движение

2. Создать анимацию движения по заданной траектории, осуществляется с помощью специального направляющего слоя (Motion Guide) или нажатием кнопки . Его располагают непосредственно над слоем с движущимся объектом, который становится ведомым.

3. С помощью инструмента карандаш нарисовать траекторию движения (линию), по которой будет двигаться объект.

4. Создать новый ключевой кадр и переместить объект в конечное положение траектории.

5. Выделив все промежуточные кадры и произвести автозаполнение кадров.

6. Сохранить проект и опубликовать.

Анимация движений по заданной траектории создается в несколько этапов:

1. Нарисовать на отдельном слое объект, который будет совершать движение

2. Создать анимацию движения по заданной траектории, осуществляется с помощью специального направляющего слоя (Motion Guide) или нажатием кнопки . Его располагают непосредственно над слоем с движущимся объектом, который становится ведомым.

3. С помощью инструмента карандаш нарисовать траекторию движения (линию), по которой будет двигаться объект.

4. Создать новый ключевой кадр и переместить объект в конечное положение траектории.

5. Выделив все промежуточные кадры и произвести автозаполнение кадров.

6. Сохранить проект и опубликовать.

Анимация движений по заданной траектории создается в несколько этапов:

1. Нарисовать на отдельном слое объект, который будет совершать движение

2. Создать анимацию движения по заданной траектории, осуществляется с помощью специального направляющего слоя (Motion Guide) или нажатием кнопки . Его располагают непосредственно над слоем с движущимся объектом, который становится ведомым.

3. С помощью инструмента карандаш нарисовать траекторию движения (линию), по которой будет двигаться объект.

4. Создать новый ключевой кадр и переместить объект в конечное положение траектории.

5. Выделив все промежуточные кадры и произвести автозаполнение кадров.

6. Сохранить проект и опубликовать.

Создайте анимацию по образцу

1. Импортируйте фон в 1-ый кадр слоя. Выполнив команду Файл- Импортировать, который назовем «фон». Выберите папку «для презентации» (D:/Общая папка_/папка для презентации).

2. Создайте следующий слой «цифра 2».

3. Находясь в 1-ом кадре слоя «цифра 2», с помощью инструмента кисть нарисуйте объект «2» за пределами рабочей области.

4. Выберите Добавить направляющую движения, нажатием кнопки непосредственно над слоем «цифра 2». Выбрав инструмент карандаш, нарисуйте траекторию движения (линию) объекта «2» от центра объекта к конечной точки пути.

5. Выделим 24-й кадр в слоях и превратим в ключевой клавишей F6.

6. Свяжем объект «2» с концом траектории.

7. Выделим все промежуточные кадры слоя «цифра 2» и произведем автозаполнение кадров (ПКМ Создать двойное движения)

8. Добавьте кадры с помощью клавиши F5, находясь на 30-м кадром, на всех слоях.

9. Аналогично проделайте все действия со слоем «цифра 3» .

10. Сохраните работу под именем «защитник.fla» в своей папке.( (D:/Общая папка_/9_класс/Фамилия Имя). Протестируйте анимацию.

Проверь себя

Расставьте действия по порядку

Вставьте пропущенные слова

Анимация движения производиться путем автоматической ____________________ промежуточных кадров. При этом ключевыми являются лишь ___________________и _________________кадры, которые содержат ___________________ и ___________________ фазы анимации.

Промежуточные кадры создаются путем___________________экземпляров символов и _________________их положения.

Для того что бы повысить плавность анимации нужно ________________

число фаз в движении и _______________смены кадров.