Flash基本工具的使用及基本动画练习大全

在时间帧面板上，每5帧有个“帧序号”标识，常见“帧符号”意义如下：
●关键帧：关键帧定义了动画的变化环节，逐帧动画的每一帧都是关键帧。

而补间动画在动画的重要点上创建关键
帧，再由Flash自己创建关键帧之间的内容。

实心圆点是有内容的关键帧，即实关键帧。

而无内容的关键帧（即空白关键帧）则用空心圆表示。

●普通帧：普通帧显示为一个个的单元格。

无内容的帧是空白的单元格，有内容的帧显示出一定的颜色。

不同的颜
色代表不同类型的动画，如动作补间动画的帧显示为浅蓝色，形状补间动画的帧显示为浅绿色。

而静止关键帧后的帧显示为灰色。

关键帧后面的普通帧将继承该关键帧的内容。

●帧标签：帧标签用于标识时间轴中的关键帧，用红色小旗加标签名表示，如。

●帧注释：用于为你自己或处理同一文件的其他人员提供提示。

用绿色的双斜线加注释文字表示，如。

●播放头：指示当前显示在舞台中的帧，将播放头沿着时间轴移动，可以轻易地定位当前帧。

用红色矩形表示，红
色矩形下面的红色细线所经过的帧表示该帧目前正处于“播放帧”。

逐帧动画
1．逐帧动画的概念和在时间帧上的表现形式
在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧地画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。

逐帧动画在时间帧上表现为连续出现的关键帧，如图3-2-1所示。

2．创建逐帧动画的几种方法
（1）用导入的静态图片建立逐帧动画
用jpg、png等格式的静态图片连续导入到Flash中，就会建立一段逐帧动画（参考实例：奔跑的豹子）。

（2）绘制矢量逐帧动画
用鼠标或压感笔在场景中一帧帧的画出帧内容（参考实例：旋转的立方体）。

（3）文字逐帧动画
用文字作帧中的元件，实现文字跳跃、旋转等特效。

（4）指令逐帧动画
在时间帧面板上，逐帧写入动作脚本语句来完成元件的变化。

（5）导入序列图像
可以导入gif序列图像、swf动画文件或者利用第3方软件（如swish、swift 3D等）产生的动画序列。

3．绘图纸功能
（1）绘画纸的功能
绘画纸是一个帮助定位和编辑动画的辅助功能，这个功能对制作逐帧动画特别有用。

通常情况下，Flash 在舞台中一次只能显示动画序列的单个帧。

使用绘画纸功能后，你就可以在舞台中一次查看两个或多个帧了。

如图3-2-2所示，这是使用绘画纸功能后的场景，可以看出，当前帧中内容用全彩色显示，其它帧内容以半透明显示，它使我们看起来好像所有帧内容是画在一张半透明的绘图纸上，这些内容相互层叠在一起。

当然，这时你只能编辑当前帧的内容。

图3-2-2 同时显示多帧内容的变化
（2）绘图纸各个按钮的介绍
●【绘图纸外观】按钮：按下此按钮后，在时间帧的上方，出现绘图纸外观标记。

拉动外观标记的两端，
可以扩大或缩小显示范围。

●【绘图纸外观轮廓】按钮：按下此按钮后，场景中显示各帧内容的轮廓线，填充色消失，特别适合观察对象轮
廓，另外可以节省系统资源，加快显示过程。

●【编辑多个帧】按钮：按下后可以显示全部帧内容，并且可以进行“多帧同时编辑”。

●【修改绘图纸标记】按钮：按下后，弹出菜单，菜单中有以下选项：
【总是显示标记】选项：会在时间轴标题中显示绘图纸外观标记，无论绘图纸外观是否打开。

【锚定绘图纸】选项：会将绘图纸外观标记锁定在它们在时间轴标题中的当前位置。

通常情况下，绘图纸外观范围是和当前帧的指针以及绘图纸外观标记相关的。

通过锚定绘图纸外观标记，可以防止它们随当前帧的指针移动。

【绘图纸2】选项；会在当前帧的两边显示两个帧。

【绘图纸5】选项；会在当前帧的两边显示五个帧。

