4.6. Техника анимации

В

Рис. 78. Виды кадров.

данной программе наиболее часто используется анимация поопорнымкадрам. При этом способе создания Флэш-фильмов получается движущееся изображение при минимальном объеме файла. Ключевые, или опорные кадры назначаются на временной оси в тех точках, где происходят изменения свойств объектов. Все промежуточные кадры рассчитываются автоматически. Объект, используемый в фильме по опорным кадрам, может быть символом, или группой.

На рисунке 78 показан способ обозначения заполненных, в том числе ключевых кадров, а также пустые и отсутствующие кадры. Ключевой кадр обозначается в соответствующем слое точкой (кадр 1 в верхнем слое на рисунке). Следующие за ним кадры дублируют этот ключевой – таким способом получается статический слой. Для получения слоя, содержащего анимацию, нужно создать необходимое количество ключевых кадров и определить на каждом из них свойства объектов (экземпляров символов). Если нужно, чтобы эти свойства изменялись плавно, нужно создать анимацию по ключевым кадрам (Tween). Для описания движения по кривой используется специальный ведущий слой (Motion Guide).

На этом заканчивается описание практических приемов работы с программой MacromediaFlash. Освоив эти приемы, можно переходить к выполнению практических заданий разделов 4.7 – 4.12.

4.7. Простой анимационный ролик

Примерный результат выполнения данного упражнения находится по адресу: http://www.master-teacher.org/compAnimo/examples/sun.html

1. Установить параметры клипа: размеры 600х400 пикселей, цвет фона – синий.

2. Создать окружность желтого цвета.

3. Используя инструмент Line, нарисовать лучи.

4. Выделить все нарисованные объекты и превратить их в символ типа MovieClip: нажать на клавишуF8, в появившемся диалоговом окне выбрать позицию переключателяMovieClipи имя символа:Sun.

5. Присвоить экземпляру символа имя mySun.

6. Установить объект mySunв левой нижней точке сцены.

7. Создать новый слой и нарисовать в нем статический объект зеленого цвета, как показано в образце.

8. Присвоить верхнему слою имя «back», нижнему – «sun».

Обычно слой, содержащий статическое изображение, находится на заднем плане и является нижним. В данном случае это не так, поскольку Солнце должно появиться из-за пригорка, то есть, подвижный объект в начале закрыт статическим.

9. Создать в слое «back» кадр на позиции 120: выделить эту позицию на указанном слое и нажать на клавишуF5.

10. Используя инструмент FreeTransformTool, увеличить размер объекта.

11. Выделить в элементе управления TimeLineпозицию 40 и нажать на кнопкуF5 для получения нового кадра.

12. Поместить указатель мыши в кадр 40, и нажать на правую кнопку для вызова всплывающего меню.

13. Выбрать позицию CreateMotionTweenдля создания анимации. В последовательности кадров с 1 по 40 появится прерывистая линия – признак незавершенной анимации.

14. Проследить за тем, что выделен только кадр 40 (отмечен черным). Переместить объект mySunвверх, уменьшить его размер и повернуть его на угол 45 градусов.

15. Используя аналогичные приемы, создать еще 3 ключевых кадра и изменить в них свойства объекта, как показано в образце.

16. Сохранить результат.

17. Выполнить публикацию результата: Главное меню - File–Publish.

18. Открыть в браузере полученный файл sun.htmlи убедиться в том, что анимация выполняется.