Сейчас 127 заметки.

Интерактивная анимация в Flash: различия между версиями

Материал из ЗАметки
(нет различий)

Версия 21:00, 18 февраля 2012

Рассмотрим интерактивную анимацию(реакция анимации на действия пользователя) во Flash. Данный эффект основан на классической анимации движения и параметрах Up, Over, Down и Hit.

1flesh.png

Создаем документ

2flesh.png

Нажимаем OK.

Moto.png

Жмем комбинацию клавиш CTRL+R и импортируем картинку.

Updh1.png

Жмем на символ, нажимаем клавишу F8.

Updh2.png

Преобразуем символ в кнопку.

Updh3.png

Кликаем два раза на символ, чтобы перейти внутрь его.

Updh4.png

Переходим в параметр Over и нажимаем правую клавишу мыши.

Updh5.png

Вставляем ключевой кадр.

Updh6.png

Тоже самое делаем с Down и Hit.

Updh7.png

Убираем обводку в

Updh8.png

Выбираем инструмент "Прямоугольник".

Updh9.png

Закрываем им всю сцену, где происходит анимация.

Updh10.png

Переходим в Up и нажимаем клавишу F8.

Updh11.png

Преобразуем символ в фрагмент ролика.

Updh12.png

Кликаем два раза на символ, чтобы перейти внутрь.

Updh13.png

Переходим на двадцать пятый кадр.

Updh14.png

Нажимаем на правую кнопку мыши и вставляем ключевой кадр.

Updh15.png

Жмём между первым и последним кадром.


Updh16.png

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

Updh17.png

Перехрдим на последний кадр(25 кадр)

Updh18.png

Перемещаем символ. Для этого нажимаем левую клавишу мыши и перемещаем символ в право, также можно перемещать символы стрелками на клавиатуре.

Updh19.png

Кликаем два раза на пустой фон, чтобы перейти обратно в настройки.

Updh20.png


Updh21.png


Updh22.png


Updh23.png


Updh24.png



Updh25.png


Updh26.png



Updh27.png


Updh28.png

Пример:

http://wikiency.org/images/3/3a/Moto2.swf