数字图像有两种类型:栅格和矢量。栅格图像由单个像素组成,并且包含大量细节。但是,您不能在不损失质量的情况下放大它们。

矢量图像由线条和形状组成。它们通常不太详细,但是您可以根据需要将它们变大而不会丢失任何东西。

当光栅图太小而无法满足您的需要时,解决方案是将图像转换为矢量,此过程称为矢量化。您可以在Adobe Illustrator中执行此操作。这是一个快速,简单的过程,并产生了出色的结果。这是使用Adobe Illustrator将图像转换为矢量的方法。

什么是矢量图像?

矢量图像是由值而不是像素组成的可缩放图像。

在线上找到的大多数图像都是光栅图像(请参阅其他文件类型,解释了)。栅格图像使用正方形像素(彩色位)来传达图像。矢量图形使用可缩放的颜色多边形传达颜色。由于矢量图像使用动态颜色部分而不是静态正方形,因此它们可提供完美的线条和清晰的颜色。

包含矢量图像的几何形状是公式化的,因此它们与分辨率无关。这意味着图像在放大或缩小时不会损失质量,因为矢量图像中的彩色多边形将始终保持其形状。对于光栅图像而言并非如此,因为这些图像的颜色信息在缩放时会被拉伸。

一旦知道了如何在Adobe Illustrator中将JPG文件转换为矢量,您就可以将找到的任何内容缩放到所需的大小,而不会降低图像质量。

步骤1:选择要转换为矢量的图像

使用以下图像时,使用的图像将无关紧要,但较大的图像将需要更长的时间进行编辑。但是,有些图像作为矢量图像比其他图像更有效。

最好编辑单个主题,而不是风景等。优选地,图像应具有白色或透明背景并且具有相对较低的分辨率。

我们将使用上述Street Fighter系列中Ryu的图像。由于多种原因,它可以作为一个完美的例子。首先,这是一个单一的主题。它还是一种易于识别的字符,因此也很适合矢量图像格式。矢量图像格式通常用于徽标或可识别的图像。

步骤2:选择一个图像跟踪预设

Illustrator有一个特殊的工具,可用于矢量化图像。它被称为“图像跟踪”,它带有一系列预设,可以自动完成大部分工作。从广义上讲,您应该使用与正在转换的图像类型最相似的“图像跟踪”预设。


您的选择是:

  • 高保真照片低保真照片。这些分别产生非常详细的矢量图像和略微不太详细的矢量图像。非常适合照片或复杂的艺术品,例如我们使用的示例图像。
  • 3色6色16色。这些预设输出具有三种,六种或16种颜色的矢量图像。它们非常适合徽标或带有大量纯色的艺术品。
  • 灰色阴影。此预设产生详细的灰度图像。
  • 黑色和白色徽标。这将创建具有两种颜色(黑色和白色)的简单徽标。
  • 草绘艺术轮廓线条艺术技术制图。这些最适合用于特定类型的图像,并创建黑白的(主要是基于线条的)图形。

在Illustrator中打开图像,然后选择该图像以激活图像选项。这些选项应显示在Illustrator窗口的顶部。

单击图像跟踪旁边的下拉箭头以选择您的预设。我们将使用低保真度照片。单击它开始跟踪。

步骤3:使用图像跟踪对图像进行矢量化

单击按钮后,图像将自动进行跟踪过程。您会注意到图像有几处更改,但总体来说应该保持不变。例如,以下是跟踪过程之前的图像特写。

注意像素化。这是处理后的图像:

尽管许多细节已从原始图像中去除,但它看起来也更加清晰。您会注意到,无论图像缩放多近,颜色形状都不会像素化。

缩小后,图像看起来几乎相同。这是编辑之前的整体图像。

这是我们编辑后的图像:

尽管在某些情况下顶部图像可能看起来更清晰,但矢量化图像的质量仍然令人印象深刻。

步骤4:微调您的追踪图像

跟踪图像后,打开“ 图像跟踪面板”以微调转换。

选择模式可在彩色,灰度和黑白之间切换。另外,向左拖动“ 颜色”滑块以简化矢量图像,向右拖动以添加更多细节。

如果您对设置感到满意并想重新使用它们,请单击“预设”选项旁边的“ 管理预设”按钮。现在,您可以将设置另存为新的预设

步骤5:取消颜色分组

现在,已将您的图像订购为适合原始光栅图像的彩色形状。为了完成矢量,您需要将这些颜色组分开以对其进行编辑。为此,选择要跟踪的图像,然后单击窗口顶部的“ 扩展”按钮。

这将允许您查看组成矢量图像的合成形状。每个形状都以蓝色勾勒出轮廓。接下来,右键单击图像,然后在菜单中选择取消分组。这将使您可以将颜色形状分成单独的部分。

在“ 图层”面板中,您会看到颜色组已分为多个图层。

步骤6:编辑您的矢量图像

