Posts Tagged ‘изменение формы’

Простейшая анимация

Всех приветствую!
Итак, по просьбе пишу урок о простейшей анимации во флеше. Начинаем, как говорится, с малого. Потом обещаю добавить еще (по pop-up, если так и не напишут).

Открываем Flash MX.
Перед нами — наша рабочая сцена, меню, панель инструментов итд. Внизу есть такое вот окошко: Properties (Свойства). Там основные настройки вашего мульта.
Нас там интересует FRAME RATE — скорость прокрутки вашего мульта. Иначе 12 fps означает, что за одну секунду будет проигрываться 12 кадров (frame) вашего мульта. Эта скорость стандартная и, в принципе, то, что надо. Если вам надо замедлить ваш мульт — уменьшаете, надо сделать быстрее — увеличиваете эту цифру.

Теперь перейдем к самой анимации.
Во флеше есть два основных способа: shape tweening и motion tweening.
Рассмотрим первый. Shape — (англ.) форма. Вы уже понимаете, что тут речь пойдет именно об изменении формы. Создаем некую форму, например синий квадрат. Вверху, в строке времени (timeline) у нас на первом кадре появится кружочек на сером фоне — мы создали ключевой кадр (keyframe). Теперь создадим такой же кадр в 10-м кадре. Это можно сделать двумя способами: наводим мышку на 10 кадр, делаем клик (кадр стает синим) и в меню последовательно выбираем: Insert->keyframe; иначе можно: наводим на 10 кадр, кликаем, нажимаем F6. В строке времени все 10 кадров серые. Красная линия показывает на каком именно кадре мы находимся.

Переходим в 10 кадр. Выделяем наш квадратик (мышкой или нажатием ctrl+A,- данное сочетание клавиш выделяет все, что у нас находится в рабочей области). Перемещаем наш квадрат куда-нибудь в сторону (проследите, что вы в 10-м кадре!) и меняем цвет на, например желтый. Теперь переходим обратно в первый кадр. В строке Properties имеется выбор Tween, где по умолчанию стоит атрибут «none». То есть никакой анимации. Изменяем его на «shape». В строке времени наши кадры приобретают салатовый цвет со стрелочкой. Когда все сделано нажимаем «enter». КРАСОТА! Квадратик двигается, да еще и цвет меняет! Снова переходим в 10 кадр. (далее…)