- Руководство пользователя 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
- Быстрая публикация анимаций
- Устранение неполадок
Создание покадровой анимации
При покадровой анимации содержимое рабочей области изменяется в каждом кадре. Покадровая анимация наиболее хорошо подходит для сложной анимации, при которой изображение меняется в каждом кадре, а не перемещается по рабочей области. При покадровой анимации размер файла увеличивается сильнее, чем при tween-анимации. В покадровой анимации Animate хранит значения для каждого завершенного кадра.
Для создания покадровой анимации определите все кадры как ключевые и создайте различные изображения для каждого кадра. Изначально каждый новый ключевой кадр имеет то же содержимое, что и предшествующий ему ключевой кадр, поэтому можно последовательно модифицировать кадры анимации.
-
Щелкните имя слоя, чтобы сделать его активным, и выберите кадр слоя, с которого должна начинаться анимация.
-
Если кадр еще не является ключевым, выберите команду «Вставка» > «Временная шкала» > «Ключевой кадр».
-
Создайте иллюстрацию для первого кадра последовательности. Используйте инструменты рисования, вставьте графику из буфера или импортируйте файл.
-
Чтобы добавить новый ключевой кадр, содержимое которого не отличается от содержимого первого ключевого кадра, щелкните следующий кадр справа в той же самой строке. Выберите команду «Вставка» > «Временная шкала» > «Ключевой кадр» (Windows) или нажмите кадр, удерживая нажатой клавишу «Control», и выберите «Вставить ключевой кадр» (Macintosh).
-
Чтобы добавить следующий фрагмент анимации, измените содержимое этого кадра в рабочей области.
-
Чтобы завершить последовательность покадровой анимации, повторяйте шаги 4 и 5 до тех пор, пока не будет создана нужная анимация.
-
Чтобы протестировать последовательность анимации, выберите команду «Управление» > «Воспроизвести» или нажмите кнопку «Воспроизвести» на средстве управления («Окно» > «Панели управления» > «Средство управления»).
Создание покадровой анимации путем преобразования классической анимации или анимации движения
Можно преобразовать диапазон классической анимации или анимации движения в покадровую анимацию. В покадровой анимации у каждого кадра есть ключевые кадры (не путать с ключевыми кадрами свойств), каждый из которых содержит экземпляры анимированных символов. Покадровая анимация не содержит интерполированных значений свойств.
-
Щелкните правой кнопкой мыши (Windows) или левой кнопкой с удержанием клавиши Ctrl (Macintosh) на диапазоне анимации, который необходимо преобразовать, и выберите в контекстном меню «Преобразовать в покадровую анимацию».
Использование режима калькирования.
Обычно в рабочей области находится один кадр из последовательности анимации. Для упрощения рисования, размещения и редактирования покадровой анимации в режиме калькирования в рабочей области отображается содержимое предыдущего и следующих кадров. Кадр, над которым находится указатель воспроизведения, отображается в полном цвете, а прошлые и будущие кадры отличаются по цвету и прозрачности.
Предыдущий и следующий кадры в режиме калькирования имеют цветовые оттенки по умолчанию. Чтобы настроить эти цвета, используйте параметр «Дополнительные настройки».
Включение и отключение режима калькирования
- Нажмите кнопку «Многослойная структура» , чтобы включить или отключить режим калькирования.
- Чтобы исключить кадры из заголовка временной шкалы или включить в него, нажмите правой кнопкой мыши любой кадр многослойной структуры в диапазоне многослойных структур.
- Нажмите кнопку «Многослойная структура» и удерживайте кнопку мыши для просмотра и выбора вариантов.
Дополнительные настройки в режиме калькирования
Нажмите кнопку «Многослойная структура» и удерживайте кнопку мыши, затем выберите Дополнительные настройки.
Настройка диапазона
Настройка цветов для отображения многослойной структуры
- Чтобы настроить цвета кадров кальки, выберите Кадр кальки на панели «Временная шкала».
- Нажмите кнопку «Многослойная структура» и удерживайте кнопку мыши, затем выберите Дополнительные настройки.
- Измените тон цвета предыдущего и следующего кадров.
Контурный режим и режим заливки
Настройка непрозрачности
-
Чтобы изменить непрозрачность кадра многослойной структуры, который предшествует активному кадру или следует за ним, нажмите и перетащите ползунок Начальная непрозрачность.
-
Чтобы уменьшить приращение каждого кадра многослойной структуры на значение в процентах, перетащите ползунок Уменьшение.
Отображение только ключевых кадров
- Чтобы настроить цвета кадров кальки, выберите Кадр кальки на панели «Временная шкала».
- Выберите «Правка» > «Настройки».
- В разделе Цвет многослойной структуры настройте цвет для прошлых, текущих и последующих кадров при помощи кнопок выбора цвета.
Маркеры привязки
Одновременный просмотр нескольких кадров анимации в рабочей области
Нажмите кнопку «Многослойная структура» . Все кадры между режимами начала и конца многослойной структуры (в заголовке временной шкалы) наложены друг на друга как один кадр в окне документа.
Калькирование с цветомаркировкой
Цветомаркировка в режиме калькирования помогает различать прошлые, последующие и текущий кадры. Чем дальше калька кадра от активного кадра, тем меньше ее прозрачность.
Настройка цветов для отображения многослойной структуры
- Чтобы настроить цвета кадров кальки, выберите Кадр кальки на панели «Временная шкала».
- Выберите «Правка» > «Настройки».
- В разделе Цвет многослойной структуры настройте цвет для прошлых, текущих и последующих кадров при помощи кнопок выбора цвета.
Цветомаркировка также применима для контурного режима.
- Чтобы изменить позицию любого маркера кальки, перетащите его указатель в новое место. Обычно маркеры кальки перемещаются вместе с указателем текущего кадра. Удерживайте клавишу Control или Command и используйте перетаскивание для изменения положения маркера с обеих сторон.
- Чтобы включить редактирование всех кадров между маркерами кальки, нажмите кнопку «Редактировать несколько кадров» в . Обычно режим калькирования позволяет редактировать только один текущий кадр. Однако можно отобразить содержимое всех кадров между маркерами кальки с целью редактирования.
- Чтобы переместить диапазон цикла по временной шкале в любое место, включающее точку воспроизведения, используйте маркеры на временной шкале и перетащите диапазон, удерживая клавишу Shift.
- Чтобы задать маркеры диапазона, удерживая клавишу Shift, перетащите маркеры диапазона или диапазон цикла, используя один из маркеров на временной шкале.
Заблокированные слои (со значком замка) не отображаются при включенном режиме калькирования. Чтобы избежать отображения множества сбивающих с толку рисунков, заблокируйте или скройте слои, которых не должно быть в режиме кальки.
Предварительный просмотр работы
Чтобы проверить работу калькирования, наведите курсор мыши на весь диапазон временной шкалы. Ваша анимация будет воспроизводиться с использованием цветных контуров, что поможет составить точное представление об изменениях.