<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.