Бесплатный скрипт photoshop: Экспорт векторных слоев из PSD в SVG в один клик!

Наконец, найдено решение одной из самых больших и раздражающих проблем в ежедневной жизни дизайнера — экспорт с Photoshop в Sketch. Это бесплатный скрипт, который мы создали, сэкономит вам уйму времени и восстановит вашу психику.

После экспорта в формат .svg мы сможем перенести исходники в .sketch.

Скачать с PSD в SVG скрипт

Что делает этот скрипт для Photoshop:

Этот скрипт после активации экспортирует все векторные слои в SVG файлы, названные именами слоев с “.svg” в конце, вместе с атрибутами фигуры и цвета.

Больше не нужно генерировать SVG файлы по одному, как пещерный человек. Закончили рисовать слои? Раз, и готово!

 

Требования:

  1. Windows или Mac OSX
  2. Photoshop CS5, CS6
  3. Adobe Illustrator
  4. Download the PSD to SVG script

 

Как использовать скрипт:

  1. Скачайте скрипт, используя инструкции, описанные ниже.
  2. Перетяните это в вашу папку скриптов adobe photoshop: “Adobe Photoshop/presets/scripts”
  3. (ОПЦИОНАЛЬНО) Перейдите в photoshop и установите горячую клавишу для использования этого скрипта (это можно сделать через меню “Edit”–> Keyboard Shortcuts” и затем в File –> Scripts –> PS to SVG). Нам нравится использовать CMD+ALT+E, но вы можете установить любое сочетание клавиш, которое вам нужно.
  4. В вашем файле PSD назовите векторные слои, которые вы бы хотели экспортировать, с префиксом “.svg” в конце. Например, если слой назван “Star”, то его нужно переименовать в “Star.svg”.
  5. Когда все будет готово, просто запустите скрипт с помощью горячей клавиши, которую вы задали в шаге 3 или через меню в File –> Scripts –> PS to SVG, и ваши SVG файлы будут ждать вас в той же папки, где хранятся ваши PSD.
  6. Совет: Работает быстрее, если Illustrator уже открыт перед запуском скрипта.

 

Известные проблемы:

  • Скрипт не совместим с новыми версиями Photoshop CC, которые, кстати говоря, уже оснащены опцией “export assets” (Экспортировать исходники.
  • Скрипт также создает файлы AI в дополнение к файлам SVG. Вы можете их удалить, если они не нужны.
  • Этот скрипт работает только с векторными слоями, не обрабатывает группы слоев.

 

Скрипт не работает! Что теперь?

  • Проверьте обязательно, чтобы каждое имя слоя для экспорта содержало “.svg” в конце, а также что каждый слой является одиночным векторным слоем.
  • Убедитесь, что illustrator запущен и работает.
  • Убедитесь, что экспортируемые слои являются замкнутыми векторами. Иногда фигуры выглядят замкнутыми, но на деле там просто 2 перекрывающие друг друга точки, которые не соединены, поэтому Photoshop не идентифицирует слой как фигуру.

 

C Photoshop в Sketch

Теперь вы можете экспортировать svg файлы в sketch и начат mc ними работать.

Скачать с PSD в SVG скрипт

Перевод статьи hackingui.com автора David Tintner.