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

Экспорт графики и видео с помощью 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. Известные проблемы

 

Экспорт установок приложения

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

Экспортировать установки приложения

Экспортировать установку
Экспортировать установку — экспортируйте все или некоторые настройки, чтобы перенести их на другие устройства или предоставить другим пользователям

Экспорт изображений и графики

Последовательность PNG

Можно экспортировать последовательность файлов изображений из отдельного клипа, кнопки или графического символа в библиотеке или рабочей области. В процессе экспорта Animate (ранее Flash Professional) создаст отдельный файл изображения для каждого кадра символа. Если выполняется экспорт из рабочей области, любые преобразования (например, масштабирование), примененные к экземпляру символа, сохраняются в выводе изображения.

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

  1. Выберите отдельный ролик, кнопку, графический символ в библиотеке или в рабочей области.

  2. Щелкните выбранный объект правой кнопкой мыши и выберите Экспортировать последовательность PNG.

  3. В диалоговом окне «Сохранить как» выберите, куда следует поместить результат экспорта, и нажмите кнопку ОК.

     

  4. В диалоговом окне Экспортировать последовательность PNG задайте необходимые параметры.

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

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

    Разрешение — разрешение выходного изображения. Значение по умолчанию равно 72 точкам/дюйм.

    Цвета — глубина цвета в битах для выходного изображения. Для этого параметра доступны значения 8, 24 или 32 бита. Значение по умолчанию — 32 бита, что обеспечивает поддержку прозрачности. При выборе значения 24 бита или 8 бит, при которых не поддерживается прозрачность, параметр «Фон» принимает значение «Рабочая область». См. ниже.

    Фон — цвет фона, используемый в выходном изображении. Данная настройка доступна только в том случае, если параметр «Цвет» имеет значение 8 или 24 бита. Если выбран 32-битный цвет, фон изображения всегда будет прозрачным. Если выбран 8- или 24-битный цвет, параметр «Фон» по умолчанию устанавливается равным цвету рабочей области. Для 8- или 24-битных изображений можно изменить настройку на «Непрозрачный» и затем выбрать цвет фона на палитре цветов. Также можно выбрать значение альфа-канала в качестве фона, чтобы создать прозрачность.

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

  5. Нажмите кнопку Экспорт, чтобы экспортировать последовательность изображений PNG.

Экспорт анимированного GIF-файла

В Animate можно экспортировать анимированные GIF-файлы, выполнив следующие действия. 

  1. Выберите Файл > Экспорт > Экспортировать анимированный GIF.

    Откроется диалоговое окно. 

  2. В этом окне выберите необходимые параметры и нажмите кнопку Готово, чтобы экспортировать анимацию в виде анимированного файла GIF. 

    Можно также экспортировать статичное изображение в формате GIF, выбрав Файл > Экспорт > Экспорт изображения.

Экспорт изображений и графики в библиотеку CC Library

Чтобы экспортировать изображения и графические объекты в библиотеку CC Library, выберите Окно > CC Library

Откроется окно CC Libraries. 

Щелкните значок + в нижнем левом углу окна CC Libraries, выберите изображения или графические файлы и нажмите кнопку Добавить.

Графический формат FXG (не используется в Animate)

Сведения о FXG-файлах

Формат FXG — это графический формат обмена файлами для платформы Animate/Flash. Формат FXG основан на подмножестве MXML — языка программирования на основе XML, используемого платформой Flex. Формат FXG обеспечивает более эффективную совместную работу дизайнеров и разработчиков, помогая им надежный способ обмена графическим содержимым. Дизайнер может создавать графику в средствах разработки Adobe, а затем экспортировать ее в формат FXG. После этого FXG-файл может быть открыт в программе Adobe Flash Builder или Adobe Flash Catalyst и использован для разработки веб-интерфейсов и приложений.

При создании FXG-файла векторная графика сохраняется в этом файле. Элементы, для которых нет соответствующего тега в FXG, экспортируются в виде растровых изображений и ссылок на них в FXG-файле. В число этих объектов входят растровые изображения, некоторые фильтры и режимы наложения, градиенты, маски и 3D. Некоторые из этих эффектов можно экспортировать в формате FXG, но нельзя импортировать в приложение, которое открывает FXG-файлы.

При экспорте FXG-файла, содержащего векторные и битовые изображения, вместе с FXG-файлом создается отдельная папка. Эта папка носит имя <имя_файла.assets> и содержит битовые изображения, связанные с данным FXG-файлом.

Дополнительные сведения о формате FXG-файла см. в разделе Спецификации FXG 2.0.

Ограничения на экспорт в формате FXG

Animate позволяет экспортировать один или несколько выбранных объектов в рабочей области в формате FXG. При экспорте в формат FXG названия слоев и объектов сохраняются.

