Об анимации движения



Анимация движения создается путем указания значения для свойства объекта на одном кадре и другого значения для того же свойства на другом кадре. Flash вычисляет значения этого свойства для всех промежуточных кадров между этими двумя. Термин "Tween" происходит от выражения "in-between" ("в промежутке").

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

В число анимируемых объектов входят фрагменты ролика, графические символы и символы кнопок, а также текстовые поля. Эти объекты могут иметь следующие свойства:

  • Положение по осям X и Y на плоскости

  • Положение по оси Z в трехмерном пространстве (только фрагменты роликов)

  • Вращение на плоскости (вокруг оси Z)

  • Вращение вокруг осей X, Y и Z в трехмерном пространстве (только фрагменты роликов)

    Для создания трехмерного движения требуется указать, что FLA-файл использует ActionScript 3.0 и Flash Player 10, в параметрах публикации.

  • Наклон по осям X и Y

  • Масштаб по осям X и Y

  • Цветовые эффекты

    Цветовые эффекты включают в себя альфа-канал (прозрачность), яркость, тон и расширенные параметры для цветов. Анимация цветовых эффектов может производиться только на символах. Чтобы создать анимацию движения цветового эффекта для текста, преобразуйте текст в символ.

  • Свойства фильтра (кроме фильтров, применяемых к графическим символам)

Диапазон анимации — это группа кадров на временной шкале, в которой одно или несколько свойств объекта на временной шкале меняются со временем. Диапазон анимации выглядит на временной шкале как группа кадров на одном слое с синим фоном. Эти диапазоны анимации можно выбрать в качестве единичного объекта, перетащить из одного места на временной шкале в другое и даже в другой слой. В каждом диапазоне анимации анимирован может быть только один объект. Этот объект называется целевым объектом диапазона анимации.

Ключевой кадр свойства — это кадр в диапазоне анимации движения, где явно определены одно или несколько значений свойств для целевого анимационного объекта. Для каждого свойства, определенного пользователем, создается отдельный ключевой кадр свойства. Если во одном кадре задать более одного свойства, то ключевые кадры для каждого из этих свойств будут размещены в этом кадре. Все свойства диапазона анимации и его ключевые кадры свойств можно просмотреть на панели редактора движения. Из контекстного меню диапазона анимации можно также выбрать, какие типы ключевых кадров свойств отображать на временной шкале.

В предыдущем примере создания анимации движения фрагмента ролика от левого края рабочей области к·правому краю (кадры с 1 по 20) ключевыми кадрами свойства являются первый и двадцатый кадры. Можно использовать инспектор свойств, редактор движения, панель "Преобразование" или различные инструменты из панели "Инструменты", чтобы задать определенные значения свойствам, которые необходимо анимировать. Значения свойств задаются в выбранных кадрах, а Flash добавляет необходимые ключевые кадры свойств к диапазону анимации. Flash интерполирует значения каждого из этих свойств в кадрах, которые находятся между созданными вами ключевыми кадрами свойств.

Примечание. Начиная с Adobe Flash Professional CS4, концепции "ключевого кадра" и "ключевого кадра свойства" различаются. Термин "ключевой кадр" относится к кадру на временной шкале, в котором впервые в рабочей области появляется экземпляр символа. Отдельный термин "ключевой кадр свойства", который появился в Flash CS4, относится к значению, определенному для свойства на определенное время или для определенного кадра анимации движения.

Если анимированный объект изменяет свое место расположения в рабочей области во время анимации, то в диапазоне анимации для него назначается связанная с ним траектория движения. Эта траектория движения показывает путь, который проходит анимированный объект во время перемещения по рабочей области. Траекторию движения по рабочей области можно редактировать при помощи инструментов "Спецвыделение", "Преобразовать опорную точку", "Удалить опорную точку", "Свободное преобразование" и команд в меню "Модификация". Если анимация положения отсутствует, то траектория движения в рабочей области не появляется. Также в качестве траектории движения можно применить существующую траекторию. Для этого его нужно вставить в диапазон анимации на временной шкале.

Анимация движения — это эффективный и рациональный способ создавать движения и изменения во времени с сохранением минимального размера файла. В случае анимации движения в FLA-файле и опубликованном SWF-файле хранятся только значения ключевых кадров свойств.

Перед созданием анимации бывает полезно понять следующие термины Flash:

  • Рисование в рабочей области

  • Слои временной шкалы и порядок наложения объектов в одном или нескольких слоях

  • Перемещение и преобразование объектов в рабочей области и в инспекторе свойств

  • Использование временной шкалы, включая время жизни объекта и выбор объектов в определенные моменты времени

  • Символы. К анимированным типам символов относятся фрагменты ролика, кнопки, графики и текст.

  • Необязательно: редактирование кривой Безье с использованием инструментов "Выделение и "Спецвыделение". Эти инструменты можно использовать для редактирования траекторий движения.

Дополнительные сведения об этих концепциях находятся в разделе "См. также".

См. следующие видеоучебники по анимации.

Различия между анимацией движения и классической анимацией

Flash поддерживает два различных типа анимации для создания движения. Анимации движения, представленные в Flash CS4 Professional, являются мощным и несложным в создании средством. Анимация движения позволяет очень гибко управлять анимацией. Классическая анимация, включающая все возможности анимации из предыдущих версий Flash, сложнее в создании. Хотя анимация движения обеспечивает более гибкий контроль, классическая анимация движения предлагает ряд возможностей, которые могут в ряде случаев потребоваться пользователям.

Вот несколько различий между анимацией движения и классической анимацией.

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

  • Анимация движения состоит из одного целевого объекта, использующегося во всем диапазоне анимации.

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

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

  • В диапазоне анимации движения не допускается использование кадровых сценариев. Классическая анимация допускает использование кадровых сценариев.

  • Никакие сценарии объектов для целевой анимации движения не могут изменяться в пределах диапазона анимации движения.

  • Диапазоны анимации движения могут быть растянуты или их размер может быть изменен на временной шкале, при этом с ними можно обращаться как с одним объектом. Классическая анимация состоит из групп отдельно выбираемых на временной шкале кадров.

  • Чтобы выбрать отдельные кадры в диапазоне анимации движения, необходимо щелкнуть кадр правой кнопкой мыши (Windows) или с удержанием клавиши Command (Macintosh).

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

  • Для эффекта перехода между двумя цветами, например тонирования или альфа-прозрачности, можно использовать классическую анимацию. При анимации движения к одному переходу можно применять только один цветовой эффект.

  • Для анимации трехмерных объектов можно использовать только анимацию движения. Нельзя анимировать трехмерный объект с помощью классической анимации движения.

  • В качестве наборов настроек движения можно сохранять только анимацию движения.

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