快速业务通道

[组图]Flash转像素图为矢量图

作者 佚名技术 来源 服务器技术 浏览 发布时间 2012-07-10


  什么是矢量图?它由矢量轮廓线和矢量色块组成,文件的大小由图像的复杂程度决定,与图形的大小无关,并且矢量图可以无限放大而不会模糊。

  我们平时看到的很多图像(如数码照片)被称为像素图(也叫点阵图、光栅图、位图),它们是由许多像小方块一样的像素点(Pixels)组成的,位图中的像素由其位置值和颜色值表示。   
左图:像素图    右图:处理成矢量的swf,点击鼠标右键,选择“放大”   很多图形设计软件都支持将像素图转换成矢量图性,这样我们就可以在矢量图形的基础上再做编辑,达到自己所要的效果。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格式。使用鼠标右键可以更改图片的显示比例。 点击鼠标右键,可以从菜单中更改图片的显示比例 关键词:

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号