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

Изменение траектории анимации движения

  1. Руководство пользователя Adobe Animate
  2. Введение в Animate
    1. Новые возможности Animate
    2. Визуальный глоссарий
    3. Системные требования Animate
    4. Сочетания клавиш Animate
    5. Работа с несколькими типами файлов в Animate
  3. Анимация
    1. Основы анимации в Animate
    2. Кадры и ключевые кадры в Animate
    3. Покадровая анимация в Animate
    4. Работа с классической анимацией движения в Animate
    5. Инструмент «Кисть»
    6. Руководство по движению
    7. Анимация движения и язык ActionScript 3.0
    8. Сведения об анимации движения
    9. Анимация движения
    10. Создание анимации движения
    11. Использование ключевых кадров свойств
    12. Положения в анимации движения
    13. Использование Редактора движения для анимаций
    14. Редактирование траектории анимации движения
    15. Управление анимациями движения
    16. Настраиваемое ускорение и замедление
    17. Создание и применение стилей движения
    18. Настройка диапазонов анимации движения
    19. Сохранение анимации движения в файлах XML
    20. Анимация движения и классическая анимация
    21. Анимация формы
    22. Анимация с использованием инструмента «Кость» в Animate
    23. Работа с риггингом персонажей в Animate
    24. Слои-маски в Adobe Animate
    25. Работа со сценами в Animate
  4. Интерактивность
    1. Создание кнопок в Animate
    2. Преобразование проектов Animate в другие форматы документов
    3. Создание и публикация документов HTML5 Canvas в Animate
    4. Добавление интерактивных возможностей с помощью фрагментов кода в Animate
    5. Создание пользовательских компонентов HTML5
    6. Использование компонентов в HTML5 Canvas
    7. Создание пользовательских компонентов: примеры
    8. Фрагменты кода для пользовательских компонентов
    9. Рекомендации: реклама в Animate
    10. Разработка и публикация контента для виртуальной реальности
  5. Рабочая среда и рабочий процесс
    1. Создание и использование малярных кистей
    2. Использование шрифтов Google в документах HTML5 Canvas
    3. Использование библиотек Creative Cloud Libraries и Adobe Animate
    4. Использование рабочей области и панели «Инструменты» в Animate
    5. Рабочие процессы и рабочая среда Animate
    6. Использование веб-шрифтов в документах HTML5 Canvas
    7. Временные шкалы и ActionScript
    8. Работа с несколькими временными шкалами
    9. Задание настроек
    10. Использование панелей разработки Animate
    11. Создание слоев временной шкалы в Animate
    12. Экспорт анимаций для мобильных приложений и игровых платформ
    13. Перемещение и копирование объектов
    14. Шаблоны
    15. Поиск и замена в Animate
    16. Отмена/повтор действий и панель «История»
    17. Сочетания клавиш
    18. Использование временной шкалы в Animate
    19. Создание HTML-расширений
    20. Параметры оптимизации изображений и GIF-анимаций
    21. Настройки экспорта для изображений и GIF
    22. Панель «Ресурсы» в Animate
  6. Мультимедиа и видео
    1. Преобразование и объединение графических объектов в Animate
    2. Создание экземпляров символов и работа с ними в Animate
    3. Трассировка изображения
    4. Использование звука в Adobe Animate
    5. Экспорт SVG-файлов
    6. Создание видеофайлов для использования в Animate
    7. Добавление видео в Animate
    8. Рисование и создание объектов в Animate
    9. Изменение линий и фигур
    10. Обводки, заливки и градиенты в Animate CC
    11. Работа с Adobe Premiere Pro и After Effects
    12. Панели «Цвет» в Animate CC
    13. Открытие файлов Flash CS6 в Animate
    14. Работа с классическим текстом в Animate
    15. Размещение иллюстраций в Animate
    16. Импортированные растровые изображения в Animate
    17. Трехмерная графика
    18. Работа с символами в Animate
    19. Рисование линий и фигур в Adobe Animate
    20. Работа с библиотеками в Animate
    21. Экспорт звуков
    22. Выделение объектов в Animate CC
    23. Работа с AI-файлами Illustrator в Animate
    24. Применение режимов наложения
    25. Упорядочивание объектов
    26. Автоматизация задач с помощью меню «Команды»
    27. Многоязычный текст
    28. Использование камеры в Animate
    29. Графические фильтры
    30. Звук и ActionScript
    31. Настройки рисования
    32. Рисование инструментом «Перо»
  7. Платформы
    1. Преобразование проектов Animate в другие форматы документов
    2. Поддержка специализированных платформ
    3. Создание и публикация документов HTML5 Canvas в Animate
    4. Создание и публикация документа WebGL
    5. Упаковка приложений AIR for iOS
    6. Публикация приложений AIR for Android
    7. Публикация для Adobe AIR на настольных ПК
    8. Параметры публикации ActionScript
    9. Рекомендации: размещение ActionScript в приложении
    10. Использование ActionScript в Animate
    11. Специальные возможности в среде Animate
    12. Создание и использование сценариев
    13. Обеспечение поддержки специализированных платформ
    14. Общие сведения о поддержке специализированных платформ
    15. Работа с плагинами поддержки специализированных платформ
    16. Отладка сценариев ActionScript 3.0
    17. Обеспечение поддержки специализированных платформ
  8. Экспорт и публикация
    1. Экспорт файлов из Animate CC
    2. Публикация OAM
    3. Экспорт SVG-файлов
    4. Экспорт графики и видео из Animate
    5. Публикация документов AS3
    6. Экспорт анимаций для мобильных приложений и игровых платформ
    7. Экспорт звуков
    8. Рекомендации: советы по созданию контента для мобильных устройств
    9. Рекомендации: правила работы с видео
    10. Рекомендации: руководство по созданию SWF-приложений
    11. Рекомендации: формирование структуры FLA-файлов
    12. Рекомендации: оптимизация FLA-файлов для Animate
    13. Параметры публикации ActionScript
    14. Задание параметров публикации для Animate
    15. Экспорт файлов-проекторов
    16. Экспорт изображений и анимированных файлов GIF
    17. Шаблоны публикации HTML
    18. Работа с Adobe Premiere Pro и After Effects
    19. Быстрая публикация анимаций
  9. Устранение неполадок
    1. Исправленные неполадки
    2. Известные проблемы

 

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

