本教程描述如何将数位光栅化位图图像转换成矢量艺术品。这一流程称为描摹或矢量化,可以用手工方式或使用自动工具完成。在本教程中,我们解释如何使用 Vector Magic 迅速简便地完成这一转换。

本教程适用于哪一种类型的图像?

本教程适用于:

  • 来自矢量艺术品原件数位光栅化的位图

适用于:

本教程仅适用于来自矢量艺术品原件数位光栅化的位图。使用此种方法是因为原始矢量艺术品丢失或者检索原始矢量艺术品不方便或耗时过多。在本教程中,我将讲述重新矢量化此类图像的程序。

我学习本教程需要什么?

  • 本教程使用 Vector Magic 桌面版本。您可以从桌面应用程序页面下载试用版。

  • 在线版本与桌面版本中的全自动模式很相似。用户界面看起来略微不同,不提供透明度支持。只要记住这些注意事项,您也可以使用在线版本学习本教程。

源图像

以下显示的是我选择作为范例的图像:

这是一个较高解析度的图像(604x528 像素),但在我们的用户上载的此类图像中也较具有代表性。我还选择使用 PNG 格式的图像,而不是 JPG 或 GIF 格式的图像,因为我想在本教程中注重基本工作流,而不是克服压缩噪音的特定挑战。

基本向导

让我们现在开始。在本节,我们将讲述您在 Vector Magic 桌面版本中适当地处理本图像应当遵循的步骤。边看边做可能会帮助您了解该应用程序如何操作。

我们首先载入图像。这可以从剪贴板完成,方法是将图像拖放至应用程序或其启动器图标,或者使用传统的文件浏览对话框。选择您喜爱的方法,将图像载入应用程序。

向导模式

载入图像会将您带入向导模式页面(在下方显示)。本教程将使用基本向导,因此您应当点击向导模式页面中三个大按钮中的第二个按钮。

图像类型

这会将您带入图像类型页面,我们必须在该页面选择正在处理的图像类型。三个选择是照片、带重叠边缘(抗锯齿)徽标和无重叠边缘(锯齿)徽标。与每一个此类类型相关的图标显示这些类型之间的差异。

请放大该图像,确定这是带重叠边缘还是无重叠边缘徽标(即是否有抗锯齿功能)。您可以使用鼠标滚轮缩放,并使用手工操作工具通过点击和拖拉滑鼠在图像周围平移。仔细检查图像中的任何边缘均会显示该图像包括抗锯齿边缘。因此,我们选择第二个选项 — 带重叠边缘徽标。

您还会注意到,这也是程序建议使用和预选的选项。这一方便的功能使选择变得更加容易。

透明度

如同很多其他查看器和编辑器一样,VM 使用棋盘图案显示背景(图像后方)。因此,如果图像包含透明部分(如同本图像),则会显示棋盘。VM 桌面版本支持透明度,但在线版本不支持透明度。这要求用户做出选择。如果透明度在边界为 alpha 混合(PNG 图像通常如此),用户则不需要处理透明度。如果透明度作为 1 位透明度掩码实施(如同 GIF),但图像其余部分有抗锯齿,则需要将图像与适当的背景颜色拼合。本页(见下方)允许用户使用这一选项。在这种情况下,透明度是 alpha 混合,我们希望在矢量结果中保留透明度,因此我们将选择“不处理透明度”。

输入质量

下一个选项是源图像质量。算法需要了解源图像质量,如果是干扰图像,算法不会将压缩干扰或其他图像中的不完美之处误认作代表需要在矢量图像中重新制作的实际特征。在这个例子中,输入图像很整洁,是清晰的 PNG 图像,没有干扰。绝对是优质图像,因此我们将选择该选项(见下方)。但请务必放大任何特定图像,仔细查看。有时,图像在缩小后会看起来很整洁和清晰,但在详细检查时缺陷会变得很明显。

颜色模式

下一个选项决定如何选择在矢量化结果中使用的颜色。“定制颜色”表示您可以选择需要使用的准确的颜色集,而“无限制颜色”表示算法将自动选择颜色。通常,当图像中颜色很多时,应当选择“无限制颜色”;当图像中颜色很少时,则应当选择“定制颜色”。但有时即使图像中颜色很少时,也可以选择“无限制颜色”,因为该选项耗时较短。在这个例子中,我想示范选择“定制颜色”的流程,因此我选择这个选项(见下方)。

调色板选择

在“定制颜色”模式中,用户必须选择自己希望包括在矢量化结果中的具体颜色集。本页显示了几个用户可以选择的“快速调色板”。选择某一快速调色板会使该调色板在页面上方的方框中显示。可点击所选调色板中的单个颜色,编辑或删除特定颜色。亦可点击“+”图标增加更多的颜色。在这个例子中,七色快速调色板是正确的选择(见下方),因此我们选择该调色板,并继续。每个快速调色板左面的箭头表示程序是否认为该调色板是可能的选择。双箭头是程序的最佳估计选择。在这个例子中,最佳估计选择(九色)不正确,但只需点击一次鼠标即可纠正这个错误。选择正确的调色板后,我们点击“下一项”,继续开始矢量化工作。

