Создание анимации для Интернета
(Назад)

Игорь Кузнецов

    Программный продукт Macromedia Flash предназначен для создания мультимедийных компонентов Web-страниц. Он предлагает средства для реализации интерактивной работы с этими компонентами, дополняя Web-сайт потоковым звуком в формате MP3.
    С его помощью также можно создавать анимированные изображения различного типа — от простейших “живых” кнопок до сложных мультипликаций. Так же, как и в ImageReady, анимация создается путем изменения содержания последовательности кадров. Поддерживаются многослойные изображения, можно задавать перемещение объекта, его вращение, изменение формы, размера, цвета, прозрачности, причем эти изменения могут выполняться как по отдельности, так и одновременно друг с другом.
    При пошаговой анимации (frame-by-frame animation) в каждом кадре создается собственное изображение, как в мультфильмах, нарисованных художниками. Это существенно увеличивает размер конечного файла, так как требует сохранения всех кадров. При использовании автоматического создания промежуточных кадров (tweened animation) в конечном файле сохраняется изображение только для ключевых кадров, что позволяет сократить его размер.
    Flash может рассчитывать промежуточные кадры для анимации двух типов:

• анимации движения, когда задается положение, размер и поворот объекта, группы или текстового блока в один момент времени, а затем устанавливаются их новые значения в другой момент;
• анимации изменения формы, при которой первоначальное изображение объекта преобразуется в новое за заданный интервал времени.

Рис.16. Анимация движения в Macromedia Flash

    5. Двойной щелчок по последнему ключевому кадру вызывает диалоговое окно “Frame Properties”, в котором на вкладке Tweening задаются свойства анимации движения. Щелчком по кнопке OK закроем это окно.
    6. Нажатие клавиши Enter или выбор команды Control — Play запускает просмотр анимации.
    На вкладке Tweening доступны следующие параметры (рис. 17):

Рис.17. Задание параметров анимации

• раскрывающийся список Tweening для указания типа анимации (none, motion, shape);
• флажок Tween Scaling, позволяющий выполнить изменение размера группы или символа;
• раскрывающийся список Rotate для задания вращения объекта (none, automatic, clockwise, counterclockwise), причем в поле справа следует ввести число оборотов, которое должен выполнить объект;
• флажок Orient to Path Direction позволяет задать движение символа или группы по траектории;
• для изменения темпа движения в разных местах траектории служит ползунок Easing, перемещая который в начало (In), можно замедлить изменения в начальной стадии либо, передвигая его в конец (Out), — в заключительной части траектории. В среднем положении ползунка темп одинаков для всех кадров;
• флажок Synchronize Symbols позволяет синхронизировать число кадров анимации с числом экземпляров графики, если они различны;
• флажок Snap to Guide фиксирует анимируемый экземпляр на траектории движения;
• при анимации формы переключатель Blend Type задает гладкие промежуточные формы при установке значения Distributive и сохраняет четкие углы и прямые линии при установке значения Angular.

    При создании анимации формы следует учесть, что Flash не может выполнить такую анимацию для групп, символов, текстовых блоков и растровых изображений. Лучше все анимируемые фигуры размещать в отдельных слоях, хотя можно выполнять анимацию для слоя, содержащего сразу несколько фигур.

Рис.18. Одновременное отображение ключевых кадров при анимации формы

    4. По команде Insert — Key Frame задаем второй ключевой кадр, пропустив определенное число кадров, например 15, на котором изобразим конечное состояние фигуры. В примере это зеленый прямоугольник.
    5. Для первого ключевого кадра открываем диалоговое окно “Frame Properties” либо двойным щелчком, либо выбором команды Modify — Frame, в котором на вкладке Tweening задаем тип анимации Shape (рис.19). Щелчком по кнопке OK закроем окно.

Рис.19. Задание параметров анимации формы

    6. Нажатие клавиши Enter или выбор команды Control — Play запускает просмотр созданной анимации.

    Анимация формы фигур позволяет создать эффект метаморфозы, когда одна форма превращается в другую. Для возможности управления этими изменениями служат специальные идентификаторы формы (shape hints), которые позволяют создавать сложные изменения и превращения отдельных частей исходной фигуры в новые. Идентификаторы формы отмечают отдельные точки фигуры до и после изменения ее формы. Каждая из них обозначается буквой латинского алфавита, что позволяет задать до 26 идентификаторов. Таким образом можно создать изменение выражения нарисованных лиц, превращения одних животных в других и т.п. Для фигур сложной формы желательно задать промежуточные состояния в виде дополнительных ключевых кадров, что позволит контролировать фазы превращения.