Flash转像素图为矢量图的介绍.doc

www.sifusc.com
www.sifusc.com

Flash转像素图为矢量图
2008-10-2115:19

什么是矢量图？它由矢量轮廓线和矢量色块组成，文件的大小由图像的复杂程度决定，与图形的大小无关，并且矢量图可以无限放大而不会模糊。我们平时看到的很多图像（如数码照片）被称为像素图（也叫点阵图、光栅图、位图），它们是由许多像小方块一样的像素点（Pixels）组成的，位图中的像素由其位置值和颜色值表示。
左图：像素图右图：处理成矢量的swf，点击鼠标右键，选择“放大”
很多图形设计软件都支持将像素图转换成矢量图性，这样我们就可以在矢量图形的基础上再做编辑，达到自己所要的效果。Flash是我们常用的动画处理软件，用它的绘图工具绘画的图形都是矢量图，那么它对于像素图又怎么处理呢？今天我们就详细地讲解一下用Flash把像素图转换为矢量图的方法和应用。文章导读：HYPERLINK"http://soft.yesky.com/SoftChannel/72351185150935040/20040413/1787063.shtml"\t"_blank"一、转换步骤HYPERLINK"http://soft.yesky.com/SoftChannel/72351185150935040/20040413/1787063_1.shtml"\t"_blank"二、转换后矢量图的调整HYPERLINK"http://soft.yesky.com/SoftChannel/72351185150935040/20040413/1787063_2.shtml"\t"_blank"三、实例转换操作HYPERLINK"http://soft.yesky.com/SoftChannel/72351185150935040/20040413/1787063_3.shtml"\t"_blank"四、特殊应用一、转换步骤
因为在图形转换的操作过程中可能会占用大量的系统资源，所以我们用一张小的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画一个简单的Gi