многослойная иконка в PSD в векторное изображение

Я сделал иконку, объединив несколько слоев фигур с помощью волшебной палочки, инструмента «Прямоугольник» и инструмента «Круг», и все это в PSD.

Теперь, как я могу преобразовать это в векторный SVG, который можно использовать на веб-сайте или в мобильном приложении?

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

Всем привет! Можете ли вы загрузить изображение вашей графики? Было бы также полезно, если бы вы сказали нам, почему ответы на эти два вопроса, которые вы упомянули, не помогли. Какие шаги вызывают у вас затруднения?
Типичное решение — перерисовать его в векторном формате. Могут быть способы до некоторой степени автоматизировать это (автоматическая трассировка), но это действительно зависит от конкретного изображения, о котором мы говорим.
Вообще говоря, я бы попробовал начать рабочий процесс наоборот — начать с векторной информации (т.е. из Illustrator) и оттуда перенести ее в Photoshop. Причина, по которой несколько других комментаторов предлагают вам перерисовать с нуля, заключается в том, что пиксельная (PSD) и векторная (SVG) информация — это совершенно разные форматы. РЕДАКТИРОВАТЬ: вот хорошая статья на эту тему — 1stwebdesigner.com/design/pixel-vector-graphics-difference .

Ответы (1)

Что ж, есть два способа превратить растровое изображение в векторное.

  1. Откройте свой дизайн в Adobe Illustrator и выберите его, теперь вы получите некоторые параметры под строкой главного меню «Трассировка изображения» . Нажмите на эту кнопку, и ваше изображение будет в векторе.
    Примечание. Ваш дизайн должен быть в высоком разрешении, чтобы преобразовать его в вектор, иначе он не будет работать. Вам все равно нужно будет уточнить края дизайна, чтобы он выглядел так же, как раньше,
    как вы видите на этом изображении. Дизайн представлен в растровом виде и выбран, а вариант обведен синим кругом.
  2. Вам придется перерисовывать его.

Я пользователь Adobe Illustrator CS 6, и этот ответ основан на этой версии.

Как и Тестер, упомянутый выше, я бы перерисовал его в Illustrator. Импортируйте изображение в иллюстратор и установите слой на шаблон, это немного уменьшит изображение, чтобы вы могли видеть свои контуры. Перерисовка. Я бы потратил много времени на инструмент Trace. Поиграйте с ним немного, но ваши результаты будут намного лучше, если вы просто перерисуете его. Тоже будет лучше смотреться.
многослойная иконка в PSD в векторное изображение
СпросиСетьПолитика конфиденциальности1y, 0v