Можно редактировать или изменить траекторию движения анимации движения следующими способами:

  • Измените положение объекта в любом кадре диапазона анимации.

  • Переместите всю траекторию движения в другое место рабочей области.

  • Измените форму или размер траектории при помощи инструментов Выделение, Спецвыделение или Свободное преобразование.

  • Измените форму или размер траектории при помощи панели Преобразование или инспектора свойств.

  • Используйте команды в меню Модификация > Преобразовать.

  • Примените пользовательскую линию в качестве траектории движения.

  • Используйте редактор движения.

Чтобы показывать все траектории движения на всех слоях рабочей области одновременно, можно воспользоваться параметром Всегда показывать траектории движения. Такое отображение полезно при создании нескольких анимаций с различными взаимно пересекающимися траекториями движения. После выбора траектории движения или диапазона анимации, этот параметр можно выбрать из меню «Параметры» инспектора свойств.

См. также

Редактирование формы траектории движения с помощью инструментов «Выделение» и «Спецвыделение»

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

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

Анимированный объект не ориентирован вдоль траектории движения (слева) и ориентирован вдоль траектории движения (справа).

  1. Нажмите инструмент Выделение на панели Инструменты.

  2. Щелкните целевой экземпляр анимации, чтобы в рабочей области отобразилась траектория движения.

  3. С помощью инструмента Выделение перетащите любой сегмент траектории движения, чтобы изменить его форму. Не щелкайте сначала по сегменту, чтобы выбрать его.

  4. Чтобы показать контрольные точки Безье, относящиеся к точке ключевого кадра свойств в траектории, щелкните инструмент Спецвыделение, а затем щелкните траекторию.

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

  5. Чтобы переместить контрольную точку, перетащите ее с помощью инструмента Спецвыделение.

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

    Если маркеры не расширены, их можно расширить путем перетаскивания с одновременным удержанием клавиши Alt (Windows) или перетаскиванием с использованием параметров (Macintosh) контрольной точки.

  1. Чтобы удалить узловую точку, выберите инструмент Удалить узловую точку. Большинство узловых точек, создаваемых инструментом Выделение являются гладкими. Чтобы преобразовать узловую точку, выберите инструмент Преобразовать узловую точку. Опорная точка становится угловой.
  1. Также можно выдвинуть из точки новые маркеры Безье и разместить их так же, как и для обычной опорной точки.
