如何在 Inkscape 中转换矢量徽标中的像素图像?

平面设计 向量 软件推荐 像素艺术
2022-01-06 13:59:49

我不知道我是否在正确的地方,但我想知道如何将我制作的像素图像转换为矢量标志?

我使用这张图片作为我个人网站的图标。如果你有任何软件推荐,我在 mac 上工作。我更喜欢使用开源的。

像素图像

3个回答

墨景

这个强大的矢量图形应用程序是免费的、跨平台的和开源的。它带有一个内置功能,可以从位图中跟踪矢量图形。

这些是涉及的步骤:

  1. 文件 - 导入...:选择“嵌入”位图。
  2. 选择嵌入的位图。
  3. 选择路径 - 跟踪位图...。这将打开以下对话框:

    在此处输入图像描述

  4. 进行以下设置以在ModeOptions 选项卡中保留像素化方形框外观:

    在此处输入图像描述

    • 勾选颜色
    • 为源图像的 11 种颜色选择11 扫描
    • 勾选堆叠扫描以使每种颜色的一个对象相互堆叠。
    • 取消选中平滑角并优化生成方框的路径。
    • 单击更新进行预览,单击确定跟踪位图。
    • 将矢量图形移动到位图旁边以比较结果(此处选定的矢量轨迹在右侧):

    在此处输入图像描述

    • 将矢量对象复制到新图形并以您选择的文件格式保存。

笔记:

在处理非常小的图标源时,本指南不会产生所需的像素化矢量图形结果。为了仍然在跟踪上获得像素化效果,我们必须在导入 Inkscape之前先放大图标。

我不精通程序,但可以在 Inkscape 中完成。我相信有人会突然介入并在inkscape中解释它。当我放大图像时,我注意到的一件事是图像中的这些正方形不精确。制作此图像的人使用了 7 像素和 8 像素的交替行宽,这使得在为像素化效果制作网格时稍微涉及更多的过程。

最简单快捷的方法是在 Adob​​e Illustrator 中使用图像跟踪,与使用网格重新创建像素的过程相比,它实际上只需要不到一分钟的时间。我不能 100% 确定 Inkscape 中的位图跟踪是否会产生相同的结果。

在任何情况下,Illustrator 中的过程都是导入图像,然后使用与下图大致相同的设置使用图像跟踪。它将产生一种刚性的类似像素的效果。 在此处输入图像描述

效果放大,大部分效果不会出现异常。 放大

但是,某些区域您需要手动修复路径,因为它们略微偏离。 轻微异常

当您想要像素-y 外观时,无需使用矢量图形。您可以只使用GIMP来升级您的PNG文件。这是如何做:

  1. 打开你的文件GIMP
  2. 选择Image>Scale Image
  3. 更改设置以放大文件
  4. 将您的放大文件导出为另一个PNG(按Ctrl+ Shift+E或选择File> Export

但是,如果您要在 中挤压像素图标Blender,则必须使用该Inkscape方法。