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

Использование временной шкалы в 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. Рисование и создание объектов в 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. Известные проблемы

 

Сведения о временной шкале

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

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

Модернизированная временная шкала

Улучшены внешний вид и восприятие панели временной шкалы: понятное представление интервала кадров, улучшение восприятия кадров и отметок времени, улучшенное калькирование, кнопки для создания ключевых кадров, пустых кадров и т. п.

Новая временная шкала

Элементы управления временной шкалой

Заголовок временной шкалы стал информативнее, теперь в нем содержатся сведения о дополнительных функциональных возможностях.

Заголовок временной шкалы

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

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

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

Представление одного слоя
Представление одного слоя

Камера

Чтобы включить или отключить камеру, нажмите кнопку камеры.

Представление родительского слоя

В нем отображается иерархия родительских слоев.

Глубина слоя

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

Примечание.

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

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

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

Основной экран режима калькирования

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

  • Нажмите кнопку «Многослойная структура» , чтобы включить или отключить режим калькирования. Если он включен, все кадры между метками начала и конца многослойной структуры (в заголовке временной шкалы) наложены друг на друга как один кадр в окне Документ.
  • Нажмите кнопку «Многослойная структура»  и удерживайте кнопку мыши, чтобы посмотреть и выбрать варианты, например выделенный диапазон, все кадры, маркеры привязки и дополнительные параметры.
  • Щелкните значок «Многослойная структура»  (значок слева от значка «Цикл») на временной шкале. 

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

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

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

Дополнительные настройки режима калькирования
Дополнительные настройки

A. Непрозрачность первого кадра многослойной структуры. B. Снижение непрозрачности в кадрах многослойной структуры. C. Показать только ключевые кадры. D. Маркеры привязки. 

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

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

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

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

Создание анимации

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

Создать анимацию

Изменение вида временной шкалы

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

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

Перетаскивание временной шкалы

  • Чтобы переместить временную шкалу (если она состыкована с окном документа), перетащите строку заголовка (вертикальные пунктирные линии) в левый верхний угол временной шкалы.

  • Для прикрепления незакрепленной временной шкалы к окну приложения перетащите ее за строку заголовка к верхнему или нижнему краю окна документа.

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

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

Настройка временной шкалы

  1. Чтобы открыть раскрывающееся меню «Отображение кадров», нажмите «Отображение кадров» в правом верхнем углу временной шкалы.

  2. Выберите следующие параметры.

    • Чтобы изменить размер слоев, выберите вариант «Большой», «Средний» или «Короткий». (Большие кадры удобны для детального просмотра формы звуковой волны.)
    • Чтобы отображались миниатюры содержимого каждого кадра, масштабированные до размеров кадра временной шкалы, выберите Просмотр. Этот просмотр может привести к явным различиям в размерах содержимого и потребовать дополнительного места на экране.
    • Чтобы переместить элементы управления временной шкалой в верхнюю или нижнюю часть экрана, выберите «Заголовок (верх)» или «Заголовок (низ)» соответственно.
    • Чтобы увеличить или уменьшить масштаб временной шкалы, используйте ползунок изменения масштаба временной шкалы.
    Временная шкала как верхний колонтитул
    Временная шкала как верхний колонтитул

    Временная шкала как нижний колонтитул
    Временная шкала как нижний колонтитул

Изменение высоты слоя на временной шкале

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

    • Щелкните значок гамбургера в заголовке временной шкалы. Выберите Короткий, Средний или Высокий.

      Дважды щелкните мышью значок слоя (слева от имени слоя) на временной шкале.

    • Щелкните имя слоя правой кнопкой мыши (Windows) или щелкните его, удерживая нажатой клавишу Control (Macintosh), а затем выберите в контекстном меню пункт Свойства.

    • Выделите слой на временной шкале и выберите меню Модификация > Временная шкала > Свойства слоя.

    Короткий слой
    Короткий слой

    Высокий слой
    Высокий слой

  2. В диалоговом окне Свойства слоя выберите значение параметра «Высота слоя» и нажмите кнопку OK.

Цветовое оформление и закрепление слоев

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

Цветовое оформление слоя

