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

Есть ли способ получить строку пути SVG от пользовательской формы или пути Photoshop? Или есть другой способ получить/построить похожие данные? Я хочу сделать что-то похожее на это:

http://raphaeljs.com/icons/

29
24 марта '11 в 4:28
источник поделиться
5 ответов

Обновление: в последних версиях 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/

42
28 апр. '14 в 12:24
источник
  • Выберите и скопируйте путь в Photoshop
  • Запустите Adobe Illustrator
  • Создать новый документ
  • Вставить
  • Сохранить как SVG

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

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

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

44
24 марта '11 в 16:05
источник

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

5
28 янв. '13 в 10:55
источник

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

http://adobe.com/go/extract_tryitnow_en

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

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

3
01 окт. '14 в 13:14
источник

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

1
06 апр. '15 в 22:56
источник

Посмотрите другие вопросы по меткам или Задайте вопрос