Пример. <img src=«Man.gif» usemap=«#pict»>

<img src=«Man.gif» usemap=«#pict»>

<map name=«pict»>

<area shape=rect circle=«10,10,100» href=«head.htm»>

<area shape=rect coords=«120,120,300,300» href=«hand.htm»>

</map>

Примените для изображения человека специальные фильтры для это-

1 Атрибут usemap указывает электронный адрес для связи навигационной карты-изображения с

элементом, значение данного атрибута должно начинаться со знака #.

го используется атрибут style тега <img>. В значении атрибута укажите

слово filter: и имя фильтра (flipv, fliph, blur, xray, wave).

Пример.

<img style =«filter:wave» src=«hlpbell.gif» width=150 height=50>

Лабораторная работа № 13.

Анимация движения (Motion Tweening)

Задание 1. Анимация перемещения объекта

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

мер, квадрат.

2. Первый кадр шкалы времени видоизменился – окрасился в бледно-

фиолетовый цвет, и в нем появилась жирная черная точка – кадр стал клю-

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

3. Щелкните правой кнопкой мыши по этому кадру и контекстном

меню выберите команду Create Motion Tween. Вокруг объекта появится

голубая рамка, в его центре – окружность с крестом. Рисованный объект

превратился в так называемый символ.

4. На шкале времени выделите конечный кадр анимации (например,

20) и контекстном меню этого кадра выберите команду Insert Keyframe

(Вставить ключевой кадр) или нажмите F6. Кадры временной шкалы меж-

ду начальным и конечным ключевыми кадрами окрасились в бледно-

фиолетовый цвет, а между ключевыми кадрами появилась сплошная

стрелка.

5. Находясь в последнем ключевом кадре (в 20 кадре), переместите

объект в новое положение, например, в правый верхний угол.

6. Чтобы проверить выполнение анимации, нажмите клавишу Enter.

7. Если необходимо изменить темп движения объекта, переместите

конечный ключевой кадр влево – для ускорения движения, вправо – для

замедления. Чтобы передвинуть ключевой кадр выполните следующие

действия:

– нажмите клавишу Ctrl;

– наведите курсор на ключевой кадр до появления двунаправленной

стрелки;

– нажмите кнопку мыши и, не опуская ее, передвиньте кадр.

Задание 2. Анимация изменения размера объекта

1. Создайте новый файл. Нарисуйте простейший объект, например,

прямоугольник.

2. В 1-м ключевом кадре в контекстном меню выберите Create Motion

Tween.

3. В конечном кадре анимации (например, в 20) – Insert Key frame

(Вставить ключевой кадр).

4. Выделите конечный ключевой кадр и измените размер объекта, ис-

пользуя инструмент «Трансформация»

.

5. Просмотрите анимацию, нажав клавишу Enter.