UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Переносим psd исходники с Photoshop в Sketch
Редакція
Редакція

Опубліковано

Переносим 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.

Топ коментарі (0)