Переносим psd исходники с Photoshop в Sketch

Бесплатный скрипт 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.