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

Экспорт SVG-файлов

  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. Известные проблемы

 

Что такое SVG?

Формат SVG (Масштабируемая векторная графика) — это язык разметки XML для описания двумерных изображений. Файлы SVG обеспечивают независимую от разрешения графику высокой четкости для сетевых ресурсов, печати и мобильных устройств в сжатом формате. SVG-изображениям можно придавать стили с помощью CSS, а поддержка сценариев и анимации делает SVG незаменимой частью веб-платформы.

Распространенные в сети форматы изображений, такие как GIF, JPEG и PNG, занимают много места и обычно имеют низкое разрешение. Формат SVG имеет гораздо больше преимуществ — ведь изображения можно описать с точки зрения векторных фигур, текста и эффектов фильтров. Помимо этого, SVG-файлы компактны и обеспечивают высококачественную графику для Интернета и карманных устройств, имеющих ограничения по ресурсам. Пользователи могут увеличить SVG-изображение на экране без потери резкости, деталей или четкости. Кроме того, формат SVG отлично поддерживает текст и цвета, и пользователи всегда видят изображения таким, как оно выглядит в вашей рабочей области. Формат SVG полностью основан на XML и дает много преимуществ как разработчикам, так и прочим пользователям.

 Теперь можно экспортировать файлы SVG из Animate без создания нежелательных определений и идентификаторов. В выпуске Animate 19.1 улучшена компоновка в SVG. Этот параметр экспорта повышает качество файлов SVG, которые импортируются в инструмент «Аниматор персонажей».

Рабочий процесс экспорта SVG в Animate

Animate позволяет экспортировать содержимое в формат SVG версии 1.1. Можно создавать графически насыщенный контент с использованием мощных инструментов для дизайна во Animate, а затем экспортировать его в SVG.

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

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

Рисунок с эффектами фильтров

В SVG эффекты фильтров могут выглядеть несколько иначе, чем во Animate, поскольку нет взаимно однозначного соответствия между фильтрами, доступными в Animate и SVG. Несмотря на это, Animate использует сочетание нескольких примитивных фильтров, доступных в SVG, для имитации похожего эффекта.

Обработка нескольких символов

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

Экспорт графики в формат SVG

  1. В Animate перетащите или переместите точку воспроизведения к нужному кадру.
  2. Выберите команду Файл > Экспорт > Экспортировать изображение или выберите Файл > Параметры публикации (вариант Изображение SVG в разделе Другие форматы).
  3. Укажите путь или перейдите к каталогу, в который нужно сохранить файл SVG. Убедитесь, что в качестве типа «Сохранить как» выбран формат SVG.
  4. Нажмите кнопку ОК.
  5. В диалоговом окне «Экспорт SVG» выберите один из вариантов: «Внедрить» графику в SVG файл или привести «Ссылку» на графику.
    • Включить скрытые слои экспортирует все скрытые слои в документе Animate. Когда параметр «Экспорт скрытых слоев» отключен, слои, помеченные как скрытые (в том числе слои, вложенные в ролики), не экспортируются в итоговый SVG-файл. Это упрощает тестирование различных версий документов Animate.
    • Внедрить: внедряет растровое изображение в SVG-файл. Используйте эту настройку, если в SVG-файл нужно непосредственно внедрить растровые изображения.
    • Ссылка: предоставляет ссылку на путь к растровому файлу. Используйте эту настройку, если растровые изображения нужно не внедрить в SVG-файл, а связать по ссылке. При выборе параметра Копировать изображения в папку растровые изображения будут сохранены в папке images, созданной в месте экспорта SVG-файла. Если параметр Копировать изображения в папку не выбран, в SVG-файл будут добавлены ссылки на исходные расположения растровых изображений. В случае, если исходное расположение растрового изображения недоступно, изображение будет внедрено в SVG-файл.
    • Копировать изображения в папку /Images: позволяет копировать растровое изображение в папку /Images. Если папка /Images пока не существует, она будет создана в каталоге, выбранном для экспорта SVG.
    • Оптимизировать SVG для Character Animator: позволяет экспортировать SVG-файл, совместимый с Character Animator.

  1. Нажмите кнопку ОК.

 Некоторые возможности Animate не поддерживаются форматом SVG. Содержимое, подготовленное с использованием этих возможностей, удаляется или приводится к набору поддерживаемых свойств во время экспорта.

Альтернативное решение состоит в использовании диалогового окна «Параметры публикации» для экспорта SVG-файлов из Animate (Файл > Параметры публикации). Выберите вариант SVG в разделе «Другие форматы», чтобы выполнить экспорт SVG-файлов.

 Рекомендуется просматривать SVG-файлы только в современных браузерах с новейшими обновлениями. Это потому, что рендеринг некоторых графических фильтров и цветовых эффектов может неправильно выполняться на старых версиях браузеров, таких как Internet Explorer 9.

Обмен SVG-файлами с Adobe Illustrator

Animate позволяет обмениваться содержимым с приложением Adobe Illustrator. Такой рабочий процесс пришел на смену функции экспорта в FXG, которая была удалена из версии Animate (13.0). SVG-файлы можно экспортировать в приложении Animate, а затем импортировать в приложении Adobe Illustrator. Дополнительная информация о работе с файлами SVG в Adobe Illustrator приведена в этом разделе справки.

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

Следующие действия позволяют редактировать SVG-файлы в Adobe Illustrator и использовать полученную графику в Animate:

  1. В Animate выполните экспорт в SVG.
  2. Отредактируйте графику, открыв SVG-файл в Adobe Illustrator.
  3. Сохраните SVG-файл как файл ai и импортируйте его обратно в Animate. Для получения дополнительных сведений об использовании файлов Illustrator в Animate.

 Adobe

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

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