Руководство пользователя Отмена

Создание анимации движения

 

Приступая к работе

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

Предварительные условия

Описание

Перед началом работы с анимацией движения необходимо ознакомиться с основами использования временной шкалы и редактирования свойств. Редактировать ключевые кадры отдельных свойств в рабочей области можно в инспекторе свойств или в обновленном редакторе движения.

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

Минимальным структурным элементом слоя анимации движения является диапазон анимации. Диапазон анимации в слое анимации может содержать только один экземпляр символа или текстовое поле. Этот экземпляр символа называется целью диапазона анимации. Тем не менее, один символ может содержать много объектов.

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

  • перетащите другой символ из библиотеки в диапазон анимации на временной шкале;
  • используйте команду Изменить > Символ > Заменить символ.

Символ можно удалить из слоя анимации, не удаляя и не разделяя саму анимацию. Позже в анимацию можно будет добавить другой экземпляр символа. Также можно в любое время изменить символ или его тип.

Когда анимация содержит движение, в рабочей области появляется траектория движения. Траектория движения показывает положение анимируемого объекта в каждом кадре. Можно изменить траекторию движения в рабочей области, перетаскивая его контрольные точки. Нельзя добавлять направляющую движения в слой анимации или обратной кинематики. 

См. также

Компоненты анимации движения

Диапазон анимации:

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

Ключевой кадр свойства:

  • это кадр в диапазоне анимации движения, где явно определены одно или несколько значений свойств для целевого анимационного объекта.
  • Эти свойства могут включать положение альфа (прозрачность), оттенок цвета и т. д.
  • Для каждого определенного свойства создается отдельный ключевой кадр свойства.
  • Если во одном кадре задать более одного свойства, то ключевые кадры для каждого из этих свойств будут размещены в этом кадре.
  • Используйте редактор движения, чтобы просмотреть каждое свойство диапазона анимации и его ключевые кадры свойств.
  • Чтобы выбрать, какие типы ключевых кадров свойств отображать на временной шкале, из контекстного меню диапазона анимации, щелкните правой кнопкой мыши ключевой кадр свойства и выберите «Просмотреть ключевые кадры». 

Целевой объект анимации

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

  • Анимацию можно сохранить как набор настроек для повторного использования.
  • Можно легко перемещать анимацию движения на временной шкале (перетаскивать диапазон анимации в другое место) или в рабочей области.
  • Чтобы применить новый экземпляр к существующей анимации движения, выполните следующие действия:
    • вставьте его в анимацию с целью замены;
    • перетащите новый экземпляр из библиотеки;
    • используйте команду «Заменить символ». 

Объекты и свойства, для которых возможна анимация движения

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

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

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

  • Вращение вокруг осей X, Y и Z в трехмерном пространстве (только фрагменты роликов): указывает, что FLA-файл предназначен для ActionScript 3.0 и Flash Player 10 или более поздней версии в параметрах публикации. Adobe AIR также поддерживает трехмерное движение.

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

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

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

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

Создание анимации движения

Анимацию движения можно создать одним из трех способов:

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

 Использовать ActionScript в анимации необязательно.

Создание анимации движения

Анимация движения других свойств с помощью инспектора свойств

Используйте команду Создать анимацию движения, чтобы анимировать большинство свойств экземпляра символа или текстового поля. К таким свойствам относятся, например, поворот, масштабирование, прозрачность или оттенок (только для символов и текста TLF). Например, можно изменить свойство альфа-прозрачности экземпляра символа, чтобы он плавно появлялся на экране.

  1. Выделите экземпляр символа или текстовое поле в рабочей области.

    Если выделенный фрагмент содержит другие объекты или содержит несколько объектов из слоя, то Animate предлагается преобразовать его в символ фрагмента ролика.

  2. Выберите Вставка > Анимация движения.

    Если появится диалоговое окно Преобразовать выделенный фрагмент в символ для анимации, нажмите кнопку «ОК» для преобразования выделенного фрагмента в символ фрагмента ролика.

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

  3. Поместите точку воспроизведения в кадр диапазона анимации, для которого необходимо указать значение свойства.

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

  4. Выберите объект в рабочей области и установите значение свойства, не относящегося к положению (например, альфа-прозрачности, поворота или наклона). Задайте значение при помощи инспектора свойств или одного из средств панели Инструменты.

    Текущий кадр в диапазоне становится ключевым кадром свойств.

     Можно отобразить различные типы ключевых кадров свойств в диапазонах анимации. Щелкните правой кнопкой мыши (Windows) или щелкните, удерживая клавишу Ctrl (Macintosh), по диапазону анимации и выберите в контекстном меню «Просмотреть ключевые кадры» > тип свойства.

  5. Проведите точкой воспроизведения по временной шкале , чтобы просмотреть анимацию движения в рабочей области.

  6. Чтобы добавить дополнительные ключевые кадры свойств, переместите точку воспроизведения в нужный кадр диапазона и установите значение свойства в инспекторе свойств.

Добавление анимации движения в существующий слой анимации

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

  1. Выполните одно из следующих действий.

    • Добавьте пустой ключевой кадр в слой (Вставка > Временная шкала > Пустой ключевой кадр), добавьте элементы в ключевой кадр, а затем добавьте анимацию для элементов.
    • Создайте анимацию движения в отдельном слое, а затем перетащите диапазон на нужный слой.
    • Перетащите статические кадры из другого слоя в слой анимации, а затем добавьте анимацию движения к объекту в статическом кадре.
    • Перетащите существующий диапазон, удерживая клавишу «Alt» (Windows) или «Option» (Macintosh), чтобы создать его дубликат в том же или в другом слое.
    • Скопируйте и вставьте диапазон анимации из того же или другого слоя.

Получайте помощь быстрее и проще

Новый пользователь?