如何在Illustrator中将像素图转化为矢量图?

数字图像有两种类型:像素图和矢量图。

convert image vector - design, chosen - 如何在Illustrator中将像素图转化为矢量图?

像素图是由大量单个像素组成的,这意味着它可以保存大量的细节,但你却不能在没有损耗的情况下将它放大。而矢量图则由线条和形状组成,通常数据量更小,而且你可以无限放大缩小它并不损失图像品质。

关于像素图和矢量图的问题,我们已经讨论过多次,如果你对这两个概念还有疑问,可以参见这两篇文章:

矢量图VS像素图,我该如何选择?

十分钟快速理解DPI和PPI,不再傻傻分不清!

而当你拿到一个像素图,却发现它太小不能用的时候,可以考虑将它转化为矢量图。尽管有很多第三方工具(有些甚至比Illustrator更优秀),但实际Adobe Illustrator本身就能足够出色地完成这个工作,操作起来也并不难。下面我们就一起来看看吧。

步骤1:选择一张用于转化的图片

你用什么图来转为矢量图对于下面的步骤来说并不重要,但你要知道原图越大,转化需要花费的时间就越多。因此,建议你转化有一定矢量风格的像素图,类似照片的图片转化效果往往是很差的。

如果原图只包含单一的元素,转化的效果会是比较好的。如果像素并不是特别低,并且背景还是白色或透明的,那就更好了。

1 ryu unedited - design, chosen - 如何在Illustrator中将像素图转化为矢量图?

我们这次使用的素材是《街霸》里的角色龙,这张图在很多方面都可以作为一个很好的范例。首先它包含一个单一的内容,其次由于是我们熟悉的人物,转化后是否可识别也是立刻可以判断出来的。如果你不想用这张图来学习本教程,建议找一个类似风格的图片或者一张Logo图片。

步骤2:应用一个图像描摹预设

Illustrator自带的让你把图片转化为矢量的工具叫做图像描摹,图像描摹工具带有很多预设可以实现一定程度上的自动化工作。总的来说,你应该选择一个和你的原图最接近的图像描摹预设并以此为基准开始转化。

ryu 3 - design, chosen - 如何在Illustrator中将像素图转化为矢量图?

(上述三个结果分别是应用了3色、灰阶、剪影三个预设得到的)

图像描摹预设包括:

  • 高保真度图片低保真度图片,可以非常细化或比较细化地进行转化,用于照片或者比较复杂的图形,我们这次的范例就比较适合用这里的选项。
  • 3616这三个预设可以将图形转化为带有相应颜色数目的矢量图,作用于Logo或以色块为主的图形是比较合适的。
  • 灰阶适用于转化黑白图像,做的也是细化处理。
  • 黑白徽标适合用来转化简单的两色Logo,得到的是黑白两色的矢量图。
  • 素描图稿剪影线稿图技术绘图这四个预设适合用于特定的图像类型,正如它们的名字一样。得到的结果都是黑白的。
3 image trace ui - design, chosen - 如何在Illustrator中将像素图转化为矢量图?

将你的照片放入Illustrator,在顶部的动态工具栏上你就可以看到图像描摹的这些选项。点击图像描摹右侧的下拉箭头,我们选择低保真度图片,然后开始描摹。

步骤3:等待描摹结果

当你点下描摹后,程序就会自动按照预设开始工作。不久后你可以看到描摹后的结果,而结果应该和原图没有非常巨大的区别。举例来说,下面的局部是描摹之前的:

4 ryu before close - design, chosen - 如何在Illustrator中将像素图转化为矢量图?

而描摹之后它是这样:

5 ryu after close - design, chosen - 如何在Illustrator中将像素图转化为矢量图?

尽管感觉很多细节都被破坏了,并且很多线条感觉缺少过渡,但现在的图形已经是矢量的,不管你怎么放大都不会看到像素点。

而当你缩小,你会发现图像的还原度还是很高的。下面是描摹之前的图像:

6 ryu before - design, chosen - 如何在Illustrator中将像素图转化为矢量图?

下面是描摹之后的:

7 ryu after - design, chosen - 如何在Illustrator中将像素图转化为矢量图?

尽管细节方面可能不太令人满意,但整体却感觉还不错。

步骤4:优化描摹结果

完成描摹后,打开图像描摹面板(在顶部菜单的“窗口”中找到,或者在刚才的描摹按钮左侧点击菜单图标)。

在这里,你可以重新选择描摹模式(此处没有必要),然后可以在下方的颜色滑块处调整描摹结果出现的颜色数量以让描摹结果更精细或更简单。

8 fine tune trace - design, chosen - 如何在Illustrator中将像素图转化为矢量图?

勾选左下角的预览可以实时查看(如果图形复杂,可以调整完设置再勾选),如果你对描摹结果满意,点击描摹面板右下角的描摹即可完成描摹。

步骤5:转化结果为编组

现在你得到了一个接近原图的矢量图片,接下来可以将它转化为色块的编组以进行细节编辑。点击描摹面板中的“扩展”按钮。

9 expand button - design, chosen - 如何在Illustrator中将像素图转化为矢量图?

点击后,当前的图像就会被转化为一个编组,选中就可以看到图形的边框。全部选中后,右键点击,在弹出菜单中选择取消编组(Shift+Ctrl+G),这样你的图像被分割为一个个独立的色块了。

你可以在图层面板中确认和选择它们。

步骤6:编辑矢量图

在完成了半自动的转换之后,你就可以自由编辑图像了。首先可能要做的就是删掉一些色块,比如这里的白色背景。如果你想要删除某种颜色的所有色块,只需先选中其中任意一个,然后点击上方菜单中的选择→相同→填充颜色。此时所有的同色内容就都被选中了。

10 vector color delete - design, chosen - 如何在Illustrator中将像素图转化为矢量图?

如果其中没有你不想删除的,那么按下Delete就可以跟它们说再见了。额如果你想编辑某个特定色块,可以用直接选择工具(A)选中它,然后用钢笔、笔刷等进行编辑。

步骤7:输出图片

下面是我们删除了白色背景,并加了一个自定义背景后的矢量图象。

11 finished vector ryu - design, chosen - 如何在Illustrator中将像素图转化为矢量图?

下面我们就可以导出它。作为矢量图片,我们应该给它选择一个矢量的或支持矢量的格式,比如:PDF、AI、EPS、SVG等。而这里我们选择SVG。

点击顶部菜单的文件→导出→导出为(CC以前的版本,请选择文件→另存为),在下拉菜单中选择SVG后缀,命名保存即可。

12 vector save - design, chosen - 如何在Illustrator中将像素图转化为矢量图?

以上就是将像素图在Illustrator中转化为矢量图的方法。

13 ryu vector showcase - design, chosen - 如何在Illustrator中将像素图转化为矢量图?

Illustrator作为专业的矢量软件,对像素图的综合转化能力可谓最强大的。但不是所有情况下Illustrator都能转化出最好的结果,特殊类型的图片也许第三方工具表现更好。我们将会在不久后的一篇文章里介绍一些第三方工具,欢迎持续关注!

微信打赏支付宝打赏

感谢您的支持!

文章来源:卡米雷特的小站www.kamilet.cn)转载请注明出处。

卡米雷特

视觉控&技术控,不断学习中!

您可能还喜欢...

发表评论

电子邮件地址不会被公开。 必填项已用*标注