Шаблон пользовательской формы Photoshop для строки пути SVG

Ответ 1

Обновление: в последних версиях Photoshop есть встроенная опция для экспорта изображения в виде SVG, что хорошо работает на дорожках и пользовательских фигурах. Просто выполните:

Файл → Экспорт → Экспорт как... и выберите SVG в настройках файла.

Исходный ответ:

Начиная с Photoshop CC 14.2, вы можете создавать файлы SVG непосредственно из Photoshop:

• Создайте файл с именем generator.json с содержимым ниже в домашней папке пользователя.
• Перезагрузите Photoshop и откройте свой PSD файл.
• Активируйте генератор: File > Generate > Image Assets.
• Переименуйте свой слой в <something>.svg.
• Файл svg будет создан в каталоге активов рядом с вашим файлом PSD.

Содержимое для generator.json:

{
    "generator-assets":  { 
        "svg-enabled": true
    }
}

Источник: http://creativedroplets.com/generate-svg-with-photoshop-cc-beta/

Ответ 2

• Выберите и скопируйте путь в Photoshop
• Запустите Adobe Illustrator
• Создать новый документ
• Вставить
• Сохранить как SVG

Если у вас есть Illustrator и еще не созданы все пути, возможно, их проще создать в Illustrator.

Если у вас нет Illustrator, вам, вероятно, лучше использовать бесплатный Inkscape SVG-редактор, чтобы нарисовать ваши пути.

Если у вас уже есть пути в Photoshop и у меня нет Illustrator, лучшее, что я могу придумать, - включить палитру Info в Photoshop, выбрать точки маршрута по одному и вручную записать позиции точки сам, а также его ручки, и из них вручную создайте путь, используя абсолютные команды curveto, 'C' (для точек с ручками) и абсолютные команды lineto, 'L' для тех точек, у которых нет дескрипторов.

Ответ 3

Другой вариант - сохранить файл как EPS в фотошопе, чтобы убедиться, что флаги экспорта проверены, а затем загрузить его в иллюстратор и сохранить в качестве SVG

Ответ 4

Все ответы были хорошими, но для меня их было слишком много, есть онлайн-инструмент, предоставляемый Adobe:

http://adobe.com/go/extract_tryitnow_en

Все, что вам нужно сделать, это загрузить/перетащить/удалить файл .psd, выбрать уровень пути и загрузить как svg. И вы можете, в частности, извлечь атрибут svg, d.

Тогда то, что я сделал, помещает path в элемент g, затем масштабируется g и переводит path

Ответ 5

Для настраиваемых фигур вам может понадобиться просмотреть недавно выпущенный open-source script, называемый Преобразование файла пользовательских фигур в SVG Set (для Photoshop CS3 или новее), используемый для преобразования файла пользовательских фигур (.csh) или файла настроек пользовательских фигур (CustomShapes.psp) в набор файлов SVG.