При сохранении FXG-файла действуют следующие ограничения.

  • Сетки Scale-9: экспортируются, но могут быть считаны только в Adobe Illustrator.

  • Звук и видео: не экспортируются.

  • Компоненты: не экспортируются.

  • Анимация (включая анимацию из множества кадров): не экспортируется; экспортируется только выбранный кадр в качестве статического объекта.

  • Внедренные шрифты: не экспортируются.

  • Символы кнопок: Animate экспортирует только состояние «Не нажата».

  • Свойства 3D-объектов: не экспортируются.

  • Свойства обратной кинематики: не экспортируются.

  • Атрибуты текста: экспорт некоторых атрибутов может оказаться невозможен.

Экспорт содержимого Animate в формат FXG

Экспорт содержимого Animate в формат FXG можно осуществить двумя способами.

  • Чтобы экспортировать объекты в рабочей области в формате FXG, выделите объекты и выберите Экспорт > Экспортировать выделение, а затем выберите формат FXG в меню Тип файла.

  • Чтобы сохранить всю рабочую область в формате FXG, выберите Экспорт > Экспорт изображения и выберите пункт Adobe FXG в меню Тип файла.

Последовательность JPEG и изображение JPEG

Эти параметры соответствуют Параметрам публикации JPEG. Однако параметр По размеру экрана подгоняет размер экспортированного изображения под размер содержимого Animate, отображающегося на экране. Параметр Как в ролике согласует JPEG-изображение с содержимым Animate и сохраняет пропорции исходного изображения.

Последовательность PNG и изображение PNG

Параметры экспорта в формат PNG аналогичны параметрам публикации PNG (которые также можно применять) со следующими исключениями.

Размеры

Устанавливает размер экспортированного растрового изображения равным числу пикселей, введенных в поля Ширина и Высота.

Разрешение

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

Цвета

Соответствует параметру Глубина в битах во вкладке Параметры публикации PNG. Позволяет задать количество битов на пиксель при создании изображения. Для 256-цветного изображения выберите величину 8 бит; для тысяч цветов выберите 24 бит на канал; для тысяч цветов с прозрачностью (32 бит на канал) выберите 24 бит на канал с альфа-каналом. Чем лучше качество цветопередачи, тем больше файл.

Включить

Устанавливается для экспорта наименьшей области изображения или документа в полном размере.

Примечание.

Размеры экспортированного GIF-изображения не могут превышать 4000 пикселей. Это ограничение размеров действует для CS6 и более поздних версий.

Примечание.

Функция «Дизеринг чистых цветов» не работает, если выбрана опция «256 цветов». Таким образом, GIF-рисунок не подвергается дизерингу, если для него выбрана цветовая схема 256 цветов.

(Не поддерживается в Animate.)Растровое изображение (BMP)

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

Размеры

Задает размер экспортированного растрового изображения в пикселях. Пропорции сторон всегда такие же, как у исходного изображения.

Разрешение

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

Глубина цвета

Задает качество цветопередачи в битах. Некоторые приложения Windows не поддерживают новое качество цветопередачи 32 бита на канал для растровых изображений. Если при применении формата 32 бита на канал возникают проблемы, используйте формат 24 бита на канал.

Смягчение

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

Документ Animate (SWF)

Чтобы поместить содержимое Animate в другое приложение, такое как Dreamweaver, экспортируйте документ целиком как SWF-файл. Animate экспортирует SWF-файл, используя текущие параметры на вкладке Настройки публикации в параметрах публикации FLA-файла.

Экспортирование HD-видео с помощью Adobe Media Encoder

Animate позволяет экспортировать анимации движения, символы и графику в HD-видео различных форматов. Улучшенная функция "Экспорт видео" обеспечивает бесшовную интеграцию с Adobe Media Encoder.

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

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

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

По умолчанию Animate может экспортировать файлы только в формате QuickTime Movie (.MOV). Для работы функции экспорта необходимо установить последнюю версию QuickTime Player, так как Animate использует библиотеки QuickTime при экспорте в MOV-файлы.

Рабочий процесс экспорта HD-видео изменен, так как теперь компонент Animate интегрирован в Adobe Media Encoder. Он позволяет конвертировать MOV-файлы в различные другие форматы. В связи с этим компонент Adobe Media Encoder оптимизирован и представляет список только тех форматов экспорта, которые релевантны для содержимого Animate. Дополнительные сведения о кодировке и экспорте видео с помощью Adobe Media Encoder см. в разделе Кодировка и экспорт видео и аудио.

Примечание.

Adobe Media Encoder автоматически устанавливается при установке Animate из компьютерного приложения Creative Cloud.

Различия между прежним и новым рабочими процессами экспорта видео

Новый рабочий процесс отличается от процесса экспорта видео во CS6 и более ранних версий.

Основные различия

  • Интеграция с Adobe Media Encoder: продукт Animate интегрирован с Adobe Media Encoder 7.0, а более ранние версии не зависели от использования AME.
  • Форматы экспорта: Animate может экспортировать только фильмы в формате QuickTime.
  • HD-видео: Animate имеет возможность экспорта HD-видео.

Кроме того, рабочий процесс CS6 сопряжен со следующими проблемами:

  • Рабочий процесс экспортирования в файл MOV с помощью QuickTime был подвержен ошибкам и потреблял много памяти.
  • При экспорте в AVI не поддерживались видеоролики.