将光栅图像转换为矢量后,您可以自由编辑图像。首先删除所需的任何颜色组。您可以通过单击形状并选择“选择>相同>填充颜色”来选择整个颜色组。这将选择与使用直接选择工具(A选择的颜色相同的所有组。

然后按键盘上的Backspace键删除形状。如果要修改或扩展特定的颜色组,也可以通过使用“直接选择”工具选择图层来完成。选择图层后,使用钢笔画笔工具在空白处填充或为设计添加其他颜色。

步骤7:保存图片

这是删除讨厌的白色背景并使用上述方法稍加修改后的原始图像。

现在,我们准备好在Illustrator中将图像转换为矢量的最后一步:以矢量格式保存图像以保持其质量。有多种矢量图像格式可供选择:PDF,AI,EPS,SVG等。我们将使用SVG格式。完成图像处理后,转到文件>导出>导出为

在以下窗口中,为文件命名,然后在保存类型旁边的下拉菜单中选择SVG

而已。您的可扩展矢量文件现在应保存到PC中。

不要妥协,向量化!

现在您知道了如何在Illustrator中将图像转换为矢量。将您的新作品缩放到所需的尺寸。

请记住,复杂的矢量文件可能比对应的光栅文件大得多。这意味着它们可能需要更长的时间来加载和编辑。但是,无论尺寸如何,矢量图像都将保持其质量。

如何在Adobe Illustrator中矢量化图像相关推荐

  1. 如何在Adobe Illustrator中创建复古风格的室内场景

    创建座椅 第1步 打开Adobe Illustrator并创建一个850像素宽度和高度的新文档后,我们开始创建一把椅子. 首先,我们创建一个木制的椅子底座. 选择矩形工具(M)绘制一个长矩形.按住Sh ...

  2. 如何在Adobe Illustrator中绘制可爱的蓝色驯鹿

    绘制卡通驯鹿头像 第1步 使用椭圆工具(L)并按住Shift键,制作一个100 x 100像素的圆圈,用明亮的蓝色填充,使用直接选择工具(A)选择其左右锚点,并将锚点向下移动几个像素 第2步 复制圆圈 ...

  3. 如何在Adobe Illustrator中绘制多肉盆栽插图

    绘制花盆 第一步 打开AI后,创建一个850×850像素的新文档,首先从绘制花盆开始 使用矩形工具(M),创建一个浅色矩形并使用凸出效果(效果>变形>凸出)并进行下列参数修改 第二步 为了 ...

  4. 如何在Adobe Illustrator中创建青蛙王子插图

    创建小青蛙 第1步 打开AI并创建一个850×850像素的新文档,从绘制青蛙的头部开始,使用椭圆工具(L)绘制椭圆并填充下图的颜色,在"描边"面板上,将轮廓的粗细设置为5像素 选择 ...

  5. adobe xd_如何在Adobe XD中创建Finance App UI设计

    adobe xd 在本教程中,您将学习如何在Adobe XD中创建财务应用程序设计,以及(更重要的是)如何轻松对其UI的各个部分进行动画处理. 您将在本Adobe XD教程中学到什么 如何在Adobe ...

  6. 如何在Adobe XD中创建酒店预订UI设计

    在本教程中,您将学习如何在Adobe XD中创建酒店预订应用程序设计. 作为Adobe XD,我们不仅可以构建静态设计,还可以构建更多内容. 我们将构建一个交互式的动画原型. 首先,我们将介绍任何酒店 ...

  7. adobe xd_如何在Adobe XD中创建简历简历网站模板

    adobe xd 在本Adobe XD教程中,您将学习如何使用简历网站模板创建简历网页设计. 您还将学习如何轻松对其元素的各个部分进行动画处理. 您将在此Adobe XD教程中学到什么: 如何在Ado ...

  8. 如何在Tensorflow.js中处理MNIST图像数据

    by Kevin Scott 凯文·斯科特(Kevin Scott) 如何在Tensorflow.js中处理MNIST图像数据 (How to deal with MNIST image data i ...

  9. 如何在geth中创建genesis.json_Adobe XD 入门教程-如何在 Adobe XD 中创建交互式原型?...

    完成屏幕设计后,您可以将各屏幕互相连接,以便直观地了解用户如何体验您的应用程序或网站.Adobe XD 允许您创建交互式原型,直观地展示如何在屏幕或线框之间导航.您可以预览交互,验证用户体验并对设计进 ...

  10. 如何在Adobe Reader中存储阅读的Session

    如何在Adobe Reader中存储阅读的Session 当你同时打开了若干个pdf文件后,突然要求更新Adobe Reader,杀毒,甚至windows补丁.诸位有没有遭遇过?这时候,就需要你关闭并 ...

最新文章

  1. 让资源管理器不显示最近常用文件夹
  2. HTML语义化:HTML5新标签——template
  3. Paper:《Adam: A Method for Stochastic Optimization》的翻译与解读
  4. oracle ORA-14452错误处理
  5. tcode SMQS
  6. Python中键映射多个值的方法:defaultdict
  7. 《明日方舟》Python版公开招募工具
  8. iterator remove_Iterator与fast-fail机制
  9. python socket 连续send,出现粘包问题
  10. 这些年,我们无法忘却的jQuery日历插件
  11. mysql定时任务多条sql_【SQL】使用Navicat创建MySQL定时任务重复执行某个sql语句
  12. linux文件权限的设置命令
  13. 前端实现行业分类四级联动选择表单
  14. 三端稳压管型号选型对照大全-KIA半导体
  15. Nik Collection 5 Mac,最新PS滤镜插件套装
  16. openflow交换机 ryu_ryu—交换机
  17. 2021年美容师(高级)考试资料及美容师(高级)考试技巧
  18. BZOJ3713: [PA2014]Iloczyn
  19. 蚪侠-远程泛目录[泛域名+泛目录+泛内页]-[代码+汉字]干扰-字体繁简切换-蜘蛛欺骗-主动推送_镜像版-V25版
  20. 机器学习笔记(吴恩达老师)

热门文章

  1. L2与L1正则化理解
  2. 网络协议及socket
  3. IFrame与window对象(contentWindow)
  4. codevs 1164 统计数字
  5. windows 8.1无人值守安装
  6. fastjson 1.1.31 发布,Java 的 JSON 库
  7. css 注释写法注意事项
  8. ExcelHelper代码
  9. Mac系统如何通过自带的工具进行磁盘修复
  10. 如何让Mac在 Finder 顶部显示完整的文件路径