Формат svg в фотошопе

Формат svg в фотошопе

Сообщество, где люди делятся уникальным опытом

Вопросы и ответы по любой теме от IT сообщества

Помогаем строить карьеру в IT-индустрии

Биржа удаленной работы для IT-специалистов

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Преобразование формата PSD в векторные форматы (SVG, AI и т.д.)

Для теста создадим примитивный рисунок в фотошопе:

Пусть это будет прямоугольник со скругленными углами и градиентом, и надпись «27» на нем. Надпись нужно «преобразовать в кривые» (одноименный пункт по ПКМ). Понятно, что нет смысла создавать такое в фотошопе и перегонять в SVG, когда можно в той же Xara все сразу нарисовать. Однако чаще бывает так, что файлы PSD были откуда-то взяты и нами не создавались.

Далее, нужно сохранить файл как PDF Настройки экспорта можно оставить без изменения

Файл готов. Его «понимают» некоторые другие редакторы, я проверял на Xara Designer Pro, Adobe Illustrator. После открытия файла в вышеуказанных программах их можно преобразовать в форматы, с которыми работает данный софт. С сохранением в SVG неплохо справляется Xara, в ней создаем новый документ:

Файл -> Создать -> Пустое фото

И импортируем PDF-файл в программу (либо просто перетаскиваем в рабочую область окна). Далее: Экспорт — выбрать формат SVG.

Более простой и быстрый способ

Но что делать, если есть только фотошоп и желание сделать побыстрее, желательно не устанавливая лишнего софта? На помощь приходят различные онлайн-конвертеры, мне понравился этот

Там все проще некуда: выбираем файл PDF («Обзор»), и нажимаем («Преобразовать файл»). После чего сайт отдаст нам архив с заветным файлом.

Читайте также:  Как вывести массив pascal

Качество файла — высокое, сохраняются градиенты и другие детали (хотя в самом PDF и предпросмотре в Xara может иметь место пикселизация. Ее не стоит пугаться — выходной файл будет выглядеть как нужно)

Использование готового и бесплатного скрипта, о котором пойдет речь, значительно упрощает и ускоряет процесс переноса исходников из Photoshop в Sketch. Но я думаю, скрипт может пригодится и для тех, кто с указанной программой не работает. Он экспортирует слои в формат .svg, избавляя от необходимости по одному генерировать SVG файлы.

— Windows или Mac OSX;
— Photoshop CS5, CS6;
— Adobe Illustrator.

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

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

Примечание: чтобы скрипт работал быстрее, перед его активацией нужно открыть Illustrator.

Проблемы, которые встречаются:

— скрипт не совместим с новыми версиями Photoshop CC;
— дополнительно к SVG, скрипт создает и файлы AI (но их можно просто удалить);
— скрипт работает только с векторными слоями, не с группами слоев.

Если скрипт не работает:

— убедитесь, что Вы помещаете ".svg" (DOT SVG) в конце названия слоя, который нужно экспортировать. А также, что каждый из слоев — в единственном экземпляре;
— проверьте, запущен и работает ли Illustrator;
— перед началом процесса убедитесь, что все экспортируемые слои являются замкнутыми векторами.

Читайте также:  Фотонный компьютер в россии

В некоторых случаях при экспорте исходников может наблюдаться искажение цвета. Тогда в скрипт после строки:

Ссылка на основную публикацию
Adblock detector