Итак второй вид анимации - shape tween.

Тут можно дать возможность поиграть фантазии.

Делаем всё как в первом уроке до момента рисования кружка. Только теперь сразу же поставим размер кадра 640 на 480 (где и как это делать см. Урок 1)! Фон можете ставить по своему вкусу.

Теперь рисуем опять кружок. Обратите внимание, что его нельзя конвертировать в символ, иначе работать не будет!!! Щёлкаем правой кнопкой мышки в 15м кадре и выбираем Insert Keyframe. Теперь щёлкаем Правой кнопкой в любом кадре из первых 14 и выбираем Create Shape Tween.

Дальше выбираем во что же будет превращаться наш кружок. Сейчас лучше пусть в прямоугольник! Нажимаем на клавиатуре латинскую R, тем самым выбрав для рисования прямоугольник. Ставим красный бегунок в последний кадр! Теперь важный момент: там уже есть кружок, щёлкаем по нему мышкой, только до того как выберем прямоугольник(мышка должна быть стрелочкой) и просто нажимаем Delete(Del) а клавиатуре. А сейчас рисуем тут прямоугольник.

Вот и всё!

Жмём Enter - видим результат на рабочем поле, жмём Ctrl + Enter - видим как оно будет выглядеть в плеере.

А теперь домашнее задание: продлить этот ролик так, чтоб прямоугольник превратился в единицу, а та в двойку!
Советую для следующих ключевых кадров использовать 30й и 45й. Рисовать цифры нужно кисточкой!!!

И не забудте сохранить как fla и swf!!!

Этот урок небольшое дополнение к предыдущему!
Использовать shape tween мы уже научились, а теперь научимся его контролировать!

Итак, начинаем как обычно. Кисточкой нарисуем в первом кадре единицу, в 15й кадр поставим ключ, превращаем это в shape tween. Теперь удаляем из 15го кадра единицу и рисуем там двойку. Сама анимация, вроде готово. А теперь самое интересное, добавляем контрольные точки!

Переходим в первый кадр и нажимаем Modify -> Shape -> Add shape hint (можно просто нажать комбинацию клавиш Ctrl + Shift + H, но у меня почему-то оно так не работает). В центре рабочего поля появится точка с буквой "а". Если проделать тоже самое ещё раз появится точка с буквой "в". Вот только первая точка не исчезла - она просто под второй, если мышкой перетянуть точку "в" от центра, то под ней и окажется точка "а". Это следует учитывать для последнего кадра, так как после раставления точек в первом кадре, в последнем они всёравно все будут одна на другой в центре(в промежуточных их просто не будет).
Итак создаём 4 такие точки и раставляем их в первом и последнем кадре как показано на рисунах.

Только одна особенность - точки должны идти в алфавитном порядке(это латиница - a b c d) по или против часовой стрелки(ну так рекомендуют).
Точками отмечаются те места объекта, которые при морфинге должны соответствовать друг другу. Таким образом можно как сделать морфинг более плавным и логичным, так и наоборот - полной кашей, при необходимости!

На этом с анимацией закончим на сегодня, сохраним всё и перейдём к ещё одному вопросу, чисто техническому - калькированию!
Бывает, что при создании анимации необходимо видеть где был объект в предыдущем кадре или где он будет в следующем.

Особенно это касается покадровой анимации, когда каждый кадр рисуется вручную и нужно знать где нарисовать в новом кадре объект чтоб не получилось рывков!
Для этого есть функция Onion Skin(калькирование)! Под временной шкалой есть несколько значков как на рисунке.

1) Onion Skin - просто калькирование, показывает целиком объект из предыдущих и/или следующих кадров.
2) Onion Skin Outlines - показывает только контуры объекта.
3) Edit Multiple Frames - позволяет в покадровой анимации редактировать не только текущий кадр, но и все остальные, которые видны на рабочем поле!
4) Modify Onion Markers - несколько функций контроля, можно выставить 2, 5 или все кадры показывать, закрепить диапазон чтоб он не двигался вместе с бегунком и показывать или не показывать маркер калькирования постоянно(маркер калькирования - рамочка вокруг головки бегунка, см. рисунок ниже).
5) Current Frame - показывает в каком кадре сейчас бегунок, ну и соответственно какой кадр выбран, а также позволяет выбрать кадр для работы не примеряя бегунок к линейке чтоб точно установить в нужный кадр!

А на рисунке ниже сам маркер калькирования в виде рамочки вокруг головки бегунка. Обратите внимание, что по краям маркера есть по белой точечке, если взяться за эту точку, можно растянуть обзор на нужное количество кадров в одну и/или другую сторону!