flash绘制矢量图形

Flash转像素图为矢量图2008-10-21 15:19什么是矢量图？它由矢量轮廓线和矢量色块组成，文件的大小由图像的复杂程度决定，与图形的大小无关，并且矢量图可以无限放大而不会模糊。

我们平时看到的很多图像（如数码照片）被称为像素图（也叫点阵图、光栅图、位图），它们是由许多像小方块一样的像素点（Pixels）组成的，位图中的像素由其位置值和颜色值表示。

左图：像素图右图：处理成矢量的swf，点击鼠标右键，选择“放大”很多图形设计软件都支持将像素图转换成矢量图性，这样我们就可以在矢量图形的基础上再做编辑，达到自己所要的效果。

Flash是我们常用的动画处理软件，用它的绘图工具绘画的图形都是矢量图，那么它对于像素图又怎么处理呢？今天我们就详细地讲解一下用Flash把像素图转换为矢量图的方法和应用。

文章导读：一、转换步骤二、转换后矢量图的调整三、实例转换操作四、特殊应用一、转换步骤因为在图形转换的操作过程中可能会占用大量的系统资源，所以我们用一张小的Logo图片（图1）来试试，这样机器处理运行得稍微快一些。

图11.在Flash中导入这张Gif图片，然后选择“修改”菜单下的“位图”选项中的“转换位图为矢量图”命令（图2）。

图2在转换之前根据所需要的效果来设置“颜色阀值”、“最小区域”、“曲线拟合”、“角阀值”（图3）。

图3（1）颜色阀值参数范围：1-500。

它的作用是在两个像素相比时，颜色差低于设定的颜色阀值，则两个像素被认为是相同的。

阀值越大转换后的矢量图的颜色减少。

（2）最小区域：参数范围：1-1000。

它的作用是在指定的像素颜色时需要考虑周围的像素数量，最小区域是的跟踪位图平均不同的颜色值。

（3）曲线拟合：参数范围：像素－－非常平滑（图4）。

它是决定生成的矢量图的轮廓和区域的粘合程度。

图4（4）角阀值：参数范围：较多转角－－较少转角（图5）。

它是决定生成的矢量图中保留锐利边缘还是平滑处理。

图5一般由位图转换生成的矢量图文件大小要缩小，如果原始的位图形状复杂、颜色较多则可能生成的矢量图的大小要增加。

flash矢量图形绘制学习指导h Flash 矢量图形绘制Flash 所绘制出来的是矢量图形，矢量图形是用线来勾勒形状，用色块来填充颜色。

这是和位图是有本质的区别的。

因此，当我们要进行绘图的时候，要从绘制线条入手，然后再进行色块的填充„„ 一、工具箱的使用工具作用及用法箭头工具用以选取舞台中的对象，当移近颜色块或线条时，可以拖曳鼠标使其变形。

部分选取使用该工具选取对象时，周围会出现调节点，移动这些调节点会使对象的部分变形。

套索工具该工具可以使用户方便的从导入到舞台上的某一图像中选取自己需要的部分内容，当然前提是必须把图像分解（可以使用“修改|分离”命令）线条工具选用“线条工具”按钮时，可以在舞台上通过拖曳鼠标画出直线条，当然也可以在选用该工具后，先在颜色下的笔触颜色中设置线条颜色后再绘制。

当按住 Shift 键后再拖曳鼠标可以画出辐射角为 45 度的直线。

铅笔工具铅笔工具能够让用户在舞台上画出自己想要的线条形状，在单击了该工具按钮后会在“选项”区域中出现一个“铅笔模式”按钮，单击该按钮后，可以选择 3 种不同的铅笔模式——“伸直”、“平滑”、“墨水” 钢笔工具使用该工具，能够方便的在舞台上通过各个点之间的直线连接绘制出任意的多边形。

椭圆工具用户可以使用该工具在舞台上绘制出 1 个椭圆形图形，当然可以在绘制图形前，现在颜色区域中选用笔触颜色和填充色设置椭圆形的边框颜色和内部填充颜色。

如果想要绘制出 1 个正圆，则可以按住 Shift 键再拖曳鼠标矩形工具用户可以使用该工具在舞台上绘制出 1 个矩形图形，当然可以在绘制图形前，现在颜色区域中选用笔触颜色和填充色设置椭圆形的边框颜色和内部填充颜色。

如果想要绘制出 1 个正方形，则可以按住 Shift 键再拖曳鼠标。

文本工具选中该工具后，可以在舞台上拖曳出 1 个文本区域，然后在该区域内输入文字符号。

笔刷工具笔刷工具的作用与铅笔工具类似任意变形在选中舞台上的对象后，使用该工具可以通过鼠标拖曳控制点来改变对象的大小形状填充变形可以使图形中的填充色部分变形。

Flash绘制时尚矢量插画技法教程
关键词:Flash.绘制.时尚矢量插画教程
先看教程效果图
01.草图：我习惯直接在电脑里起稿，草图阶段用的是刷子工具，快捷键是B，点flash 左边的工具栏悬停下会有快捷键的提示。

一定要先画裸体，因为衣服的结构是依附于体形上的。

02勾线：用铅笔工具勾画，线条粗细0.5-1即可，当然根据画面需要，粗细可以自己调节，注意铅笔模式要调成平滑状态且平滑度为100。

03勾出平滑的线条：flash勾线有平滑选项，可以优化线条，让画面更平滑。

选中你想要优化的线，按平滑键。

如有长线条一笔画不到位，可以使用直线工具进行拉伸再造型，同时配合部分选取工具进行调正。

