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

Время

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

 

В этой статье описаны различные компоненты времени в Animate.

Временная шкала

Временная шкала в анимации движения

Временная шкала в Adobe Animate упорядочивает содержимое документа по времени и управляет слоями и кадрами. Как и в фильмах, в документах Animate продолжительность делится на кадры. Слои можно сравнить со сложенными в стопку диапозитивами, каждый из которых содержит сцену, отображаемую в рабочей области. Основными компонентами временной шкалы являются слои, кадры и точка воспроизведения.

  • Список слоев в документе приводится в столбце с левой стороны от временной шкалы.
  • Кадры, содержащиеся в каждом слое, появляются в строке справа от имени слоя.
  • Заголовок временной шкалы в верхней ее части отражает номера кадров.
  • Точка воспроизведения указывает на текущий кадр, отображаемый в рабочей области. По мере воспроизведения документа точка воспроизведения перемещается по временной шкале слева направо.

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

Дополнительные сведения о временной шкале см. в разделе Использование временной шкалы в Animate.

Кадры

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

Дополнительные сведения о кадрах см. в статье Кадры и в статье о создании покадровой анимации.

Диапазон кадров

Диапазон кадров в анимации движения

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

Ключевые кадры

Использование кадров и ключевых кадров в Animate CC

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

Ключевой кадр — это кадр на временной шкале Adobe Animate, в котором появляется новый экземпляр символа. Ключевым кадром также может быть кадр с кодом ActionScript, который тем или иным образом управляет документом.

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

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

Не путайте ключевые кадры с ключевыми кадрами свойств. Значок временной шкалы для ключевого кадра свойства — это закрашенный ромб, а значок стандартного ключевого кадра — это пустой или закрашенный кружок.

Редактирование нескольких кадров

Редактирование нескольких кадров в анимации движения

Редактируйте несколько кадров.

Кадр/с

Кадров в секунду

Частота кадров (скорость, с которой воспроизводится анимация Adobe Animate) измеряется как число кадров в секунду (FPS). При слишком низкой частоте кадров анимация выглядит так, как будто она останавливается и снова начинается, а при слишком высокой частоте кадров происходит размытие деталей анимации. Частота кадров 24 кадра/сек является принятой по умолчанию для новых документов Animate, и обычно именно с такой настройкой достигаются лучшие результаты при отображении веб-страниц. (Стандартная частота кадров для фильмов также составляет 24 кадра/сек.)

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

Дополнительные сведения о частоте кадров см. в статье Основы анимации.

Замедление

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

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

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

Дополнительные сведения о замедлении см. в разделах Анимация формы и Редактирование анимации движения.

Режим калькирования

Режим калькирования в Animate CC

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

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

Затемненные кадры нельзя редактировать, они отображаются только для наглядности.

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

Слои

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

Слои помогают упорядочивать графические объекты в документе Adobe Animate. Рисование и редактирование объектов в одном слое не влияет на объекты, находящиеся в другом слое. Сквозь участки рабочей области, где на слое ничего нет, видны нижележащие слои. Чтобы рисовать, закрашивать или другим образом изменять слой или папку слоев, его необходимо выделить на временной шкале, сделав активным. Значок карандаша рядом со слоем или именем папки на временной шкале указывает, что этот слой или папка слоев активны.

Одновременно может быть активным только один слой (хотя выделено может быть несколько слоев). При создании документ Animate содержит только один слой. Для упорядочивания изображений, анимации и других элементов в документе добавляются новые слои. Слои могут быть скрыты, блокированы и переупорядочены. 

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

Дополнительные сведения о слоях см. в разделе Создание слоев временной шкалы.

Слой-маска

Слой-маска в Animate CC

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

Инструкции по использованию маскирующих слоев см. в разделе Использование маскирующих слоев в Animate.

Направляющий слой

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

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

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

 Adobe

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

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