利用photoshop实现像素图转矢量图.docx
《利用photoshop实现像素图转矢量图.docx》由会员分享，可在线阅读，更多相关《利用photoshop实现像素图转矢量图.docx（34页珍藏版）》请在冰豆网上搜索。
利用photoshop实现像素图转矢量图
点阵图转矢量图常用软件及方法
矢量图由矢量轮廓线和矢量色块组成，文件大小由图像的复杂程度决定，与图形的大小无关，常用格式有ai、cdr、fh.、swf等。
矢量图以其轮廓清晰、色彩明快、可任意缩放并保持图像视觉质量等特性受到青睐。
把点阵图转化为矢量图的设计软件很多，现介绍几种常用软件和转换方法:
用CorelTRACE更好更方便
CorelTRACE是corelDRAW附带的软件，主要是执行位图矢量化的功能。
这个软件，只要点一下就全都搞定，比起Illustrator（简称AI）的矢量描图功能不知爽多少倍。
1.CorelTRACE软件的界面。
2.CorelTRACE软件的界面，左图为位图的原始图，右图为矢量化以后的矢量图。
3.工具栏上面的各种各样的描图方式，以及图像查看工具。
4.CorelTRACE软件的基本描图方法。
5.各种各样的矢量描图效果。
注意，图片右边的部分都是描绘了以后的矢量图
6.6－8.矢量图形在corelDRAW里面的优化设置。
7.
8.图8就是优化以后的设置。
可以看出这样的效果已经相当令人满意了，因为这可是矢量图啊！
∙
∙0位粉丝
9.蝴蝶的原图。
10.其它说明：
如果需要对每一个图层进行编辑的化，还需要执行“取消全部群组”功能。
11.11－15.如此有诱惑力的功能，ai迷是否能够同样享受到？
我们可以尝试一下。
1.CorelTrace12简介
CorelTrace12是CorelDraw12当中附带的专门用来将位图转换为矢量图的工具。
从CorelDrawX3开始，CorelTrace不再以独立软件的形式存在（CorelDrawX3以上版本集成为DLL组件）。
亦即：
CorelTrace12是CorelTrace作为独立软件最高的一个版本。
2.绿化说明
2.1.该版本CorelTrace12绿化是以笔者个人及朋友数台电脑的基础上绿化完成的，理论上适合于任意使用WindowsXP操作系统的电脑的，但不能保证使用的过程当中不出现任何错误。
对于其他版本Windows系统（如Vista、Win7等）的兼容性未作检测。
2.2.该版本CorelTrace12绿化，完全以官方文件拷贝获得，未改动任何文件。
2.3.该版本CorelTrace12最后一次绿化完善在D:
\CorelTrace下完成，注册表信息以此存为REG文件，未作INF文件封装。
可直接解压到D:
\CorelTrace下，并进入生成的CorelTrace文件运行“CorelTrace12绿化.reg”导入注册表信息进行绿化。
2.4.该版本CorelTrace12较上一个版本，进行了进一步完善。
3.最新完善
3.1.启动时如提示不能创建DOM对象、检查MSXML4安装而导致不能运行，请运行目录下的MSXML.msi进行MSXML4的安装。
安装完成则不再出现该错误提示。
3.2.加入IEAIINTL.dll、IECGMINTL.dll、IEDXFINTL.dll、IEHPGLINTL.dll、IEWMFINTL.dll、IEWPGINTL.dll等DLL文件，解决转换完成后不能保存为各种格式的问题。
4.如何自定义CorelTrace12绿色版安装位置：
解压CorelTrace12绿色版到任意目录。
进入目录，用记事本打开“CorelTrace12绿化.reg”，使用替换功能将“d:
\\CorelTrace”全部替换为该文件所在目录，如解压到E:
\Programs下，则改为“E:
\\Programs\\CorelTrace”即可。
注意双斜线。
保存后双击导入注册表即可。
5.如何使用CorelTrace12绿色版：
注意，CorelTrace12的程序文件在安装目录下的Programs文件夹下，文件名为“Trace.exe”。
运行该文件即可。
建议将该文件创建快捷方式到桌面或开始菜单程序列表。
6.注意
6.1.如使用CorelDraw12安装光盘安装，可在安装过程当中选中安装CorelTrace进行安装，则可不必再使用CorelTrace12绿色版。
6.2.已安装CorelDraw12的，请找出安装光盘或软件包，进行覆盖安装，选中CorelTrace进行安装，建议不直接使用CorelTrace12绿色版。
6.3.使用OneGreen等第三方绿化版本的CorelDraw12的，请注意将CorelTrace12绿色版本解压到CorelDraw12安装目录，进行无差别覆盖（注意覆盖时不要将目录结构弄错）。
然后再导入绿化的注册表信息。
否则，建议不直接使用CorelTrace12绿色版，否则可能会因注册表信息出错导致CorelDraw12绿色版无法使用。
6.4.使用CorelDraw9-12版本的，都可以在安装光盘当中选择安装CorelTrace（版本不同），请自己斟酌是否使用CorelTrace12绿色版。
6.5.安装有CorelDrawX3以上版本的，建议不使用CorelTrace12绿色版。
7.文件校验
7.0.文件名：
CorelTrace12Green（20101010）.rar
7.1.文件大小：
15.1M（15，497KB）
7.2.MD5校验：
F1A7473CDE442FAA0C8670326EEB79D1
7.3.SHA1校验：
95ACAA4582B47C670D08F870D9C2D48A4A550602
7.4.CRC32校验：
FA03BF34
8.绿化信息
8.1.绿化人员：
Kealin[五溪御龙湾云霆真人][晴翠荒城博主（Http:
//
8.2.最后版本更新时间：
2010年10月9日
9.相关截图（2张）
Photoshop篇
Photoshop的长处是专业图像处理，不过也完全可以将点阵图转成矢量图。
下面我们用Photoshop来处理一张图片，了解一种将点阵图转成矢量图简单方法的具体操作步骤。
第一步：
用选区转路径的方式简单将点阵图处理为矢量图。
第二步：
仔细编辑调整得到的初步路径。
>>>详细内容
下面我们用Photoshop来处理一张图片，了解一种将点阵图转成矢量图简单方法的具体操作步骤。
主要操作步骤如下：
第一步：
用选区转路径的方式简单将点阵图处理为矢量图
第二步：
编辑调整得到的初步路径。
在Photoshop中打开一张图片，如图1。
图1
在“图像”菜单下的“模式”中选择“索引颜色”，弹出“索引颜色”的设置对话框。
下面设置参数，调板选择“局部（自适应）”，颜色为“3”，强制选择“黑白”，其他参数都是默认值（图2）。
图2
确定设置后，得到的图片颜色为黑白色了（图3）。
图3
在工具箱中用吸管工具吸取图像上白色的颜色（图4），这个步骤很重要，不然后面处理“色彩范围”时得不到所要的效果。
图4
下面在“选择”菜单下选择“色彩范围”选项弹出“色彩范围”对话框，然后选定“取样颜色”，设定“颜色容差”的值为51，确定（图5）。
图5
现在看到图像上空白的位置已经被选中了（图6）。
图6
我们所需要的是图像的轮廓部分，而不是像去掉白色，按住键盘Ctrl+Shift+I反选，把轮廓部分选中（图7）。
图7
找到“路径”面板，选中“将选区添加为路径”的按钮，增加一个新的路径（图8）。
图8
最后我们复制路径，新建一个文件，粘贴路径得到可编辑的矢量图（图9）。
图9
第二步：
编辑调整得到的初步路径
现在我们可以在转换后的矢量图上编辑了，在工具箱中选择节点工具，查看图形上的所有节点（图10）。
图10
这样使用调节节点的增加节点、删除节点、转换节点等等工具可以修改图像的外观（图11）.
图11
把小鸟的轮廓稍作修改后，准备给它添加颜色了。
用转换节点工具选中一个位置，然后点击“路径”面板上的“载入所选的节点”按钮，此时所选节点的那个区域全部被选中（图12）.
图12
下面在调色板中选中一个颜色，使用油漆桶工具添加所选区域的颜色。
按照这个步骤，我们可以随便在图像上添加自己喜欢的颜色，重新打造它了，最后的结果如图13。
图13
Freehand篇
目前矢量图的运用越来越广泛，如果你善于手绘那当然最好，可毕竟不是每个人都能画得很好，而网上能找到的现成的矢量图片并不多，所以很多人会选择采用把位图转化为矢量图的方法。
目前可以完成这项工作的软件很多，Freehand内置的trace工具就可以很方便地实现位图到矢量图的转化工作。
转换步骤：
用Import命令将位图导入Freehand，再使用浮动工具栏上魔术棒样子的trace工具
。
trace默认的设置可以应付大多数的转化，不过对于精益求精的你来说，还要学会根据实际情况配置不同的转化参数，以得到最佳效果。
>>>详细内容
Illustrator篇
用AdobeIllustrator将人像数码照片处理成矢量图的方法，重点主要是自动描图工具的运用和细节调整，大家可以从这里学习和掌握用Illustrator将像素图转化成矢量图的方法和技巧，同时提供一些艺术设计的应用实例。
对初学者而言，这样的方式比较简单和容易接受，做出来的矢量照片效果也很有个性风格。
如果需要打印，矢量图的打印质量也比像素图高，用途很广。
>>>详细内容
原照片 矢量化效果 平面设计 T恤图案设计
文章导读
一、将彩色照片转成黑白模式 二、用自动描图工具粗略扫描
三、细致调整五官：
眼睛 鼻子 嘴巴和下巴
四、简化头发线条 五、延展设计
CorelDraw篇
用CorelDraw将点阵图转换为矢量图，不仅能实现图形转换的功能，在转换的同时还可以指定效果来得到特殊的矢量图。
准备好一张点阵图，导入到CorelDraw中，选中图片点击鼠标右键，在菜单中可以看到“描绘位图”选项，选中后CorelDraw将跳转到CorelTRACE中去编辑位图。
CorelTRACE是CorelDraw带的专业点阵图转换矢量图工具，整个软件的界面功能分布很简单，左边是转换的工具选择，一共八种方式：
按轮廓、高级轮廓、中心线、中心线轮廓、素描、马赛克、3D马赛克、木刻转换。
参考文章：
CorelDraw描图小技巧 >>>详细内容
Flash篇
很多图形设计软件都支持将像素图转换成矢量图性，这样我们就可以在矢量图形的基础上再做编辑，达到自己所要的效果。
Flash是我们常用的动画处理软件，用它的绘图工具绘画的图形都是矢量图，那么它对于像素图又怎么处理呢？
这里我们就详细地讲解一下用Flash把像素图转换为矢量图的方法和应用。
>>>详细内容
文章导读：
一、转换步骤 二、转换后矢量图的调整 三、实例转换操作 四、特殊应用
参考文章：
描绘出美美的矢量图
利用photoshop的选区和路径工具
来实现像素图到矢量图的转换
1.将书本上的图片进行扫描，得到如图a，看起来有点粗糙，怎么办？
2.用photoshop将图片打开，将图片模式改变为索引模式，改成如图b的设置。
图片只有两种颜色了，这样才能便于色彩的选择。
3.在色彩范围里用吸管吸取梅花外面任意一个地方，如图c，按“好”按钮
4.就可以得到如图d，这样只仅仅选择的是梅花外轮廓。
5.反选”或者按快捷键ctrl+shift+i得到图e：
6.打开路径面板，并点击“从选区建立工作路径”按钮，见图f：
7.将此文件输出为路径，文件命名为meihua.ai。
8.打开coreldraw软件，将刚才保存的.ai文件导入进来，咦？
为什么导入进来什么都没有呀？
不用急，点取轮廓工具按钮并点取“细线轮廓”，出来了吧！
一个崭新的矢量图就这样完成了。
随便怎么放大都很清晰，特别适合做图形、图案以及电脑刻绘。
试一试吧！
！
Flash是我们常用的动画处理软件，用它的绘图工具绘画的图形都是矢量图，那么它对于像素图又怎么处理呢？
今天我们就详细地讲解一下用Flash把像素图转换为矢量图的方法和应用。
二、转换后矢量图的调整
三、实例转换操作
四、特殊应用
一、转换步骤
由于图形转换操作过程中会占用大量的系统资源，所以我们用一张小的Logo图片（图1）来试试。
图1
1.在Flash中导入这张Gif图片，然后选择“修改”菜单下的“位图”选项中的“转换位图为矢量图”命令（图2）。
图2
在转换之前根据所需要的效果来设置“颜色阀值”、“最小区域”、“曲线拟合”、“角阀值”（图3）。
图3
（1）颜色阀值
参数范围：
1-500。
它的作用是在两个像素相比时，颜色差低于设定的颜色阀值，则两个像素被认为是相同的。
阀值越大转换后的矢量图的颜色减少。
（2）最小区域：
参数范围：
1-1000。
它的作用是在指定的像素颜色时需要考虑周围的像素数量，最小区域是的跟踪位图平均不同的颜色值。
（3）曲线拟合：
参数范围：
像素－－非常平滑（图4）。
它是决定生成的矢量图的轮廓和区域的粘合程度。
图4
（4）角阀值：
参数范围：
较多转角－－较少转角（图5）。
它是决定生成的矢量图中保留锐利边缘还是平滑处理。
图5
一般由位图转换生成的矢量图文件大小要缩小，如果原始的位图形状复杂、颜色较多则可能生成的矢量图的大小要增加。
如果要使生成后的矢量图不失真，要把“颜色阀值”和“最小区域”的值设低，“曲线拟合”和“角阀值”两项设置为“非常紧密”和“较多转角”，这样得到的图形文件会增大，但转换出的画面也越精细，矢量图的体积也越大。
二、转换后矢量图的调整
我们知道可以通过位图转换成矢量图之后降低图片的体积，因此这个功能对我们处理日常的图片压缩非常有用，但是经过转换后的图片可能达不到原来的效果，这需要我们对图片再作加工。
1.准备一张要处理的图片，索性我们就用Flash的LOGO图，如图11。
图11
2.现在将该图片转换成矢量图，颜色阀值为20、最小区域为5像素、曲线拟合为紧密、角阀值为正常。
转换后的图片看起来边缘没有原图那么圆滑（图12）。
图12
3.因此我们要对它做一些修改，择工具箱的白色箭头工具此时图片的各个节点看起来有点多和复杂，我们将图片的显示比例放大可以看清楚每个节点的细节好作修改。
4.将图像放大后看到边缘的节点太多，增加了毛毛的菱角感觉，修改的方法可以把相同颜色中间的节点去掉，通过减少节点减少边缘的菱角（图13）。
但是注意如果是颜色不同的地方不能删除那里的节点。
图13
5.经过修改之后对剩下的节点看看还有什么不圆滑的地方，我们可以使用贝塞尔曲线工具的调节办法调节节点的弧度使其变得圆滑（图14）。
图14
7.最后我们可以将转换的图片导出保存为SWF格式。
使用鼠标右键可以更改图片的显示比例。
点击鼠标右键，可以从菜单中更改图片的显示比例
三、实例转换操作
下面我们根据Flash位图转换矢量图的应用规则具体操作一个图形来看看。
我们用Fireworks画一个简单的Gif图片（图6）。
图6
1.将图片导入到Flash中，选择“修改”菜单下的“位图”中“将位图转换为矢量图”功能。
2.设置转换的各项参数，颜色阀值为50、最小区域为10像素、曲线拟合为紧密、角阀值为正常（图7）。
图7
3.图象转换后的效果如图8。
图8
4.开始导入的Gif图片本身是不可编辑的，现在转换成矢量图之后我们可以对它作修改了，例如选中图像中的各个颜色部分，将它们换成其他色彩得到另一种星星的效果，整体感觉比原来的图片还丰富很多（图9）。
图9
5.已经被淡化的五角星边缘线，我们还可以用直线工具将它重新填加上（图10）。
图10
6.我们还可以用钢笔工具改变五角星的外观，例如我们再添加一个背景图案将它制作成一个动画。
7.最后我们将它导出为SWF格式，既保持矢量图的格式，我们使用鼠标右键可以控制随意放大缩小图像。
点击鼠标右键，可以从菜单中更改图片的显示比例
四、特殊应用
1.通过位图转换为矢量图的功能，可以做一些特殊的效果，如油画效果。
图15是一张原图，我们使用上述功能把它变化成油画。
图15
2.选择“转换位图为矢量图”功能，设置参数：
颜色阀值100、最小区域20、曲线拟合紧密、角阀值正常，如图16.
图16
3.最后得到图17的效果，感觉人物图像像是用水彩笔画的油画效果一样了。
图17
4.同样最后我们把它导出保存为SWF格式，使用鼠标右键可以控制图片的大小变化，仔细看清楚图片上的各个部分。
点击鼠标右键，可以从菜单中更改图片的显示比例
升级会员 