Как скопировать дизайн значков из Photoshop в Illustrator, чтобы превратить его в .svg?

Я новичок в создании иконок шрифтов из .svg. Я создал несколько значков в Photoshop (.psd), и теперь я хочу скопировать их все в Illustrator, чтобы создать файл .svg, но я не знаю, как это сделать. Кто-нибудь может помочь? Заранее спасибо.

Привет The Hung, добро пожаловать в GDSE и спасибо за ваш вопрос. Если вы хотите узнать больше о сайте, обратитесь в справочный центр или свяжитесь с одним из нас в чате , как только ваша репутация станет достаточной (20). Продолжайте вносить свой вклад и наслаждайтесь сайтом!
Без проблем! Я отредактировал ваш вопрос, чтобы лучше отразить то, что, по моему мнению, вы спрашиваете. Если я ошибаюсь, не стесняйтесь редактировать вещи обратно!

Ответы (4)

Если они созданы в виде фигур в Photoshop с помощью инструмента «Перо», вы сможете просто скопировать их и вставить в Illustrator.

Точно так же я создал свои собственные шрифты в Illustrator, используя fontastic.me.

Просто создайте новый документ иллюстратора и вставьте каждый символ в новый слой. Сохраните каждый символ как .svg, а затем импортируйте их все в Fontastic. Иногда fontastic может дать сбой при создании нескольких значков, поэтому, если это произойдет, вам, возможно, придется импортировать их по отдельности.

Надеюсь, что это помогает и удачи!

Спасибо @neil-hanvey за ответ, я точно не знаю, как это было создано, потому что я покупаю в Themeforest. Кроме того, можете ли вы показать мне, как использовать инструмент «Перо», чтобы скопировать его, потому что он создаст путь вместо копирования.

Вы также можете экспортировать файл в пути Illustrator, если у вас есть много фигур для преобразования, перейдя File > Export > Paths to Illustrator.

Да, я сделал, но после преобразования в контур в Photoshop он не сглаживается.
Привет, Джигз, добро пожаловать в GDSE и спасибо за ответ. Если у вас есть какие-либо вопросы, обратитесь в справочный центр или свяжитесь с одним из нас в чате , как только ваша репутация станет достаточной (20). Продолжайте вносить свой вклад и наслаждайтесь сайтом!

Вы также можете экспортировать SVG напрямую из Photoshop, используя PNG Express . Он работает как на CS5, CS6, CC и CC2014. Он генерирует 100% не растеризованные SVG, чего нельзя сказать о встроенном инструменте PS CC. На мой взгляд, он экспортирует наиболее точные SVG, но я разработчик, поэтому могу быть предвзятым.

На самом деле вы можете экспортировать их непосредственно в SVG через сам Photoshop через диалоговое окно «Извлечение ресурсов». Просто выберите каждый слой или группу, которые будут SVG, и щелкните их правой кнопкой мыши, чтобы выбрать «Извлечь активы…». Это работает только в последней версии Photoshop CC ( и я работаю над этим диалогом в Adobe ). Это поможет?