Использование готового и бесплатного скрипта, о котором пойдет речь, значительно упрощает и ускоряет процесс переноса исходников из Photoshop в Sketch. Но думаю скрипт может быть полезен тем, кто не работает с указанной программой.
Он экспортирует слои в формат .
svg, устраняя необходимость создания файлов SVG по одному.
Требования:
— Windows или Mac OSX;
— Фотошоп CS5, CS6;
- Adobe Illustrator. Загрузите PSD-скрипт в SVG.
Как использовать скрипт
1. Загрузите скрипт по инструкции, описанной ниже.2. Перетащите сценарии Photoshop («Adobe Photoshop/presets/scripts») в свою папку.
3. (НЕОБЯЗАТЕЛЬНО) Зайдите в Photoshop и создайте горячую клавишу для скрипта в меню «Редактировать» -> «Сочетания клавиш», а затем в «Файл» -> «Скрипты» -> PS в SVG. Альтернативно вы можете выбрать комбинацию CMD+ALT+E. 4. В PSD-файле в конце векторных слоев, которые будут экспортироваться, нужно добавить префикс «.
svg».
Например, слой под названием «Небо» преобразуется в «Sky.svg».
5. После переименования слоев просто активируйте скрипт горячей клавишей или через меню Файл -> Скрипты -> PS в SVG. И файлы будут в той же папке, где хранятся PSD. Примечание.
Чтобы сценарий работал быстрее, перед его активацией необходимо открыть Illustrator.
Возникшие проблемы:
— скрипт несовместим с новыми версиями Photoshop CC; — помимо SVG скрипт создает еще и AI-файлы (но их можно просто удалить); — скрипт работает только с векторными слоями, а не с группами слоев.
Если скрипт не работает:
- Обязательно поместите «.svg» (DOT SVG) в конце имени слоя, который вы хотите экспортировать.
А еще то, что каждый из слоев в единственном экземпляре; — проверьте, запущен ли и работает ли Illustrator; — перед началом процесса убедитесь, что все экспортированные слои представляют собой закрытые векторы.
В некоторых случаях при экспорте источников могут возникать искажения цвета.
Затем в скрипте после строки:
вам следует вставить строку:"bt.body += "app.open(" + s.svgFile.toSource() + ", DocumentColorSpace.RGB, dtOpts);"; "
"bt.body += "app.executeMenuCommand ('doc-color-rgb');";"
Теги: #веб-дизайн #Работа с векторной графикой #скрипт #иллюстратор #svg #Эскиз #photoshop #psd #экспорт
