Анимация зубчики. Flash урок.

Cogwheel animation 


В этом уроке у вас будет шанс изучить, как создать анимацию зубчатого колеса в Flash 8, 
используя Action Script.
Вы также научитесь, как преобразовать зубчатое колесо в мувик, как поворачивать его и т.д. 



Шаг 1

Создайте новый флеш документ, выберите Modify > Document (Ctrl+J) и установите ширину 300 
и высоту 250 px. Частоту кадров (Frame rate) установите равным 22fps кадров в секунду).



Шаг 2

Дважды кликните по слою layer 1, чтобы переименовать его в background.
Вставьте новый слой и назовите его cogwheel. затем нарисуйте 2 зубчатых колеса так, как 
показано на картинке ниже.



Шаг 3

Выделите зубчатку и нажмите F8 (Convert to Symbol), чтобы пребразовать ее в муви клип.



Шаг 4

Дважды кликните по только что сделанному мувику (cogwheels) или выберите по правому клику 
мыши в меню Edit in Place (редактировать на месте).

Шаг 5

Выделите только одно колесо, нажмите Ctrl+X (Cut - вырезать), вставьте новый слой (layer 2),
выделите его и нажмите Ctrl+Shift+V (Paste in Place)- вставить на месте.

Шаг 6

Выделите первый слой и преобразуйте первое колесо в муви клип.


Шаг 7

Кликните в кадре 40 и нажмите F6 (Keyframe). После этого вернитесь в первый кадр, откройте 

панель Properties (Ctrl+F3), в Tween выберите Motion (движение) и в Rotate выберите CW.



Шаг 8

Выделите layer 2 и нажмите F8 чтобы преобразовать второе колесо в мувик.



Шаг 9

Кликните в кадре 40 и нажмите F6 (Keyframe). Потом откройте панель Action Script (F9) и 
вставьте этот скрипт:

CODE

gotoAndPlay(1);

Шаг 10

Выделите первый кадр, откройте панель Properties (Ctrl+F3), в Tween выберите Motion и в 
Rotate выберите CCW. Смотри на картинку ниже.





Мы закончили!
Протестируйте ваш клип (Ctrl+Enter).
Пока!


Это сообщение отредактировал kedicik - 29 Ноября 2012, 22:55 

Присоединённые файлы
  cogwheelAnimation.rar ( 32.59 KB )