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

Руководство по движению

  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. Известные проблемы

 

Документация для руководства по анимации движения во Flash Professional. Улучшайте создаваемую анимацию путем определения траектории движения анимируемых объектов.

Общие сведения

Направляющая анимации движения в Adobe Animate (ранее Adobe Flash Professional CC) облегчает создание анимации, указывая траекторию движения анимируемых объектов. Эта функция особенно удобна при анимации объектов, передвигающихся не по прямой линии. В процессе создания такой анимации необходимы два слоя:

  • слой, содержащий объект, перемещающийся в ходе анимации;
  • слой с заданной траекторией перемещения объекта в ходе анимации.

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

Подробная информация о направляющих движения приведена в разделе «Работа с классической анимацией движения»

Направляющая анимации движения с переменной шириной штриха

Есть возможность задавать анимацию объекта на основе траектории с переменной шириной штриха.

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

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

  1. Задайте ширину линии одним из следующих способов.
  • Выберите инструмент «Ширина» (U) в наборе инструментов, щелкните в любой точке линии и перетащите маркеры для изменения ширины линии.

  • Выберите линию с помощью инструмента «Выделение» (V) из набора инструментов, затем в инспекторе свойств выберите нужный профиль ширины в поле «Ширина».

Подробная информация о функции переменной ширины приведена в разделе Обводки с переменной шириной.

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

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

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

Направляющая движения с различным цветом штриха

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

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

  1. После создания классической анимации выберите первый ключевой кадр анимации на временной шкале. В инспекторе свойств установите флажок «Цвет по контуру». Объект теперь готов к перемене цвета согласно цвету направляющей линии.

  1. Далее, выбрав инструмент «Выделение» (V) из набора инструментов, щелкните второй сегмент направляющей линии и выберите для него другой цвет. Повторите эти действия и для третьего сегмента траектории.

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

Посмотрите пример анимации с использованием направляющей движения с переменой цвета.

 Adobe

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

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