Примечание.

Узловые точки нельзя добавить на траекторию с помощью инструмента Добавить узловую точку.

Изменение положения анимированного объекта

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

  1. Поместите точку воспроизведения в тот кадр, куда требуется переместить целевой экземпляр.
  2. Перетащите целевой экземпляр в новое место рабочей области с помощью инструмента Выделение.

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

Изменение положения траектории движения в рабочей области

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

  1. Нажмите инструмент «Выделение» на панели «Инструменты».

  2. Выберите траекторию движения, выполнив одно из следующих действий.

    • Щелкните диапазон анимации на временной шкале, а затем выберите траекторию движения в рабочей области.
    • Щелкните анимированный объект в рабочей области, а затем выберите траекторию движения.
    • Используя перетаскивание, охватите областью выделения траекторию движения и целевой экземпляр, чтобы выбрать их.
    • (Только для CS5.5) Выберите несколько траекторий движения, удерживая клавишу Shift при щелчке по траектории движения каждой анимации, которую требуется изменить. Также можно выделить все траектории движения перетаскиванием области выделения.
  3. Переместите траекторию движения, выполнив одно из следующих действий.

    • Перетащите траекторию в выбранное место в рабочей области.
    • Установите для траектории значения X и Y в инспекторе свойств. Значения X и Y предназначены для определения верхнего левого угла ограничительной рамки траектории движения.
    • Перемещайте траекторию движения с помощью клавиш со стрелками.

Редактирование траектории движения с помощью инструмента «Свободное преобразование»

  1. Щелкните инструмент Свободное преобразование на панели Инструменты.
  2. Щелкните траекторию движения с помощью инструмента Свободное преобразование. Не нажимайте на целевой экземпляр анимации движения.
  3. Масштабируйте, наклоните или поверните траекторию с помощью инструмента Свободное преобразование.

Удаление траектории движения из анимации движения

  1. Выберите траекторию движения в рабочей области, щелкнув на инструменте Выделение.
  2. Нажмите клавишу Delete.

Копирование траектории движения в качестве обводки

  1. Чтобы выделить траекторию движения, щелкните по ней в рабочей области.
  2. В меню Правка выберите пункт Скопировать.

Затем можно вставить траекторию на другой слой в качестве обводки или траектории движения для другой анимации движения.

Применение пользовательской линии в качестве траектории движения

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

  1. Выберите линию в слое, который отличается от слоя анимации, и скопируйте ее в буфер обмена.
    Линия не должна быть замкнутой. Можно использовать только незамкнутые обводки.
  2. Выберите на временной шкале диапазон анимации и вставьте обводку. Animate применяет обводку в качестве нового траектории движения для выбранного диапазона анимации. Целевой экземпляр анимации движется теперь вдоль этой новой линии.
  3. Чтобы поменять местами начальную и конечную точки анимации, щелкните правой кнопкой мыши (Windows) или левой кнопкой при нажатой клавише Ctrl (Macintosh) диапазон анимации. Выберите в контекстном меню диапазона анимации Траектория движения > Обратная траектория.

 Adobe

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

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