- Руководство пользователя Adobe Animate
- Введение в Animate
- Анимация
- Основы анимации в Animate
- Кадры и ключевые кадры в Animate
- Покадровая анимация в Animate
- Работа с классической анимацией движения в Animate
- Инструмент «Кисть»
- Руководство по движению
- Анимация движения и язык ActionScript 3.0
- Сведения об анимации движения
- Анимация движения
- Создание анимации движения
- Использование ключевых кадров свойств
- Положения в анимации движения
- Использование Редактора движения для анимаций
- Редактирование траектории анимации движения
- Управление анимациями движения
- Настраиваемое ускорение и замедление
- Создание и применение стилей движения
- Настройка диапазонов анимации движения
- Сохранение анимации движения в файлах XML
- Анимация движения и классическая анимация
- Анимация формы
- Анимация с использованием инструмента «Кость» в Animate
- Работа с риггингом персонажей в Animate
- Слои-маски в Adobe Animate
- Работа со сценами в Animate
- Интерактивность
- Создание кнопок в Animate
- Преобразование проектов Animate в другие форматы документов
- Создание и публикация документов HTML5 Canvas в Animate
- Добавление интерактивных возможностей с помощью фрагментов кода в Animate
- Создание пользовательских компонентов HTML5
- Использование компонентов в HTML5 Canvas
- Создание пользовательских компонентов: примеры
- Фрагменты кода для пользовательских компонентов
- Рекомендации: реклама в Animate
- Разработка и публикация контента для виртуальной реальности
- Рабочая среда и рабочий процесс
- Создание и использование малярных кистей
- Использование шрифтов Google в документах HTML5 Canvas
- Использование библиотек Creative Cloud Libraries и Adobe Animate
- Использование рабочей области и панели «Инструменты» в Animate
- Рабочие процессы и рабочая среда Animate
- Использование веб-шрифтов в документах HTML5 Canvas
- Временные шкалы и ActionScript
- Работа с несколькими временными шкалами
- Задание настроек
- Использование панелей разработки Animate
- Создание слоев временной шкалы в Animate
- Экспорт анимаций для мобильных приложений и игровых платформ
- Перемещение и копирование объектов
- Шаблоны
- Поиск и замена в Animate
- Отмена/повтор действий и панель «История»
- Сочетания клавиш
- Использование временной шкалы в Animate
- Создание HTML-расширений
- Параметры оптимизации изображений и GIF-анимаций
- Настройки экспорта для изображений и GIF
- Панель «Ресурсы» в Animate
- Мультимедиа и видео
- Преобразование и объединение графических объектов в Animate
- Создание экземпляров символов и работа с ними в Animate
- Трассировка изображения
- Использование звука в Adobe Animate
- Экспорт SVG-файлов
- Создание видеофайлов для использования в Animate
- Добавление видео в Animate
- Рисование и создание объектов в Animate
- Изменение линий и фигур
- Обводки, заливки и градиенты в Animate CC
- Работа с Adobe Premiere Pro и After Effects
- Панели «Цвет» в Animate CC
- Открытие файлов Flash CS6 в Animate
- Работа с классическим текстом в Animate
- Размещение иллюстраций в Animate
- Импортированные растровые изображения в Animate
- Трехмерная графика
- Работа с символами в Animate
- Рисование линий и фигур в Adobe Animate
- Работа с библиотеками в Animate
- Экспорт звуков
- Выделение объектов в Animate CC
- Работа с AI-файлами Illustrator в Animate
- Применение режимов наложения
- Упорядочивание объектов
- Автоматизация задач с помощью меню «Команды»
- Многоязычный текст
- Использование камеры в Animate
- Графические фильтры
- Звук и ActionScript
- Настройки рисования
- Рисование инструментом «Перо»
- Платформы
- Преобразование проектов Animate в другие форматы документов
- Поддержка специализированных платформ
- Создание и публикация документов HTML5 Canvas в Animate
- Создание и публикация документа WebGL
- Упаковка приложений AIR for iOS
- Публикация приложений AIR for Android
- Публикация для Adobe AIR на настольных ПК
- Параметры публикации ActionScript
- Рекомендации: размещение ActionScript в приложении
- Использование ActionScript в Animate
- Специальные возможности в среде Animate
- Создание и использование сценариев
- Обеспечение поддержки специализированных платформ
- Общие сведения о поддержке специализированных платформ
- Работа с плагинами поддержки специализированных платформ
- Отладка сценариев ActionScript 3.0
- Обеспечение поддержки специализированных платформ
- Экспорт и публикация
- Экспорт файлов из Animate CC
- Публикация OAM
- Экспорт SVG-файлов
- Экспорт графики и видео из Animate
- Публикация документов AS3
- Экспорт анимаций для мобильных приложений и игровых платформ
- Экспорт звуков
- Рекомендации: советы по созданию контента для мобильных устройств
- Рекомендации: правила работы с видео
- Рекомендации: руководство по созданию SWF-приложений
- Рекомендации: формирование структуры FLA-файлов
- Рекомендации: оптимизация FLA-файлов для Animate
- Параметры публикации ActionScript
- Задание параметров публикации для Animate
- Экспорт файлов-проекторов
- Экспорт изображений и анимированных файлов GIF
- Шаблоны публикации HTML
- Работа с Adobe Premiere Pro и After Effects
- Быстрая публикация анимаций
- Устранение неполадок
В этой статье описаны различные компоненты времени в Animate.
Временная шкала
Временная шкала в Adobe Animate упорядочивает содержимое документа по времени и управляет слоями и кадрами. Как и в фильмах, в документах Animate продолжительность делится на кадры. Слои можно сравнить со сложенными в стопку диапозитивами, каждый из которых содержит сцену, отображаемую в рабочей области. Основными компонентами временной шкалы являются слои, кадры и точка воспроизведения.
- Список слоев в документе приводится в столбце с левой стороны от временной шкалы.
- Кадры, содержащиеся в каждом слое, появляются в строке справа от имени слоя.
- Заголовок временной шкалы в верхней ее части отражает номера кадров.
- Точка воспроизведения указывает на текущий кадр, отображаемый в рабочей области. По мере воспроизведения документа точка воспроизведения перемещается по временной шкале слева направо.
По умолчанию, точка воспроизведения доходит до конца и переходит в начало. Строка состояния временной шкалы в нижней ее части показывает номер выделенного кадра, текущую частоту кадров и время воспроизведения, прошедшее от начала до текущего кадра.
Дополнительные сведения о временной шкале см. в разделе Использование временной шкалы в Animate.
Кадры
Кадры лежат в основе любой анимации и диктуют каждый сегмент времени и движения. Общее количество кадров в фильме и скорость, с которой они воспроизводятся, вместе определяют общую продолжительность фильма.
Дополнительные сведения о кадрах см. в статье Кадры и в статье о создании покадровой анимации.
Диапазон кадров
Ключевой кадр и следующий за ним диапазон обычных кадров называются последовательностью ключевого кадра. Временная шкала может содержать любое количество последовательностей ключевых кадров. Если ключевой кадр в последовательности включает графическое содержимое, видимое на рабочей области, следующие за ним обычные кадры отображаются серыми. Если ключевой кадр в последовательности не имеет графического содержимого, следующие за ним кадры отображаются белыми.
Ключевые кадры
В документах Adobe Animate время делится на кадры, как на кинопленке. Работа с этими кадрами выполняется на временной шкале в целях организации и управления содержимым документа. Кадры размещаются на временной шкале в том порядке, в котором присутствующие на них объекты должны появляться в конечном материале.
Ключевой кадр — это кадр на временной шкале Adobe Animate, в котором появляется новый экземпляр символа. Ключевым кадром также может быть кадр с кодом ActionScript, который тем или иным образом управляет документом.
На временную шкалу также можно добавить пустой ключевой кадр, который может быть позже использован для добавления символов или специально может быть оставлен пустым. Черная точка на временной шкале обозначает один ключевой кадр. Содержимое кадров светло-серого цвета после отдельного ключевого кадра остается точно таким же, без изменений.
Эти кадры содержат вертикальную черную линию и пустой прямоугольник в последнем кадре диапазона. Черная точка с черной стрелкой на голубом фоне на начальном кадре означает классическую анимацию движения.
Не путайте ключевые кадры с ключевыми кадрами свойств. Значок временной шкалы для ключевого кадра свойства — это закрашенный ромб, а значок стандартного ключевого кадра — это пустой или закрашенный кружок.
Редактирование нескольких кадров
Редактируйте несколько кадров.
Кадр/с
Кадров в секунду
Частота кадров (скорость, с которой воспроизводится анимация Adobe Animate) измеряется как число кадров в секунду (FPS). При слишком низкой частоте кадров анимация выглядит так, как будто она останавливается и снова начинается, а при слишком высокой частоте кадров происходит размытие деталей анимации. Частота кадров 24 кадра/сек является принятой по умолчанию для новых документов Animate, и обычно именно с такой настройкой достигаются лучшие результаты при отображении веб-страниц. (Стандартная частота кадров для фильмов также составляет 24 кадра/сек.)
Сложность анимации и производительность компьютера влияют на плавность воспроизведения. Чтобы определить оптимальную частоту кадров, проверьте свои анимации на нескольких компьютерах с разными возможностями обработки. Поскольку для всего документа Animate указывается одна частота кадров, задайте скорость до начала создания анимации. Частота кадров, по существу, определяет частоту, с которой точка воспроизведения перемещается по временной шкале.
Дополнительные сведения о частоте кадров см. в статье Основы анимации.
Замедление
Замедление — это способ изменить в Adobe Animate принцип вычисления значений свойств между ключевыми кадрами свойств в анимации движения. Когда не настроено замедление, Animate перемещает анимированные объекты с одинаковой скоростью в каждом кадре анимации. С помощью замедления можно корректировать скорость анимируемых объектов, чтобы движения выглядели естественней и чтобы создавать более сложные анимации. Замедление, это математическая кривая, применяемая к значениям свойств анимации движения..
Окончательный эффект анимации представляет собой комбинацию диапазона значений свойств в анимации и кривой замедления, благодаря которой анимированные объекты начинают двигаться медленно, а затем ускоряются, начинают двигаться быстро, а затем замедляются или изменяют скорость движения с использованием комбинации этих эффектов.
Например, если выполняется анимация перемещения машины через рабочую область, движение получается более реалистичным, если машина начинает движение из состояния покоя и постепенно набирает скорость, а затем плавно замедляется до полной остановки в другом конце рабочей области. Замедления, примененные в инспекторе свойств, затрагивают все свойства, включенные в анимацию. Замедления, применяемые в редакторе движения, могут влиять на отдельное свойство, группу свойств или на все свойства анимации движения.
Дополнительные сведения о замедлении см. в разделах Анимация формы и Редактирование анимации движения.
Режим калькирования
Используйте режим калькирования для сравнения предыдущего и следующего кадров, а также для коррекции объектов в текущем кадре. Когда режим калькирования отключен (по умолчанию), в рабочей области находится один кадр в последовательности анимации.
Отображаемый кадр соответствует местоположению точки воспроизведения на временной шкале. Когда включен режим калькирования, кадр, над которым находится точка воспроизведения, отображается в полном цвете, а окружающие его кадры затемнены, как будто каждый кадр нарисован на листе прозрачной кальки и все эти листы уложены один поверх другого.
Затемненные кадры нельзя редактировать, они отображаются только для наглядности.
Дополнительные сведения о режиме калькирования см. в разделах Создание покадровой анимации и Временная шкала.
Слои
Слои помогают упорядочивать графические объекты в документе Adobe Animate. Рисование и редактирование объектов в одном слое не влияет на объекты, находящиеся в другом слое. Сквозь участки рабочей области, где на слое ничего нет, видны нижележащие слои. Чтобы рисовать, закрашивать или другим образом изменять слой или папку слоев, его необходимо выделить на временной шкале, сделав активным. Значок карандаша рядом со слоем или именем папки на временной шкале указывает, что этот слой или папка слоев активны.
Одновременно может быть активным только один слой (хотя выделено может быть несколько слоев). При создании документ Animate содержит только один слой. Для упорядочивания изображений, анимации и других элементов в документе добавляются новые слои. Слои могут быть скрыты, блокированы и переупорядочены.
Число создаваемых слоев ограничивается лишь памятью компьютера и не влияет на размер публикуемого SWF-файла. Размер файла проекта увеличивается только при добавлении объектов в слой. Для поддержки создания сложных эффектов применяются специальные направляющие слои, которые упрощают рисование и редактирование, а также создание маскирующих слоев.
Дополнительные сведения о слоях см. в разделе Создание слоев временной шкалы.
Слой-маска
Маскирующие слои: они содержат объекты, используемые в качестве масок для скрытия отдельных областей нижних слоев. Видна только та часть слоя, которая не покрыта маской.
Инструкции по использованию маскирующих слоев см. в разделе Использование маскирующих слоев в Animate.
Направляющий слой
Направляющие слои используются для выравнивания объектов при рисовании в Adobe Animate. Вы можете создавать на них объекты, с помощью которых можно выравнивать объекты на других слоях. Направляющим может быть любой слой. Слева от имени направляющего слоя отображается значок направляющей. Направляющие слои не экспортируются и не попадают в опубликованный SWF-файл.
Хотя на направляющий слой нельзя перетащить слой с анимацией движения или слой с позами обратной кинематики, на него можно перетащить обычный слой. В результате направляющий слой превратится в направляющий слой движения и свяжет обычный слой с новым направляющем слоем движения.