查看结果

取决于您的处理器的速度,矢量化流程需要一两分钟时间。一旦完成,您就会进入“查看结果”页面。您可以在该页面用稍加改动的设置迅速重新处理图像,或者用手工方法编辑图像。虽然图像在缩小后结果看起来不错(见下方),还存在几个小缺陷。我在接下来的几个屏幕截图中将解释如何纠正这些缺陷。

小缺陷

以下两个图像显示士兵头盔上经过不良重建的细节。 该图像虽然有点模糊,但却显示似乎黄色—而不是黑色—应当在这个窄点连接。 在以下第二个屏幕截图中,矢量化结果的轮廓在位图原件上方显示。 为了纠正这个问题,我们点击位于故障排除选项下方的“编辑结果”按钮。

编辑分段

分段编辑器与 Microsoft Paint 或任何其他简单的位图编辑器的工作原理很相似。分段编辑器允许用户对矢量图像粗燥的像素对齐版本进行手工编辑。这对于纠正连接错误形状之类的错误特别有用。在这个例子中,上方黑色形状与下方黑色形状不应当连接,但却连接在一起。下方的第一个屏幕截图显示程序最初计算的分段。

为了纠正这个问题,我们选择吸管工具,并点击图像中某处的黄色。然后,我们使用铅笔工具将下方形状的最左上方的两个黑色像素改为黄色。如下方屏幕图所示,这会连接两个黄色形状,分开两个黑色形状。我们点击“更新”按钮,应用作出的改动。

最后,在重新处理完成后,获得的矢量图像看起来好得多(请查看以下屏幕截图)。两个黄色形状连接在一起,两个黑色形状没有连接在一起。

查看结果 — 视图 A

现在,让我们看一看图像中的几个其他点,看看情况如何。 以下两个屏幕截图显示原始位图图像(第一个屏幕截图)与对应的矢量图像(第二个屏幕截图)比较状况。 您可以看到,程序在重建底层矢量图像方面很成功。 转角按照应有的状况是锐角,曲线按照应有的状况很平滑。

查看结果 — 视图 B

以下是显示矢量图像叠加在原始位图图像上的轮廓的另一个视图。您可以看到,节点通常放在非常合理的位置,矢量图像非常紧密地遵循原始位图中的实际形状边界。矢量图像边缘穿过原始位图抗锯齿位置是 Vector Magic 与其他自动描摹工具相比的最佳功能之一。

完成查看

您一旦完成查看,只需点击“完成查看”按钮,或点击“下一项”。

导出结果

这会将您带入将您的矢量化结果保存到硬盘的页面,或将矢量化结果拖放到另一个程序。在这个例子中,我选择了使用“快速保存”功能。快速保存允许您点击一次即可将矢量化结果保存到指定的目录中,并使用指定的文件格式。该目录默认值是与源图像所在目录相同的目录,文件格式是粘性设置,这表示文件格式将是您最后选择的任何格式。文件名默认值是与位图名相同的名称。

在 Inkscape 中最后清理

在将图像保存到磁盘中去之后,您可以将图像载入您喜爱的矢量编辑器中。 我喜爱 Inkscape,因为其免费,并且具备 Adobe Illustrator 的大多数功能。 在下方的屏幕截图中,我在 Inkscape 中载入了我的 SVG 文件,我在使用放大镜放大头盔上的小亮点。

在仔细检查时,我可以看到两个最小的突出显示,这两个突出显示原本应当像大突出显示一样是椭圆形,但却错误地重建为像偏斜的足球那样带有尖端。这个问题无法在 VM 本身纠正,因此我将解释如何在 Inkscape 中纠正这个问题。也可以在 Adobe Illustrator 或 CorelDraw 中进行相应的操作。首先,使用节点选择工具(工具条中从上方开始第二个工具)选择锐角上的节点。然后点击位于上方工具条第二行的“使所选节点平滑”图标。该按钮在以下屏幕截图中显示。

然后对其他有问题的椭圆形进行相同的修改。如果需要移动任何一个椭圆以便补偿其改变的形状,您可以用基本“选择和转换对象”工具(位于侧面工具条上方的长方形滑鼠-光标工具)完成这一任务。完成这些修改后,结果看起来应当像这样。

结论

好了!本教程有意编写得非常透彻,所以有时会显得有点过长。一旦您掌握了窍门,将位图图像转换成矢量艺术品就会变得十分快速和简便。虽然 Vector Magic 采用的算法十分先进,但并不完美,因此我们包括了一项手工编辑功能。即使这项功能也无法让您修正所有的问题,所以我还解释了您可以如何使用普通矢量编辑器帮助清理。

祝您好运!祝您矢量化操作顺利!


预剪裁

您的图像大小超过大小限制。 为了获得最佳结果,请将图像剪裁至您希望矢量化的部分。

尺寸限制


原始图像

尺寸:
纵横比:
百万像素:

已剪裁的图像

尺寸:
纵横比:
百万像素:
已剪裁的图像超过尺寸限制,将会按照尺寸限制缩放。
达到尺寸限制,保留全分辨率。