Цель урока: изучить создание анимации движения, изучить создание анимации движения по заданной траектории.
Анимация движения – это анимация, в которой ключевыми являются лишь первый и последний кадры, а генерация промежуточных кадров производится автоматически.
Алгоритм создания анимации движения.
- Создать графическое изображение (или импортировать изображение)
- Объект, участвующий в движении превратить в символ (Выделить объект и нажать F8).
- Перейдите на конечный кадр и превратить его в ключевой (Нажать F6). (1 секунда равна 12 кадрам).
- На последнем кадре измените положение (размер) объекта.
- Выделить промежуточный кадр (примерно середина) и сгенерировать анимацию движения. (Вставка→ Шкала времени→ Создать промежуточное отображение, или Панель Свойства: Tween (Твин) – Движение (Motion Tween) произведем автозаполнение промежуточных кадров. Сиреневая подсветка и стрелка от первого кадра к последнему говорит о том, что промежуточные кадры сгенерированы).
- Протестируйте анимацию (Ctrl + Enter).
- Сохраните анимацию.
Промежуточные кадры вставляются с помощью клавиши F5, удаляются с помощью клавиш Shift + F5.
Анимация движения по заданной траектории осуществляется с помощью специального направляющего слоя. Его располагают непосредственно над слоем с движущимся объектом, который становится ведомым.
Алгоритм создания анимации движения по траектории
- Создать графическое изображение (или импортировать изображение)
- Объект, участвующий в движении превратить в символ (Выделить объект и нажать F8).
- Перейдите на конечный кадр и превратить его в ключевой ( Нажать F6). (1 секунда равна 12 кадрам).
- На последнем кадре измените положение (размер) объекта.
- Выделить промежуточный кадр(примерно середина) и сгенерировать анимацию движения. (Вставка→ Шкала времени→ Создать промежуточное отображение, или Панель Свойства: Tween(Твин) – Движение (Motion Tween) произведем автозаполнение промежуточных кадров. Сиреневая подсветка и стрелка от первого кадра к последнему говорит о том, что промежуточные кадры сгенерированы).
- Выделите слой с анимируемым объектом и нажмите кнопку Добавить направляющую движения (С помощью Инструмента карандаш нарисуйте траекторию движения, по которой будет перемещаться анимируемый объект).
- Совместите точку трансформации объекта(кружок в центре) с началом траектории ( в первом кадре) и концом (в конечном кадре).
- Протестируйте анимацию (Нажать Enter).
- Сохраните анимацию.
- Опубликуйте анимацию (Ctrl+ Enter).
Анимация движения применима только для экземпляров библиотечных образцов (символов) или сгруппированных объектов.
Задания по теме урока
Если необходимо, скачайте и установите редактор анимации Macromedia Flash (скачать)
Файл, с описанием заданий (скачать), а также файлы, используемые в заданиях, можно скачать по ссылкам (скачать).
Дополнительные задания
Домашнее задание
§ 10 учебного пособия, ответить на вопросы
Форма отправки решений
Форма видна только зарегистрированным пользователям.