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


17

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

我将此图片用作我个人网站的收藏夹。并且,如果您有任何软件建议,我将在Mac上工作。我更喜欢使用开源的。

像素图


3
您是要保持像素化外观,还是要使其平滑?
布伦丹

3
类似的问题,但对于Illustrator:在Illustrator中如何将光栅图片的每个像素转换为方形对象?
JohnB 2013年


轻微的问题是,图像不能很好地形成放大时,他们是不完美的正方形。
亚当舒尔德

@brendan我想保持像素化外观
Guillaume Vincent

Answers:


16

墨迹

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

这些是涉及的步骤:

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

    在此处输入图片说明

  4. 在“ 模式 ”和“ 选项”选项卡中进行以下设置以保留像素化方形框的外观:

    在此处输入图片说明

    • 刻度线颜色
    • 选择“ 11 扫描”以获取源图像的​​11种颜色。
    • 勾号堆栈扫描将每种颜色的一个对象堆叠在一起。
    • 取消勾选平滑角优化生成的方形框的路径
    • 单击“ 更新”进行预览,单击“确定”以跟踪位图。
    • 将矢量图形移到位图旁边以比较结果(此处选定的矢量迹线位于右侧):

    在此处输入图片说明

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

注意:

当使用很小的图标源时,本指南将不会导致像素化矢量图形的预期结果。为了在跟踪时仍然获得像素化效果,我们必须先将图标放大,然后再导入Inkscape。


我对@Takkat感到好奇的一件事是,您的踪迹中是否存在与Illustrator中相同的异常。如果您看一下我的回答,您会发现眼睛不完全是一条直线-在Inkscape中是一样的还是Inkscape表现得更好?
亚当·舒尔德

@AdamSchuld:在Inkscape中,它是“优化路径”选项,我们必须禁用它以获取直线而不是贝塞尔曲线。但是可能没有100%的直角(很难测试)。我相信Illustrator中也有类似的选项(但是我无法在我的所有开源系统上对其进行测试)。
塔卡特

3

我对程序不熟练,但是可以在Inkscape中完成。我敢肯定有人会进来用inkscape解释一下。当我放大图像时,我注意到的一件事是图像中的那些正方形不精确。制作此图像的人使用7像素和8像素的交替行宽,这在制作像素化效果的网格时使它稍微牵涉到一个过程。

低速,快速的方法是在Adobe Illustrator中使用图像跟踪,与使用网格重新创建像素的更为复杂的过程相比,它实际上只需不到一分钟的时间。我不确定100%Inkscape中的位图跟踪是否会产生相同的结果。

无论如何,Illustrator中的过程都是先导入图像,然后使用与以下图像大致相同的设置的图像轨迹。它将产生类似像素的刚性效果。 在此处输入图片说明

效果放大。对于大多数效果,不会有异常。 放大

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


谢谢@AdamSchuld,我选择了Takkat开源解决方案。但是您的回答可能会对插画用户有所帮助。
Guillaume Vincent

他的回答更好!很高兴能为您提供帮助
亚当·舒尔德

0

当您想要像素化外观时,无需使用矢量图形。您可以仅用于GIMP升级PNG文件。就是这样:

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

但是,如果要在中拉伸像素图标Blender,则必须使用Inkscape方法。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.