В Animate исправлены перечисленные выше проблемы, в том числе потеря кадров. Благодаря рабочему процессу Adobe Media Encoder Animate обеспечивает бесшовный экспорт в формат MOV. Новый рабочий процесс на основе AME дает возможность экспортировать содержимое Animate только в файлы MOV, которые затем с помощью AME можно преобразовать в любой желаемый выходной формат.

Экспорт начинается с кадра № 2.

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

  1. Если на корневой временной шкале содержится более одного кадра, экспорт начинается с кадра № 2.
  2. Если на корневой временной шкале содержится только один кадр, экспорт будет включать кадр № 1.
  3. Если имеется более одного кадра на корневой временной шкале, при этом код ActionScript или звук добавлен к первому кадру, этот код или звук не сможет быть вызван после экспорта.

Экспорт HD-видео

Перед началом экспорта выполните следующие действия.

  • Установите QuickTime.
  • Задайте частоту кадров, которая меньше или равна 60 кадр/сек. Дополнительные сведения см. в разделе Основы анимации.
  1. Создайте или откройте существующий FLA-файл.

  2. Выберите Файл > Экспорт > Экспортировать видео.

    Экспорт видео
    Диалоговое окно «Экспорт видео»

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

  4. В диалоговом окне «Экспорт видео» настройте требуемые параметры.

    • Размер после рендеринга В и Ш: настройте размер рендеринга в соответствии с разрешением, в котором требуется экспортировать документ, выбрав нужное качество (HD-видео или обычное видео). Задайте значения, равные ширине и высоте рабочей области соответственно. Если требуется изменить значения Ширина рендеринга и Высота рендеринга, соответствующим образом измените размеры рабочей области. Animate сохраняет соотношение сторон в соответствии с размерами рабочей области.
    • Игнорировать цвет рабочей области (создать альфа-канал): создается альфа-канал с использованием цвета рабочей области. Альфа-канал кодируется в виде прозрачной дорожки. Она позволяет наложить экспортированный ролик QuickTime поверх другого содержимого для изменения фонового цвета или кадра.
    • Преобразовать видео в Adobe Media Encoder: установите этот флажок, если требуется преобразовать экспортированный MOV-файл в другой формат с помощью AME. Если он установлен, AME запускается после того, как Animate завершает экспорт видео.
    • Путь к экспортированному видео: введите или укажите путь к папке, в которую требуется экспортировать видео.
    • Остановить экспорт: укажите, когда программа Animate должна остановить экспорт.
      • Когда достигнут последний кадр: выберите этот вариант, если требуется остановить экспорт на последнем кадре.
    Остановить экспорт когда достигнут последний кадр
    Остановить экспорт когда достигнут последний кадр

    • Остановить экспорт: укажите, когда программа Animate должна остановить экспорт.
      • По истечении: выберите этот вариант и укажите промежуток времени, по истечении которого экспорт должен быть остановлен. Этот вариант позволяет экспортировать видео по частям.
    Остановить экспорт через 1 минуту 15 секунд
    Остановить экспорт через 1 минуту 15 секунд

    Остановить экспорт через 3 секунды
    Остановить экспорт через 3 секунды

  5. Нажмите кнопку Экспортировать. Если установлен флажок Преобразовать видео в Adobe Media Encoder, AME запускается и экспортированный MOV-файл появляется в новой очереди. Дополнительные сведения о кодировке и преобразовании видео с помощью AME см. в разделе Кодировка и экспорт видео и аудио.

Экспорт последовательности SVG

Благодаря обновлению параметра Экспорт текущую временную шкалу можно экспортировать как Последовательность SVG. Выберите Файл > Экспорт > Экспортировать ролик…, а затем выберите Последовательность SVG в меню Сохранить как.

Экспорт последовательности SVG
Экспорт последовательности SVG

Экспорт анимированных ресурсов в видео, анимированные GIF-файлы и в другие форматы

В Animate реализован эффективный процесс публикации при экспорте анимированных ресурсов в анимированные GIF-файлы, видео и другие форматы. Хотите узнать, как экспортировать анимацию? Посмотрите учебный видеоролик в конце этого примера и выполните следующие шаги.

  1. Выберите Файл > Экспорт > Экспортировать видео.

  2. В диалоговом окне Экспорт видео выберите перечисленные ниже параметры.

    • Размер после рендеринга: задайте значения, равные ширине и высоте рабочей области соответственно.
    • Игнорировать цвет рабочей области (создать альфа-канал): создается альфа-канал с использованием цвета рабочей области.
    • Преобразовать видео в Adobe Media Encoder: преобразует экспортированный MOV-файл в другой формат с помощью AME.
    • Остановить экспорт: выберите необходимый вариант для остановки экспорта.
    • Обзор: укажите путь к папке, куда требуется экспортировать видео.
  3. Нажмите кнопку Экспортировать.

Экспорт анимированных ресурсов в видео, GIF-анимацию и другие форматы.

Посмотрите видео и узнайте, как экспортировать видеоролики в анимированные GIF-файлы и другие форматы.

 Adobe

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

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