Как преобразовать пиксельное изображение в векторный логотип в Inkscape?

Я не знаю, нахожусь ли я в нужном месте, но я хотел бы знать, как преобразовать пиксельное изображение, которое я сделал, в векторный логотип?

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

Inkscape

Это мощное приложение для векторной графики является бесплатным, кросс-платформенным и открытым исходным кодом. Он поставляется со встроенной функцией для отслеживания векторной графики из растровых изображений.

Вот эти шаги:

1. Файл - Импорт ... : выберите «встроить» растровое изображение.
2. Выберите встроенное растровое изображение.

3. Выберите Путь -trace Bitmap ... . Откроется следующее диалоговое окно:

   

4. Выполните следующие настройки для сохранения внешнего вида пиксельного квадрата в режиме и на вкладках « Параметры» :

   

   • Отметьте цвета .
   • Выберите 11 Сканы для 11 цветов вашего исходного изображения.
   • Tick Stack сканирует, чтобы один объект каждого цвета накладывался друг на друга.
   • Снимите флажок « Сглаживать углы» и « Оптимизировать пути» для получающихся квадратных прямоугольников.
   • Нажмите « Обновить» для предварительного просмотра, нажмите « ОК» для отслеживания растрового изображения.
   • Переместите векторную графику рядом с растровым изображением для сравнения результата (здесь выбранная векторная трасса находится справа):

   

   • Скопируйте векторный объект в новый чертеж и сохраните в выбранном вами формате.

Замечания:

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

Я не опытный в программе, но это может быть сделано в Inkscape. Я уверен, что кто-то налетит и объяснит это в inkscape. Одна вещь, которую я заметил, когда увеличил изображение, заключается в том, что с этими квадратами на вашем изображении есть неточность. Кто бы ни делал это изображение, использовал чередующиеся строки шириной 7 пикселей и 8 пикселей, что делает его немного более вовлеченным в процесс при создании сетки для пиксельного эффекта.

Самый простой способ - использовать трассировку изображений в Adobe Illustrator, это буквально занимает меньше минуты по сравнению с более сложным процессом воссоздания пикселей с использованием сетки. Я не уверен на 100%, даст ли растровое изображение в Inkscape такой же результат.

В любом случае процесс в Illustrator состоит в том, чтобы импортировать изображение и затем использовать трассировку изображения с примерно такими же настройками, как на изображении ниже. Это даст жесткий пиксельный эффект.

Эффект увеличен. Для большей части эффекта не будет никаких отклонений.

Однако в некоторых областях вам нужно будет исправить пути вручную, потому что они немного отключены.

Нет необходимости использовать векторную графику, если вы хотите получить пиксельный вид. Вы можете просто использовать, GIMPчтобы увеличить ваш PNGфайл. Вот как:

1. Откройте свой файл в GIMP
2. Выберите Image>Scale Image
3. Измените настройки, чтобы увеличить ваш файл
4. Экспортируйте ваш масштабированный файл как другой PNG(нажмите Ctrl+ Shift+ Eили выберите File> Export)

Однако, если вы выдавливаете пиксельный значок Blender, вам придется использовать Inkscapeметод.