【绘制全部】选项；会在当前帧的两边显示全部帧。

课堂练习，创建一个逐帧动画：
动作补间动画
动作补间动画是Flash动画中应用最多的一种动画类型，通常用于在两个关键帧之间为相同的图形创建移动、旋转以及缩放等动画效果，如表现文字移动的效果等。

本节我们先从实例入手，研究技术。

实例简介
巍巍群山，茫茫云海，轻烟似的白云缓缓飘过，一架飞机由近而远的飞去，渐渐消失在远方，如图5-4-3所示。

本例制作不难，但通过它，你可以掌握创建动作补间动画的方法。

知识提要
●创建动作补间动画
●制作元件由大变小的效果
●制作元件透明度变化的效果
（1）创建影片文档
步骤1 设置影片文档属性
执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为650×255像素，【背景色】为白色，如图3-4-4所示。

图3-4-4 影片文档属性
步骤2 创建背景图层
执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中名为“山峰.jpg”的图片导入到场景中（“山峰”图片位置：\图片\山峰.jpg）。

用【箭头工具】调整图片在舞台上的位置，使其居于舞台的中央。

如果图片大小不合适，再选择【任意变形工具】调整图片大小。

选择第100帧，按F5键，添加普通帧。

（2）创建元件
步骤1 创建飞机元件
执行【插入】|【新建元件】命令，新建一个图形元件，名称为“飞机”。

这时进入新元件编辑场景，选择第一帧，执行【文件】|【导入】|【导入到舞台】命令，将“飞机.png”图片导入到场景中（“飞机”图片位置：\飞机.png）。

步骤2 创建白云元件
执行【插入】|【新建元件】命令，新建一个图形元件，名称为“白云”。

这时进入新元件编辑场景，选择第一帧，执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中的名为“白云.png”的图片导入到场景中（“白云”图片位置：\图片\白云.png）。

（3）创建动画
步骤1 创建飞行效果
单击时间轴右上角的【编辑场景】按钮，选择【场景1】，转换到主场景中。

新建一层，把库里名为“飞机”的元件拖到场景的左侧，执行【修改】|【变形】|【水平翻转】命令，将飞机元件实例水平翻转。

在【属性】面板上打开【颜色】旁边的小三角，设置【Alpha】值为80%，如图5-3-5所示。

图3-3-5 第一帧中飞机在场景中的位置和Alpha值
飞机向远处飞去，应该越来越小，越来越模糊，来看看这种效果是什么做出来的吧，选中【图层2】的第100帧，按F6键，添加一个关键帧，在【属性】面板中设置飞机的大小，【W】值是飞机的宽值，为32；【H】值是飞机的高值，为18.9；【X】、【Y】则是飞机在场景中的X、Y坐标，分别是628.5,51，如图5-4-6所示。

图3-4-6 飞机在100帧处的位置和大小
在【属性】面板上，设置【Alpha】值为20%。

用鼠标右键单击【图层2】的第一帧，选择【创建补间动画】。

步骤2创建白云飘过的效果
新建一层，从库中拖出名为“白云”的元件，放置在背景图右侧的山峰处，设置【Alpha】值为80%，在第100帧处添加关键帧，把元件移到场景的左上方，设置【Alpha】值为40%。

用鼠标右键单击图层的第一帧，选择【创建补间动画】。

执行【控制】|【测试影片】命令，观察动画效果，如果满意，执行【文件】|【保存】命令，将文件保存成“飞机.fla”，如果要导出Flash的播放文件，执行【文件】|【导出】|【导出影片】命令，保存成“飞机.swf”文件。

课后练习题目：
1、绘画练习：
基本几何形状及填色练习：
场景绘制练习（绘画过程参考）：
临摹练习（绘画过程参考）：
独立练习：
另请参考文件夹中的示例文件
2、逐帧动画练习：
参考文件夹中的示例文件
3、关键帧动画练习：
参考文件夹中的示例文件
4、引导线动画练习：
参考文件夹中的示例文件
5、元件范例：
参考文件夹中的示例文件
《漫画与卡通制作（新）》课程，任课老师：黄强
2010年3月长沙理工大学。