В этом уроке попробуем сделать простой анимационный эффект в программе Flash, применив специальный код, так называемый ActionScript. Изображение будет отклоняться вправо, влево, при наведении на него курсора мыши. Использование ActionScript расширяет возможности по созданию анимации. Если Вы будете следовать всем последующим шагам, то выполнить данный пример не составит труда, даже если вы первый раз слышите об этом понятии.

 1) Создадим новый документ в программе Flash со следующими параметрами: (файл flash для ActionScript 2.0) 450Х300 пикс; цвет фона - белый; частота кадров - 34 кадров/с.

2) На панели timeline сразу переименуем слой (двойной клик по названию слоя) и назовем его image.

3)  Далее: Фаил - Импорт - Импортировать в рабочую область (или Ctrl+R) и выбераем любое изображение на нашем компьютере, можно использовать это:

 рис.1

4) Далее выравниваем изображение, нажимаем CTRL+K и в появившейся табличке нажимаем:

Выровнять/распределить в пределах рабочей области( Align/Distribute to Stage);

Выровнять горизонтально по центру ( Align horizontal center);

Выровнять вертикально по центру ( Align vertical center).

рис.2

5) Выделим картинку на нашем flash-документе (инструмент "Стрелка" или клавиша V) и нажмем кнопку F8 (Преобразовать в символ Convert to Symbol) Рисунок 3.

рис.3

6) На панели timeline кликаем на 25, 30 и 50 кадры и нажимаем F6(создать ключевой кадр).

7) Оставшись на 50-ом кадре и выделив изображение ( клавиша V), нажимаем F9 (панель действий) и в появившейся таблице пишем следующий код:

 onClipEvent (enterFrame) {
 if(_root.as_image_animation==1) {
  homeX = -_root._xmouse/5+450-180;
  diffX = homeX-_x;
  moveX = diffX/8;
  if(Math.abs(moveX)>0.5) {
   _x += moveX;
  }
 }
}

 8) Перейдем на первый кадр (фрейм) и передвинем нашу картинку за пределы рабочего документа.Рисунок 4.

рис.4

 9) При выделенном изображении, перейдем на панель свойств (Ctrl+F3). Открываем закладку Фильтры, нажимаем плюсик и выберем Размытие(Blur)Рисунок 5.

рис.5

10) Выделяем 25-ый кадр на панели timeline и передвигаем картинку в первоначальное положение.

рис.6

11) На панели timeline нажимаем правой кнопкой мыши между 1 и 25-ым, 25 и 30-ым кадром и выбираем Создать анимацию движения(Create Motion Tween)

рис.7

12) Перейдем на 50-ый кадр и откроем окно Действий (панель ActionScript (F9)). И вставим следующее:

_root.as_image_animation=1;

На этом все!

скачать flash-исходник

 перевод: admin

В категорию

На главную

Только зарегистрированные пользователи могут оставлять коментарии.
Пожалуйста зарегистрируйтесь или войдите в ваш аккаунт.