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

Редактирование: Интерактивная анимация в Flash

Материал из ЗАметки

Внимание! Вы не авторизовались на сайте. Ваш IP-адрес будет публично видимым, если вы будете вносить любые правки. Если вы войдёте или создадите учётную запись, правки вместо этого будут связаны с вашим именем пользователя, а также у вас появятся другие преимущества.

Правка может быть отменена. Пожалуйста, просмотрите сравнение версий, чтобы убедиться, что это именно те изменения, которые вас интересуют, и нажмите «Записать страницу», чтобы ваша отмена правки была сохранена.

Текущая версия Ваш текст
Строка 1: Строка 1:
Рассмотрим интерактивную анимацию - реакция анимации на [[Эффект кнопки в Flash|действия пользователя]] в [[Flash]]. Данный эффект основан на классической анимации движения и параметрах Up, Over, Down и Hit.
 
 
[[Файл:1flesh.png]]
 
 
Создаем документ
 
 
[[Файл:2flesh.png]]
 
 
Нажимаем OK.
 
 
[[Файл:moto.png]]
 
 
Жмем комбинацию клавиш CTRL+R  и импортируем картинку.
 
 
 
[[Файл:updh1.png]]
 
[[Файл:updh1.png]]
 
Жмем на символ, нажимаем клавишу F8.
 
  
 
[[Файл:updh2.png]]
 
[[Файл:updh2.png]]
 
Преобразуем символ в кнопку.
 
  
 
[[Файл:updh3.png]]
 
[[Файл:updh3.png]]
 
Кликаем два раза на символ, чтобы перейти внутрь его.
 
  
 
[[Файл:updh4.png]]
 
[[Файл:updh4.png]]
 
Переходим в параметр Over и нажимаем правую клавишу мыши.
 
  
 
[[Файл:updh5.png]]
 
[[Файл:updh5.png]]
 
Вставляем ключевой кадр. Тоже самое делаем с Down и Hit.
 
  
 
[[Файл:updh6.png]]
 
[[Файл:updh6.png]]
 
Переходим на Hit. Жмем кнопку F8 и преобразуем символ в кнопку.
 
  
 
[[Файл:updh7.png]]
 
[[Файл:updh7.png]]
 
Убираем обводку.
 
  
 
[[Файл:updh8.png]]
 
[[Файл:updh8.png]]
 
Выбираем  инструмент "Прямоугольник".
 
  
 
[[Файл:updh9.png]]
 
[[Файл:updh9.png]]
 
Закрываем им всю сцену, где происходит анимация.
 
  
 
[[Файл:updh10.png]]
 
[[Файл:updh10.png]]
 
Переходим в Up и нажимаем клавишу F8.
 
  
 
[[Файл:updh11.png]]
 
[[Файл:updh11.png]]
 
Преобразуем символ в фрагмент ролика.
 
  
 
[[Файл:updh12.png]]
 
[[Файл:updh12.png]]
 
Кликаем два раза на символ, чтобы перейти внутрь.
 
  
 
[[Файл:updh13.png]]
 
[[Файл:updh13.png]]
 
Переходим на двадцать пятый кадр.
 
  
 
[[Файл:updh14.png]]
 
[[Файл:updh14.png]]
 
Нажимаем на правую кнопку мыши и вставляем ключевой кадр.
 
  
 
[[Файл:updh15.png]]
 
[[Файл:updh15.png]]
 
Жмём между первым и последним кадром.
 
 
  
 
[[Файл:updh16.png]]
 
[[Файл:updh16.png]]
 
Нажимаем на правую кнопку мыши и создаем классическую анимацию движения.
 
  
 
[[Файл:updh17.png]]
 
[[Файл:updh17.png]]
 
Перехрдим на последний кадр(25 кадр)
 
  
 
[[Файл:updh18.png]]
 
[[Файл:updh18.png]]
 
Перемещаем символ. Для этого нажимаем левую клавишу мыши и перемещаем символ вправо, также можно перемещать символы стрелками на клавиатуре.
 
  
 
[[Файл:updh19.png]]
 
[[Файл:updh19.png]]
 
Кликаем два раза на пустой фон, чтобы перейти обратно в настройки.
 
  
 
[[Файл:updh20.png]]
 
[[Файл:updh20.png]]
 
Переходим в параметр Over.
 
  
 
[[Файл:updh21.png]]
 
[[Файл:updh21.png]]
 
Нажимаем опять клавишу F8 и преобразуем символ в ролик.
 
  
 
[[Файл:updh22.png]]
 
[[Файл:updh22.png]]
 
Два раза кликаем на символ, переходим на двенадцатый кадр, нажимаем правую кнопку мыши и выбираем "Вставить ключевой кадр"
 
  
 
[[Файл:updh23.png]]
 
[[Файл:updh23.png]]
 
Жмем между кадрами.
 
  
 
[[Файл:updh24.png]]
 
[[Файл:updh24.png]]
 
Нажимаем правую кнопку мыши и создаем классическую анимацию движения.
 
  
 
[[Файл:updh25.png]]
 
[[Файл:updh25.png]]
  
Переходим на последний кадр и передвигаем символ вправо.  
+
[[Файл:updh26.png]]
  
[[Файл:updh26.png]]
+
[[Файл:updh27.png]]
  
 +
[[Файл:updh28.png]]
  
'''Пример''': http://wikiency.org/swf/moto2.swf
+
Пример:
  
Скачать исходник: http://wikiency.org/fla/moto2.fla
+
http://wikiency.org/images/3/3a/Moto2.swf

Пожалуйста, учтите, что любой ваш вклад в проект «ЗАметки» может быть отредактирован или удалён другими участниками. Если вы не хотите, чтобы кто-либо изменял ваши тексты, не помещайте их сюда.
Вы также подтверждаете, что являетесь автором вносимых дополнений, или скопировали их из источника, допускающего свободное распространение и изменение своего содержимого (см. ЗАметки:Авторские права). НЕ РАЗМЕЩАЙТЕ БЕЗ РАЗРЕШЕНИЯ ОХРАНЯЕМЫЕ АВТОРСКИМ ПРАВОМ МАТЕРИАЛЫ!