Выберите Файл > Параметры публикации > Пакет OAM. Установите флажок Пакет OAM.
- Руководство пользователя 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
- Быстрая публикация анимаций
- Устранение неполадок
В этой статье описывается публикация OAM в Animate.
Теперь можно экспортировать содержимое Animate в HTML5 Canvas, ActionScript или WebGL в анимированные файлы виджета OAM (.oam). Файлы формата OAM, создаваемые в Animate, можно импортировать в другие приложения Adobe, такие как Dreamweaver, Muse и InDesign.
Экспорт и публикация содержимого Animate в формате OAM
-
-
В поле Файл вывода укажите местоположение пакета и введите его имя.
-
В разделе Изображение постера выберите один из следующих параметров:
- Выберите Создать из текущего кадра (PNG), чтобы создать постер из содержимого текущего кадра. Выберите параметр Прозрачный, чтобы выбрать прозрачный PNG в качестве изображения постера.
- Выберите параметр Использовать этот файл, чтобы выбрать внешний файл PNG в качестве изображения постера.
Создание OAM с прозрачным фоном для документов типа Canvas
-
Откройте документ Canvas, который требуется экспортировать.
-
На панели Свойства выберите Цвет рабочей области и установите для параметра Процент альфа-канала значение 0.
-
Используйте параметры в окне Параметры публикации, чтобы опубликовать содержимое как OAM.
Создание адаптивных OAM для документов типа Canvas
-
Выберите Файл > Параметры публикации.
-
На вкладке Основные установите флажок Сделать адаптивной. Это обеспечивает адаптивность анимации в отношении ширины, высоты или обоих показателей, и изменять размер опубликованного вывода с учетом различных форм-факторов. В результате файлы вывода получаются адаптивными и совместимыми с HiDPI, а изображение — более четким.
-
Используйте параметры в окне Параметры публикации, чтобы опубликовать содержимое как OAM.
Пример использования OAM в других приложениях Adobe (Muse)
-
Запустите Adobe Muse и откройте сайт, который требуется редактировать.
-
В виде Планирование дважды щелкните имя страницы, в которую требуется добавить анимацию.
-
Выберите Файл > Поместить, затем перейдите к нужному файлу OAM в папке сайта.
-
Щелкните страницу, чтобы разместить анимацию.
-
Используйте инструмент Выделение, чтобы разместить анимацию на странице в нужной позиции. Обратите внимание на то, что хотя фон анимации отображается в Muse непрозрачным, фон будет прозрачным при просмотре и публикации страницы.
-
Выберите Файл > Просмотра страницы в браузере, чтобы гарантировать корректное воспроизведение анимации. Если требуется внести изменение, вернитесь в Muse и измените положение элементов на странице. Если вы посмотрите на панель «Ресурсы» , то заметите, что файл .OAM теперь отображается как ресурс.
-
Щелкните ссылку Опубликовать на панели Управление. Выберите требуемые параметры и нажмите кнопку ОК, чтобы опубликовать обновления сайта.