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

Почему в иллюстраторе не экспортируется свг

  • автор:

Экспорт SVG из Illustrator 09
19

SVG играет центральную роль в современной сети. Они не только заменили шрифты значков, но также предлагают возможность манипулирования через CSS или JavaScript. Если вы хотите сохранить векторную графику для Интернета из Adobe Illustrator в формате SVG, вам необходимо выполнить некоторые настройки, чтобы избежать ошибок и сократить время загрузки, которые я представлю в следующей статье.

Общую функцию экспорта можно найти в разделе « Файл> Экспорт> Экспортировать как . ». Наконец, выберите « SVG (* .SVG) » в качестве типа файла. Если вы не хотите обрезать прозрачные области и учитывать область рисования, установите флажок « Использовать области рисования », иначе нет. В следующем диалоговом окне вы выбираете следующие параметры:

Если вас не устраивает уровень детализации путей в результате, вы постепенно увеличиваете десятичные разряды до 3 или 4.

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

В Illustrator есть два хорошо известных способа: сначала вы помечаете все объекты с помощью CTRL + A и выбираете « Объект> Уменьшить прозрачность . ». Затем вы удалите существующие обтравочные маски с помощью « Объект> Обтравочная маска> Преобразовать обратно ». Если это не сработает, выполните следующие действия вместо двух последних шагов: Сначала выберите « Объект> Преобразовать . > ОК », а затем выберите параметр « Удалить область перекрытия » в диалоговом окне «Обработка контуров».:

Окончательный SVG можно дополнительно оптимизировать с помощью таких инструментов, как svgo (в командной строке или в веб-интерфейсе ).

Адрес офиса

close2 new media GmbH
Forstenrieder Allee 169
81476 Мюнхен

Почему некорректно открывается svg в иллюстраторе?

Всем привет. Очень нужна ваша помощь — нужно создать набор иконок из старых образцов путем экспортирования их из фотошопа в svg, пересохранения файла (после доработки или же проверки) через иллюстратор. Проблема такая: открываю только что созданный свг-файл в иллюстраторе, двигаю буквально одну точку или же ничего не делаю и просто пересохраняю. Открываю заново — в файле полный ад — фигуры или покорежены (формы совсем не те или же вообще выходят за границы), часть их отсутствует вообще, часть не отображается хоть и есть соответствующий слой.
Если начинаешь все исправлять, пересохранять — есть опять 2 пути развития — оно откроется снова побитым, либо же при открытии иллюстратор выбросит тебя непредвиденным завершением работы в проге.
Что может быть не так.
в фотошопе слои только векторных фигур, формы объеденены (слиты в один шейп). без масок и стилей.
проги лицензионные, 2017. настройки как и у других ребят, что сидят спокойно рисуют и не парятся. ПОМОГИТЕ у меня уже истерика)

  • Вопрос задан более трёх лет назад
  • 3568 просмотров

4 комментария

Оценить 4 комментария

Правильный экспорт SVG

Подготовка документа для анимации — важный этап, к которому нельзя относиться пренебрежительно, так как это может обернуться весьма неприятными последствиями. Давайте рассмотрим, какие существуют особенности экспорта SVG в Adobe Illustrator.

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

  • уменьшится размер файла,
  • упростится дальнейшая анимация,
  • визуально сократится объем информации.

1-20219-1e1e5a.png

В нем реализована одна и та же кривая, однако в 1-м случае мы видим одну цифру после запятой, тогда как во 2-м их три. Сама кривая состоит всего из четырех точек, причем обратите внимание, что 2-й пример на одну треть длиннее 1-го. А теперь представьте, насколько больше места займет кривая, если она будет состоять из 20-ти точек.

Хорошо, каркас мы нарисовали, теперь хотим сохранить изображение в качестве SVG-файла. У нас существуют для этого 2 пути:

  • «Сохранить как»;
  • «Экспортировать как».

Какой из них лучше? Мы рекомендуем первый: «Сохранить как». Почему, если на первый взгляд никакой разницы нет, ведь мы и так, и эдак получим файл с изображением и с расширением .svg? Однако отличия есть, и начинаются они еще на этапе параметров экспорта.

z1aijt1cwfmvoca1_saqybvspts_1-20219-d14648.png

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

Если мы откроем файлы, которые сохранены 2-мя способами в веб-браузере, то не увидим разницы, но только на первый взгляд. Но ведь нас больше интересует не внешний вид, а начинка, поэтому лучше всего выполнить открытие через текстовый редактор. И вот здесь отличия станут более очевидными. Впрочем, лучше попробуйте выполнить это сами, что позволит вам сделать однозначные выводы.

Как экспортировать SVG из Illustrator?

Если у вас есть векторная графика, которую вы хотите экспортировать в формат SVG, в Illustrator можно сделать несколько вещей. Во-первых, откройте векторную графику в Illustrator и выберите команду «Сохранить как» в меню Файл.

Дайте файлу имя и выберите формат » SVG» из выпадающего меню.

Далее необходимо экспортировать векторную графику в виде серии файлов Illustrator. Чтобы экспортировать файл как серию файлов Illustrator, выберите команду «Экспортировать как» в меню Файл и выберите формат «SVG File» из выпадающего меню.

Введите имя файла для серии файлов и нажмите кнопку «Экспорт».

После экспорта серии файлов можно открыть каждый файл в Illustrator и экспортировать векторные графические элементы в файлы SVG. Для этого откройте первый файл в серии и выберите команду «Экспорт» в меню Illustrator.

ПРО СОВЕТ: При экспорте SVG-файлов из Adobe Illustrator необходимо учитывать ряд моментов, чтобы обеспечить правильное форматирование файла для использования в Интернете. Во-первых, убедитесь, что ваш документ имеет правильный размер и ориентацию для использования в Интернете. Затем проверьте, что цветовой режим документа установлен на RGB. Наконец, перейдите в меню Файл > Экспорт > Экспортировать как и выберите формат SVG. После того как вы экспортировали файл, откройте его в текстовом редакторе, чтобы проверить, что код правильно сформирован и не содержит ошибок.

Выберите формат «SVG File» из выпадающего меню и введите имя файла. Нажмите кнопку «Экспорт».

Затем откройте второй файл из серии и выберите команду «Импорт» в меню Illustrator. Выберите формат «SVG File» из выпадающего меню и введите имя файла, который был экспортирован ранее.

Нажмите кнопку «Импорт».

Наконец, откройте третий файл в серии и выберите команду «Копировать» в меню Illustrator.

Нажмите кнопку «Копировать».

Теперь ваша векторная графика экспортирована в файлы SVG. Вы можете использовать эти файлы для создания веб-страницы, приложения или любого другого дизайнерского проекта, требующего использования SVG-файлов.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *