flash 课程2.docx

flash 课程2.docx

《flash 课程2.docx》由会员分享，可在线阅读，更多相关《flash 课程2.docx（11页珍藏版）》请在冰点文库上搜索。

flash课程2

第十五次课Flash课程

复习：

图形有二种类型：

矢量图形和位图图形

1矢量图形：

文件体积小，是由一个个曲线构成，每个点都有各自的属性，如位置、颜色等，矢量图形放大后不失真、无马蹇克、不会产生模糊和锯齿。

而矢量图像属于描述性，以线段和计算公式作为记录的对象。

而矢量图像是根据放大后的坐标重新生成图像，不会产生模糊和锯齿。

矢量图像的特点：

通过记忆线段的坐标来记录图像。

图像放大缩小的同时坐标也放大缩小，而各个坐标之间的相对位置并没有改变。

然后根据改动后的坐标重新生成图像。

因此无论放大多少都不会失真。

矢量图则损失相对较少，矢量图更多的用于工程作图中.比如说CAD.

2位图图形：

就是以无数的色彩点组成的点阵图案，当你无限放大时你会看到一块一块的像素色块，效果会失真。

位图，也叫做点阵图，删格图象，像素图，简单的说，就是最小单位由象素构成的图，缩放会失真。

位图由像素组成.而失量图由失量线组成，再有的区别就是.位图可以表现的色彩比较多.而位图更多的应用在作图中.比如PS

前言：

不知道大家是否完成思考了我们上节课程布置的球体下落反弹的动画？

下面我简单带领大家制作一下，就像达芬奇画鸡蛋一样，复杂的版本后期我们会详细讲解。

第2节绘图初级入门

一、基本绘图工具

1．绘制和处理线条【线条工具】是Flash中最简单的工具。

现在我们就来画一条直线。

鼠标单击【线条工具】

，移动鼠标指针到舞台上，在你希望直线开始的地方按住鼠标拖动，到结束点松开鼠标，一条直线就画好了。

【线条工具】能画出许多风格各异的线条来。

打开【属性】面板，在其中，我们可以定义直线的颜色、粗细和样式。

画出各种不同的直线。

单击【属性】面板中的【自定义】按钮，会弹出一个【笔触样式】对话框，如图所示：

如果你需要更改这条直线的方向和长短，Flash也为我们提供了一个很便捷的工具：

【箭头工具】

。

【箭头工具】的作用是选择对象、移动对象、改变线条或对象轮廓的形状。

单击选择【箭头工具】，然后移动鼠标指针到直线的端点处，指针右下角变成直角状

，这时拖动鼠标可以改变直线的方向和长短，如图

如果鼠标指针移动到线条中任意处，指针右下角会变成弧线状，拖动鼠标，可以将直线变成曲线。

这是一个很有用处的功能，在我们鼠标绘图还不能随心所欲时，它可以帮助我们画出所需要的曲线，如图

2.练习简单制作树叶

（1）打开flash（一切默认属性即可）

（2）首先用【线条工具】画一条直线，【笔触颜色】设置为深绿色

（3）然后用【箭头工具】将它拉成曲线

（4）重复二、三步骤绘制另一侧树叶

（5）在两端点间画直线，然后拉成曲线，作为叶脉

（6）细小叶脉，可以全用直线，也可以略加弯曲

（7）上色，如图所示

选择填充颜色，再单击【颜料桶工具即可】

注意：

颜料桶只能在一个封闭的空间里填色

【颜料桶工具】是对某一区域进行单色、渐变色或位图进行填充，注意不能作用于线条。

选择【颜料桶工具】后，在【工具箱】下边的【选项】中单击【空隙大小】按钮,会弹出四个选项。

其中，【不封闭空隙】表示要填充的区域必须在完全封闭的状态下才能进行填充；【封闭小空隙】表示要填充的区域在小缺口的状态下可以进行填充；【封闭中等空隙】表示要填充的区域在中等大小缺口状态下进行填充；【封闭大空隙】表示要填充的区域在较大缺口状态下也能填充。

但在Flash中，即使中大缺口，值也是很小的，所在要对大的不封闭区域填充颜色，一般用笔刷。

二、渐变工具

渐变是指图形的某一区域从一种颜色变化为另一种颜色。

Flash可以创建两大类型的渐变：

线性渐变和放射渐变。

线性渐变沿一个轴更改颜色，如水平轴或垂直轴。

放射渐变从一个焦点开始向外更改颜色。

我们可以调整渐变的方向、颜色、焦点的位置和渐变的许多其它属性。

线性渐变：

放射渐变：

1.线性渐变

（1）使用【矩形工具】绘制一个矩形（颜色不限）

（2）单击【选择】工具圈选该矩形（注意：

选中后该矩形都是小亮点，表示选中）

（3）选择"窗口">"混色器"来显示"混色器"面板。

在"混色器"的"类型"弹出菜单中，选择"线性"。

双击左边的渐变颜色样本，选择绿色。

双击右边的渐变颜色样本，选择红色。

（4）如需调整从"工具"面板中选择"渐变变形"工具。

"渐变变形"控件出现在舞台上渐变的周围。

2.放射渐变

和线性渐变同理，我们尝试绘制一个球形（上次的作业关于球形大家是如何绘制的呢？

需要修改我们上次的作业了吧？

）

（1）按住ALT键使用椭圆工具绘制一个球形

（2）选择黑圈形状。

对此形状应用渐变。

在"混色器"模板中，从"类型"弹出菜单中选择"放射状"。

从"溢出"弹出菜单中选择"镜像溢出"模式。

（3）双击左侧的渐变颜色样本，选择黑色。

双击右边的渐变颜色样本，并在颜色选择绿色。

（4）在"工具"栏中选择"渐变变形"工具。

水平移动颜色释放中心点

开始旋转

完成

三、形状补间动画

形状补间：

是由一个物体到另一个物体间的变化过程，像由三角形变成四方形等。

时间轴上形状补间是淡绿色底加一个黑色箭头组成的。

在时间面板上，我们在一个关键帧上面绘制一个图形，然后在另一个关键帧上绘制一个图形或者是将开始一个图形的形状进行改变，FLASH两个关键帧之间的形状或者是值的改变的动画就叫做形状补间动画。

1．形状补间动画规则：

FLASH中形状补间动画只能对矢量图形进行，制作形状补间动画时，首尾关键帧上的图形都应该是矢量图形，有大小，移动，颜色，透明度，旋转属性可以改变。

除此之外，还多了一个外形的变化（比如说方形变为圆形，就只能用形状动画，动画补间是做不出来这种效果的。

2．矢量图形的特征是：

图形对象被选中时，对象上面会出现白色的均匀的小点（我称之为“一团散沙”）。

3．矢量图形来源：

（1）利用工具箱中的直线、椭园、矩形、刷子、铅笔等工具绘制的图形都是矢量图形。

（2）若是位图要转换成矢量图，才能形状补间。

（后期我们讲解，但不建议使用）

（3）若是是工具箱中文本工具绘制的文字，制作单个文字，要形状补间动画时，须分离一次，多文字要分离二次，至出现白色的点状。

才能形状补间。

（4）要是用文字、图形元件和按钮，就必须要先将它们打散、分离。

大家一定要记住的是它的对象一定要是打散的。