Для удаления дорожки анимациинужно в контекстном меню дорожки анимации выбрать пункт Remove Timeline.

Для изменения длины дорожки анимации нужно передвинуть последнюю ключевую точку к нужному кадру.

Для создания сложной траектории движения нужно на дорожке анимации “расставить” ключевые точки, которые будут изменять в этих кадрах линию движения элемента:

1. Задать длину дорожки анимации, сместив на нужный кадр конечную ключевую точку.

2. Задать начальную ключевую точку.

3. Выбрать номер кадра для следующей точки траектории и из контекстного меню выбрать пункт Add Keyframe или выполнить команду ModifyÞTimelineÞAdd Keyframe или нажать < F6 >.

4. Переместить элемент в то место на траектории, где он должен находиться в настоящий момент. Тонкая серая линия, обозначающая траекторию, изогнется в соответствии с заданными параметрами.

5. Аналогично задаются остальные точки траектории.

Для удаления ключевой точки нужно выделить ее и из контекстного меню выбрать пункт Remove Keyframe ( или ModifyÞTimelineÞ Remove Keyframe).

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

1. Выделить свободный элемент.
2. Из контекстного меню свободного элемента выбрать пункт Record Path, или из контекстного меню панели Timelines выбрать пункт Record Path of Layer, или выполнить команду ModifyÞTimelineÞ Record Path of Layer.
3. Перемещать выбранный свободный элемент вдоль нужной траектории. На экране появиться серая линия-траектория движения. После окончания движения будет создана дорожка анимации.

Dreamweaver позволяет создавать несколько одновременно работающих и независимых друг от друга анимаций. Для каждой анимации создается своя дорожка анимации.

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

Создание анимированного графического изображения:

1. Поместить на страницу графическое изображение.
2. Создать для него новую дорожку анимации, для этого выбрать пункт Add Object в контекстном меню панели Timelines.
3. Установить нужную длительность дорожки анимации.
4. Задать ключевую точку, в которой произойдет смена графического изображения.
5. Задать новый графический файл, который отобразится во время достижения этой ключевой точки. Для этого выделить ключевую точку и в поле Src редактора свойств задать имя отображаемого файла.
6. Включить флажок Autoplay.
7. Если требуется последовательно сменить несколько изображений (фаз анимации), нужно создать соответствующее количество ключевых точек на дорожке, и в каждой из них установить нужное значение поля ввода Src.

Задания.

1. Создать Web-сайт, в котором реализованы анимационные возможности Dreamweaver MX:

a) Движение свободного элемента по прямолинейной траектории;

b) Движение свободного элемента по криволинейной траектории;

c) Одновременное движение нескольких свободных элементов по различным траекториям;

d) Совмещение движения нескольких свободных элементов (окончание движения одного элемента совпадает по времени с появлением на странице или началом движения другого);

e) Изменение в процессе анимации содержимого свободного элемента, его размера.

2. Создать Web-сайт, загрузка которого выполняется следующим образом:

a) Сначала в окне Web-обозревателя появляется заглавная страница (заставка);

b) Через некоторое время заставка сменяется главной страницей Web-сайта.

Примечание. Для выполнения задания можно воспользоваться Web-страницами, созданными на предыдущих лабораторных занятиях.

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

1. Из каких шагов складывается процесс создания анимации?

2. Что такое дорожка анимации?

3. Что такое ключевая точка?

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

5. Как совместить движение нескольких свободных элементов?

6. Как создать движение элемента по произвольной траектории?

7. Как изменить частоту кадров просмотра анимации?

Дата добавления: 2015-11-14