Слои Photoshop в пути SVG

У меня есть набор файлов Photoshop, которые состоят из базового изображения с серией слоев с цветными наложениями. Наложения помечаются именами слоев.

Моя задача — получить эти оверлеи как SVGпути, как-то сохранив метки. (Если бы я мог также сохранить цвета заливки, это было бы здорово, но при необходимости мы можем определить произвольные цвета заливки.)

До сих пор мы пытались экспортировать слои как пути Illustrator, а затем экспортировать их из SVGIllustrator. Это дает нам разумные пути SVG, но (а) мы теряем метки и (б) если слой имеет более одного дискретного раздела в своем наложении, он разделяется на несколько путей.

Есть ли способ получить эти слои в SVG, сохранив метки? Или мы должны делать наш Export > Illustrator > SVG маршрут поэтапно?

Мы работаем с CS5, если это важно.

ETA для ответчиков: мы давно завершили этот проект и выполнили работу, поэтому я не могу принять ответ, но не стесняйтесь предлагать свои потенциальные решения другим.

Ответы (5)

Я написал бесплатный PS-скрипт, который позволяет вам делать это автоматически. Просто назовите слои PS, которые вы хотите экспортировать, с помощью «.svg» в конце, и они будут преобразованы в SVG с сохранением цветов. имя файла также будет именем слоя. http://hackingui.com/design/export-photoshop-layer-to-svg/

Скрипт работает с раскрытием CS5, CS6 и CC: это ссылки на мой сайт

Просто на заметку: это не работает, если у вас нет Illustrator, поэтому оно не добавляет волшебным образом функции экспорта SVG в Photoshop. Вам также необходимо подписаться на рассылку новостей. Если вы действительно не хотите подписываться на их список рассылки, перейдите сюда , чтобы загрузить файл напрямую.
У меня были проблемы с этим скриптом. Он просто ничего не делал (на Mac OSX и Photoshop CS6). Не сгенерировано ни .svg, ни .ai, ни сообщения. Просто значок загрузки и ничего. Любая мысль?
@svassr посмотрите обсуждение здесь: hackingui.com/design/export-photoshop-layer-to-svg и здесь: hackingui.com/design/… Скрипт работает с CS6 и OSX. Ваши формы на самом деле закрыты? Это не работает на текстовых слоях. Если вы можете предоставить более подробную информацию, я могу попытаться помочь больше

Предоставляются ли они поставщиком? Если да, то, возможно, сейчас это невыполнимо, но для дальнейшего использования я бы попросил их предоставить кнопки в формате, который делает преобразование гораздо более практичным. Adobe Illustrator был бы лучше, или Inkscape был бы идеальным (учитывая, что его исходный формат — SVG).

В конечном итоге мы использовали (утомительный) путь:

  • В Photoshop есть команда «Экспорт слоев». (Я думаю, это был сценарий.) Это создает файл для каждого слоя в документе.
  • Затем мы открыли файлы в Illustrator, выбрали путь и экспортировали его как SVG.

Это было болезненно и трудоемко, но казалось единственным выходом.

В аналогичной ситуации (попытка экспортировать векторные смарт-объекты в SVG из Photoshop) у меня сработало следующее:

  • Дважды щелкните слой смарт-объекта, чтобы открыть его в Illustrator.
  • В Illustrator выберите «Все » ( Ctrl-A), затем щелкните правой кнопкой мыши выделенное и выберите « Экспортировать выделенное... » .

Если я пытался экспортировать их непосредственно из Photoshop, я всегда получал данные изображения PNG, встроенные в SVG, но описанные выше шаги позволяли мне создавать правильные векторные изображения с путями.

Скрипт export-photoshop-layer-to-svg, предложенный Hacking UI, у меня не сработал.

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