В этом уроке вы узнаете, как создать анимацию, связанную с изменением формы объекта, используя возможности Shape-анимации во FLASH Macromedia.
1. Познакомьтесь с образцом будущей вашей анимации: 1 septb.swf. Откройте программу Macromedia Flash. Откройте новый Flash-документ.
2. Откройте в меню Window палитру Property (Свойства), опцией Size назначьте размер кадра 550 х 100.
3. Создайте слой Gradient. Инструментом Rectangle Tool (Прямоугольник) нарисуйте прямоугольник чуть большего размера, чем поле Stage. Залейте его оранжево-желтым градиентом, например 255, 255, 0 - 240, 100, 15. (Выбор цвета Shift+F9).
4. Создайте новый слой List. Импортируйте в него изображение листа, используя File > Import > Import to Stage.
5. Придайте движение вашему листу: в этот слой List на место 20-го кадра вставьте ключевой кадр (Insert > Timeline > Keyframe). В 1-ом кадре назначьте анимацию в палитре Свойства кадра (Prorerties) Tween: Motion, Rotate: CW, 1 Times. Придайте нужное местоположение листу в 1-ом и в 20-м кадре. Проверьте работу анимации.
6. Создайте новый слой для вашего текста 1 sept. Сделайте его первый кадр ключевым (Insert > Timeline > Keyframe). Используя инструмент Text Tool (иконка "A" на панели инструментов Tools), создайте текст. Отформатируйте его необходимым образом, задайте ему красный цвет.
7. Скопируйте только что созданный вами кадр, а затем вставьте его в этом же слое на место 10-го и 20-го кадров. Выделите кадр 10 в этом слое и сделайте цвет надписи светло-желтым.
8. Подготовьте текстовые кадры 1, 10 и 20 к Shape-анимации, которая не может работать с картинками и с несгруппированными элементами. Приведем текст к векторному виду (после чего его редактировать уже будет нельзя). Для этого в каждом из кадров последовательно кликните Modify > Break Apart (разбив текст на отдельные буквы), Modify > Break Apart (разбив каждую букву на элементы), Modify > Shape > Convert Line to Fills (преобразовав линии букв в заливку).
9. Выделите первый кадр слоя 1 sept, в палитре его свойств (Prorerties) выберите для Tween опцию Shape, затем повторите тоже самое для кадра 10. При правильных действиях от кадра 1 к кадру 10 и далее к кадру 20 протянутся сплошные стрелки на светло-зеленом фоне, а при проигрывании анимации надпись будет менять свой цвет от красного к желтому и обратно.
10. Скопируйте в слое 1 sept 20-й кадр и вставьте его на место 30-го. Аналогичную процедуру проделайте с остальными слоями, чтобы продлить их до 30-го кадра. Проверьте созданную вами анимацию. Сохраните ее как файл Flash *.fla (File > Save) и как файл проигрывателя *.SWF (File > Export > Export Movie > Flash). Найдите этот последний файл и запустите его для оценки качества.
Использование материалов возможно только при ссылке на их автора.
Статьи, переводы и изображения принадлежат их авторам.