Установка непрозрачности слоя

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

  • Удерживая клавишу SHIFT, щелкните столбец со значками глаза на временной шкале, чтобы задать непрозрачность отображения.
  • Дважды щелкните мышью значок слоя (слева от имени слоя) на временной шкале.
  • Щелкните имя слоя правой кнопкой мыши (Windows) или щелкните его, удерживая нажатой клавишу Control (Macintosh), а затем выберите в контекстном меню пункт Свойства. В диалоговом окне Свойства слоя выберите Видимость > Непрозрачный.
  • Правой кнопкой мыши (Windows) или удерживая клавишу Control (Macintosh) щелкните имя слоя, а затем выберите Показать остальные прозрачными
    .

Изменение размеров панели «Временная шкала»

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

  • Если временная шкала не состыкована с главным окном приложения, перетащите правый нижний угол (Windows) или блок управления размером в правом нижнем углу (Macintosh).

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

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

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

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

Просмотр времени рядом с номерами кадров

На временной шкале отображается время в секундах рядом с номерами кадров. Данная функция позволяет ускорить преобразование кадров во время, а также позволяет контролировать число кадров в секунду (кадр/с), заданное на протяжении всего процесса анимации. 

На приведенном ниже снимке экрана на временной шкале отображается 20 кадров в секунду (кадр/с): 

Просмотр времени рядом с номерами кадров

Управление скоростью анимации

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

Масштабирование диапазонов кадров

Можно изменить параметр частоты кадров в секунду (к/c) для анимации, не изменяя скорость анимации. Чтобы не изменять время, используйте параметр Масштаб. диапазоны кадров при изменении частоты кадров в секунду. 

Параметр масштабирования диапазонов кадров

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

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

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

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

Увеличение или уменьшение продолжительности анимаций с помощью элементов управления временной шкалой

Теперь можно увеличивать длительность выбранных кадров, вводя необходимое число кадров в поле Расширить диапазон кадров. Длительность выбранных кадров увеличивается на число, введенное в поле Расширить диапазон кадров.

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

Чтобы тиражировать анимации несколько раз (2, 3 и более раз), перетащите диапазоны на временную шкалу. Можно также сжать кадры, вернув их в обычное положение, после расширения. 

Выберите кадры на временной шкале, щелкните и перетащите выделенный правый край выбранной области.

Выбор и граница кадров

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

Отображение растянутых кадров при перетаскивании.

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

Расширенные диапазоны после перетаскивания

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

Навигация по ключевым кадрам

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

Нажмите кнопку Воспроизведение для предварительного просмотра анимации.

Элементы управления видеомагнитофоном

Вы можете переходить между ключевыми кадрами в активном слое с помощью меню Управление. Также можно использовать сочетания клавиш Alt+. или Alt+, для перехода вперед и назад к следующему и предыдущему кадрам соответственно на временной шкале. 

Параметры навигации по ключевым кадрам с помощью сочетаний клавиш
Параметры навигации по ключевым кадрам с помощью сочетаний клавиш

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

Временная шкала со стрелками влево и вправо для слоя

Примечание.

Можно использовать сочетания клавиш для навигации по странице, например ALT+SHIFT+, для перехода назад и ALT+SHIFT+. для перехода вперед. 

Вставка кадров и ключевых кадров

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

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

Создание ключевого кадра

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

Режим только активного слоя

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

Панорамирование вдоль временной шкалы в рабочей области

  • Теперь с помощью инструмента «Рука» вы можете горизонтально сдвинуть временную шкалу.
  • Можно прокручивать временную шкалу прямо в рабочей области с помощью нового инструмента «Перемещение во времени». Этот инструмент объединен в группу с инструментом «Рука» на панели инструментов. Также можно использовать сочетание клавиш пробел + T, чтобы на время включить инструмент. Перетащите влево или вправо, чтобы просмотреть временную шкалу в направлении панорамирования. 
Отображение инструмента «Перемещение во времени»

Настраиваемая панель инструментов временной шкалы

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

A — значок гамбургера на временной шкале, B — пункт меню для настройки панели инструментов временной шкалы
A — значок гамбургера на временной шкале, B — пункт меню для настройки панели инструментов временной шкалы

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

Панель инструментов временной шкалы
A — панель «Инструменты», B — группа кнопок для кадров, C — группа кнопок для анимации движения, D — сброс

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

Например, в кнопке «Добавить ключевой кадр» (или кнопке группы для кадров) сгруппированы следующие функции:

  • Ключевой кадр
  • Пустой ключевой кадр
  • Кадр
  • Автоматический ключевой кадр

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

На панели инструментов две такие группы. Одна предназначена для вставки ключевых кадров или кадров, а другая — для вставки анимации движения. 

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

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

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

Дальнейшие шаги?

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

Похожие темы

 Adobe

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

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