身体跟衣服头发发饰都分组画，包括在身上上面的手都分组。

04清稿、平铺颜色：颜料桶工具铺大色块，还是先画皮肤并勾画出五官。

五官的画法最好采用填充色块的方法，这样出来的面部会比直接用线画的精致很多，尤其是缩小时候看.
05塑造细节：按勾线的方法勾出闭合的暗面，然后进行填充
继续把面部细化，腮红眼睛部分都是用渐变工具调节透明度完成。

眼睛高光组个影片剪辑,快捷键F8,然后进入到滤镜中设置模糊，就得到了类似ps中的效果。

06用同样的方法画衣服以及发饰。

07加细节，最后完成，导png格式在photoshop中做平面设计，找些素材衬托画面。

完成图。

课程名称：Flash软件应用授课章节：第三章Flash动画图形的设计授课课时：8课时授课内容：Flash中各种绘图工具的特点和应用授课内容：（一）绘制1. 关于绘制Adobe® Flash® CS4 Professional 中的绘画工具使您可以创建和修改文档中插图的形状。

在用Flash 进行绘画和涂色之前，很有必要先了解Flash 如何创建插图，以及绘画、涂色和修改形状操作如何能够影响同一图层上的其他形状。

（1）矢量图形和位图图形计算机以矢量或位图格式显示图形。

了解这两种格式的差别有助于您更有效地工作。

使用Flash 可以创建压缩矢量图形并将它们制作为动画。

Flash 还可以导入和处理在其它应用程序中创建的矢量图形和位图图形。

矢量图形矢量图形使用直线和曲线（称为矢量）描述图像，这些矢量还包括颜色和位置属性。

例如，树叶图像可以由创建树叶轮廓的线条所经过的点来描述。

树叶的颜色由轮廓的颜色和轮廓所包围区域的颜色决定。

矢量图形中的线条.在编辑矢量图形时，您可以修改描述图形形状的线条和曲线的属性。

可以对矢量图形进行移动、调整大小、改变形状以及更改颜色的操作而不更改其外观品质。

矢量图形与分辨率无关。

也就是，它们可以显示在各种分辨率的输出设备上，而丝毫不影响品质。

位图图形位图图形使用在网格内排列的称作像素的彩色点来描述图像。

例如，树叶的图像由网格中每个像素的特定位置和颜色值来描述，这是用非常类似于镶嵌的方式来创建图像。

位图图形中的像素.在编辑位图图形时，您修改的是像素，而不是直线和曲线。

位图图形跟分辨率有关，因为描述图像的数据是固定到特定尺寸的网格上的。

编辑位图图形可以更改它的外观品质。

特别是调整位图图形的大小会使图像的边缘出现锯齿，因为网格内的像素重新进行了分布。

在比图像本身的分辨率低的输出设备上显示位图图形时也会降低它的品质。

（2）路径在Flash 中绘制线条或形状时，将创建一个名为路径的线条。

Flash绘精致矢量图——可爱的玉兔本教程中我们用Flash 8的绘图功能描绘一幅精致的矢量图像可爱的玉兔，步骤简单易操作，而且效果非常棒。

首先让我们先看一下制作完成之后的效果如图1所示：图1现在我们开始制作：第一步：创建虚拟灯光、绘制玉兔轮廓1）我们还是要通过虚拟灯光达到更加逼真的效果。

首先将Flash背景颜色设定为#FFFFFF，场景尺寸：300*300，然后建立一个图层，名为 light source ，在第5帧按F5创建关键帧，在绘图区的左上角用绘图工具绘制出一个虚拟的光源如图2所示：图22）在light source 下面建立一个图层，名称为 bunny ，然后用铅笔工具以及钢笔工具（线条颜色为#000000）画出玉兔的轮廓如图3所示：图3第二步：绘制玉兔的高光与阴影区根据灯光照射的角度，利用钢笔工具绘制出玉兔身上的高光区与阴影区。

在bunny层上的第2帧上按F6，用钢笔工具绘制，以鼻子，脖子，身体，耳朵为中心向边缘扩散绘制阴影区。

所图4所示：图4第三步：给玉兔上色根据玉兔身上的高光区与阴影区的分布，用填充工具上色。

在bunny层上的第3帧上按F6，用填充工具上色，所图5所示：图5色块颜色依次取值为：#F1E8E7、#EEE2DF、#DAC1BA、#C8A69B、#C8A69B、#C8A69B #8C5654；放射渐变1如图6所示：图6渐变中色块取值分别为：#DAC1BA #E6D7D0放射渐变2如图7所示：图7渐变中色块取值分别为：#8C5755 #CCA39D，在第4帧上按F6后，将此帧中所有的边框线删除。

到这一步，玉兔就已经出世了，但是它离无敌还差一步。

目中无神可不行，注重细节才能出精品。

第四步：增加细节我们在兔子的眼睛、鼻子、耳朵处加一点细节部分，让玉兔更加真实。

在第5帧上按F6后，在此帧上用钢笔工具，圆工具分别在眼睛和鼻子、耳朵绘制出相应的图形，并填充上颜色，眼光是白色，其余两部分的颜色值为#8C5654；完成效果如图8所示：图8我们的无敌玉兔诞生了！学好版面设计的小窍门1、版面设计中要有理由对齐2、版面设计中要做些精致的小零件3、版面设计中的色块运用，往往选取图形中的颜色4、版面设计中的统一、均衡、韵律5、版面设计中的视觉导向、视觉中心根据版面中的图形确定6、版面设计中要有隐形矩形框、隐形对齐线条7、版面设计中敢于留白，整个版面中要通风，利于让人行走。