Что такое 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 CC

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

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

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

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

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

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

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

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

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

Примечание.

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

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

Примечание.

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

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

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

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

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

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

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет