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

Скелетная анимация персонажей в Animate

  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. Работа с ключевыми точками видео
    9. Рисование и создание объектов в Animate
    10. Изменение линий и фигур
    11. Обводки, заливки и градиенты в Animate CC
    12. Работа с Adobe Premiere Pro и After Effects
    13. Панели «Цвет» в Animate CC
    14. Открытие файлов Flash CS6 в Animate
    15. Работа с классическим текстом в Animate
    16. Размещение иллюстраций в Animate
    17. Импортированные растровые изображения в Animate
    18. Трехмерная графика
    19. Работа с символами в Animate
    20. Рисование линий и фигур в Adobe Animate
    21. Работа с библиотеками в Animate
    22. Экспорт звуков
    23. Выделение объектов в Animate CC
    24. Работа с AI-файлами Illustrator в Animate
    25. Нанесение узоров с помощью инструмента «Аэрограф»
    26. Применение режимов наложения
    27. Упорядочивание объектов
    28. Автоматизация задач с помощью меню «Команды»
    29. Многоязычный текст
    30. Использование камеры в Animate
    31. Использование Animate с Adobe Scout
    32. Работа с файлами Fireworks
    33. Графические фильтры
    34. Звук и ActionScript
    35. Настройки рисования
    36. Рисование инструментом «Перо»
  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. Рекомендации: специальные возможности
    12. Специальные возможности в среде Animate
    13. Создание и использование сценариев
    14. Обеспечение поддержки специализированных платформ
    15. Общие сведения о поддержке специализированных платформ
    16. Создание содержимого со специальными возможностями
    17. Работа с плагинами поддержки специализированных платформ
    18. Отладка сценариев ActionScript 3.0
    19. Обеспечение поддержки специализированных платформ
  8. Экспорт и публикация
    1. Экспорт файлов из Animate CC
    2. Публикация OAM
    3. Экспорт SVG-файлов
    4. Экспорт графики и видео из Animate
    5. Публикация документов AS3
    6. Экспорт анимаций для мобильных приложений и игровых платформ
    7. Экспорт звуков
    8. Экспорт видеофайлов в QuickTime
    9. Управление воспроизведением внешнего видео с помощью ActionScript
    10. Рекомендации: советы по созданию контента для мобильных устройств
    11. Рекомендации: правила работы с видео
    12. Рекомендации: руководство по созданию SWF-приложений
    13. Рекомендации: формирование структуры FLA-файлов
    14. Рекомендации: оптимизация FLA-файлов для Animate
    15. Параметры публикации ActionScript
    16. Задание параметров публикации для Animate
    17. Экспорт файлов-проекторов
    18. Экспорт изображений и анимированных файлов GIF
    19. Шаблоны публикации HTML
    20. Работа с Adobe Premiere Pro и After Effects
    21. Быстрая публикация анимаций

Узнайте, как использовать скелеты для преобразования персонажей в Animate.

Современная скелетная анимация

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

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

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

Создание скелета

Этапы создания скелета:

  • Для использования скелетной анимации выберите фигуру или растровое изображение в рабочей области.
  • Для создания скелетной анимации можно использовать выделенный на изображении инструмент «Деформация ресурса».
rig_creation_1

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

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

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

  • Создайте весь скелет, добавив все необходимые кости.
modify_rig_1


Изменение скелета и анимации движения

Деформация

Вы можете изменять форму сетки, удерживая и перетаскивая вершину с помощью инструмента «Деформация ресурса». 

modify_rig_1

Вы также можете щелкнуть и потянуть кость, чтобы вращать ее. При перетаскивании вершин размер костей изменяется, а при перетаскивании самих костей — нет.

modify_rig_2

Работа с ключевыми кадрами

Вы можете создавать различные позы, используя ключевые кадры на временной шкале. Добавьте новый ключевой кадр и используйте деформацию вершины или кости. Каждый ключевой кадр будет содержать заданную в нем позу. После создания позы возможны другие преобразования: перемещение объекта, масштабирование, вращение и т. п. На следующем рисунке показаны три различные позы на трех ключевых кадрах в режиме «Редактировать несколько кадров».

Сглаживание с помощью классической анимации движения

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

modify_rig_4

Добавление или удаление вершин

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

Для удаления вершины щелкните ее и нажмите клавишу Delete. Это также автоматически удалит все присоединенные к вершине кости. Если нужно удалить только кость, но не присоединенную к ней вершину, выберите кость и нажмите клавишу Delete.

modify_rig_5

modify_rig_6

modify_rig_7


Расширенные возможности

Мягкие кости

Мягкие кости позволяют получить более плавный изгиб в деформируемой сетке. По умолчанию все кости являются твердыми. Чтобы сделать кость мягкой, выберите ее, а затем в инспекторе свойств на вкладке «Объект» в разделе «Параметры деформации» измените значение свойства «Тип кости».

soft_bones

Замораживание вершин

Еще одна полезная функция для скелетной анимации — «Заморозить соединение». Замороженная вершина остается неподвижной при перемещении других частей скелета. Чтобы сделать вершину замороженной, выберите ее, а затем в инспекторе свойств на вкладке «Объект» в разделе «Параметры деформации» активируйте свойство «Заморозить соединение».

fixed_j0ints

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

fixed_joints_1


Другие процедуры и сочетания клавиш

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

Поворот кости

Существует два способа вращения кости без изменения ее размера. Как описано ранее, выделите кость и потяните ее для вращения. Другой способ — выбрать кость (или вершину в ее хвосте), а затем точно указать значение поворота, введя текст в свойстве «Угол поворота», которое доступно в инспекторе свойств на вкладке «Объект» в разделе «Параметры деформации».

rotte_bones

Плотность сетки

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

mesh_density

Контролируемое распространение изменений

При любом изменении свойств вершин или костей (замораживание вершин, твердость/мягкость кости, открытие/фиксация вершин) Animate автоматически копирует это изменение во всех ключевых кадрах. В некоторых ситуациях это может быть нежелательным, например когда вам нужна мягкая кость только на определенных ключевых кадрах, а на других она должна быть твердой. Включать и отключать копирование изменений можно с помощью свойства «Распространять изменения», которое доступно в инспекторе свойств на вкладке «Инструмент» в разделе «Параметры деформации».

Распространение

Соединение костью уже существующих вершин

Чтобы создать кость между уже существующими вершинами, сначала выберите вершину, которая будет головной частью кости, а затем удерживайте клавишу Alt/Option и щелкните другую вершину, которая будет хвостовой.

Перемещение вершины без изменения деформации

Перемещение любой вершины вызывает деформацию. Иногда после создания деформированной позы требуется просто изменить положение вершины без изменения деформации. Для этого при перемещении вершины удерживайте клавишу Alt/Option.

Перемещение только выбранной вершины (без движения дочерних)

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

Что дальше?

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

Логотип Adobe

Вход в учетную запись