FLASH实例练习--逐帧动画2
Flash动画4.2 任务二 逐帧动画的实现
任务二逐帧动画的实现（一）逐帧动画的概念逐帧动画是一种常见的动画形式，其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。
逐帧动画是最传统的动画方式，它是通过细微差别的连续帧画面，来完成动画作品。
相当于我们小时候看到过的把一本书的每一页都画上形状，快速的翻动书页，就会出现连续的动画一样。
因此帧动画的每1帧都有一个关键帧，也就意味着每个帧都可以放置不同的图形，这种在不同的时间段（帧）放置变化的图形以此构成的动画就是逐帧动画。
因此逐帧动画的制作方法包括两个要点，一是逐帧添加关键帧，二是在关键帧中绘制不同的图形。
这样快速播放时产生了动画。
下面进行具体操作。
（1）在新建的Flash文档中，单击第2帧并拖动至第5帧，选择这4帧。
如图7所示。
图7选择帧（2）选择“插入”|“时间轴”|“转换为关键帧”命令或按下快捷键F6，将第2~5帧全部转换为关键帧。
如图8所示。
图8转换为关键帧（3）依次选择第1~5帧，放置已经绘制好的飞鹰，如图9，从左到右5帧的对象。
图9放置对象（4）按下快捷键Ctrl＋Enter测试动画，逐帧动画的效果就完成了。
（二）绘图纸的功能绘图纸是一个帮助定位和编辑动画的辅助功能，这个功能对制作逐帧动画特别有用。
通常情况下，Flash在舞台中一次只能显示动画序列的单个帧。
使用绘图纸功能后，就可以在舞台中一次查看两个或多个帧了。
因为逐帧动画的各帧形状有相似之处，所以如果要一帧一帧绘制，工作量不但大，而且定位会非常困难。
这时如果用绘图纸功能，一次查看和编辑多个帧，对制作细腻的逐帧动画将有很大的帮助。
如图10所示，是使用了“绘图纸”功能后的场景，可以看出，当前帧中内容用全彩色显示，其它帧内容以半透明显示，它使我们看起来好像所有帧内容是画在一张半透明的绘图纸上，这些内容相互层叠在一起。
当然，这时只能编辑当前帧的内容。
图10同时显示多帧内容的变化“绘图纸”各个按钮的功能：“绘图纸外观”按钮：按下此按钮后，在时间轴的上方，出现绘图纸外观标记。
Flash操作提示逐帧动画
Flash软件使用——制作动物奔跑
Flash软件是一款制作二维动画的软件，采用了流媒体技术，可以一边下载一边播放，它具有不失真、文件体积小等特点，因此被广泛的应用与网页上。
逐帧动画：也叫帧帧动画，这种动画是通过每个时间段不同的帧连贯播放出来的动画。
1. 空白关键帧：空心圆
2. 关键帧：实心圆
3. 帧：全名叫普通帧，特点是延续前一个关键帧的状态。
4. 帧频：（fps）每秒播放的帧的个数。
Flash操作提示——制作动物奔跑
1.在Flash软件中新建一个FLA文件，命名为动物奔跑.fla
2.在舞台属性（ctrl+F3）一栏中设置舞台大小为550*400像素，颜色为蓝色，
设置帧频为5fps。
3.修改图层1的名字为背景。
4.新建一个图层2，名字为动物。
5.视图——网格——编辑网格，宽度高度都是50px，然后选择显示网格，用来
给每张图片的位置定位。
6.文件——导入——导入到库，将图片导入到库当中，ctrl+L，可以调用库，
库当中存放的图形叫元件。
7.在第一帧空白关键帧中插入第一张图片也就是元件1，用选择工具调整第一
帧当中图片的位置，在第二帧中插入空白关键帧，同样的方法插入元件2。
8.以此类推，把前11帧都填充好，并调整好相应位置。
9.在“背景”图层中利用铅笔工具画出一个地面，用颜料桶工具填充颜色为浅
黄色。
10.在最后一帧的位置，右击——插入帧（延续前一个关键帧）。
11.按enter键进行播放，调整位置。
12.控制——测试影片（ctrl+enter），生成swf执行文件。
12.5.1 逐帧动画实例[共2页]
![12.5.1 逐帧动画实例[共2页]](https://img.taocdn.com/s3/m/8119cd92b307e87100f69615.png)
251 （7）发布作品。
根据应用需要，将作品发布为可在网页中显示并可使用Flash Player 回放的SWF 文件。
12.5.1 逐帧动画实例
下面来制作一个简单的Flash 逐帧动画，动画的效果是小松鼠在奔跑。
该逐帧动画的制作方法是将不同的图像导入到场景中，并分别放置在同一图层的不同关键帧上。
动画效果如图
12-58所示。
图12-58 小松鼠在奔跑效果图
（1）选择“文件”|“新建”菜单命令，打开“新建文档”对话框，在其中选择需要创建的文档类型。
（2）选择“ActionScript 3.0”，单击按钮，进入文档编辑界面，也就是前面介绍的Flash CC 操作界面。
在Flash CC 软件启动时，也会自动创建一个新的Flash 文档，其默认的文件名为“未命名-1”。
此后创建新文档时，系统将会自动顺序定义默认文件名为“未命名-2”“未命名-3”等。
（3）设置舞台大小为宽500像素，高277像素。
（4）导入“背景.jpg ”到舞台中，并调整位置使其覆盖整个场景；导入“松鼠1.png ”等7个图片文件到库中。
（5）单击“图层1”图层第65帧，右键单击“插入帧”；添加新图层“图层2”。
（6）打开库，新建元件“松鼠”，如图12-59
所示。
图12-59 创建新元件。
实训三 flash逐帧动画
实训三flash逐帧动画的制作实训目的：1. 理解帧的概念2. 掌握flash中各绘图工具的用法3.掌握逐帧动画的制作原理实训原理：1.帧：是flash在时间上的基本单位和最小单元。
帧的类型：关键帧：用于定义动画变化和包含动作的帧，用实心黑圆点标记。
空白关键帧：没有内容的关键帧，用空心圆标记。
普通帧：复制和延续关键帧的内容，不能设置动作的帧，灰色标记。
补间动画帧：设置了补间的帧，绿色或紫色标记。
2.flash的常用绘图工具1)形状类：直线工具、椭圆工具、矩形工具、多角星型工具，分别用来绘制直线条、椭圆、矩形和多边形。
注意：用shift键可以辅助绘制正圆或正方形。
例如，需要绘制正圆，选择椭圆工具，然后按下shift键就可以直接在舞台上拖动绘制了。
2)手动绘制类：铅笔工具：用来绘制线条和几何图形的轮廓，就像用真的铅笔一样。
线条画完之后，flash 会自动使它变得平滑或更加笔直。
按住shift键，可使画出的线条沿水平或垂直方向。
刷子工具：可以画出毛笔效果，就像真的用毛笔作画一样。
刷子工具的绘制模式有5种：Paint Normal（正常模式）：在原始图形的同一层上进行绘图，将覆盖原图的线条和填充色。
Paint Fills（填充模式）：在原始图形上及其外部绘图，覆盖原图填充色，保留线条不变。
Paint Behind（底层模式）：在原始图的外部绘图，就像在原始图的底层进行绘图一样，不影响原图的线条和颜色。
Paint Selection（选取模式）：在选取区域内绘图。
Paint Inside（内部模式）：在原始图内部绘图，覆盖原图的颜色，但保留线条不变。
3)钢笔工具：在绘图软件中，用来创造路径的工具，创造路径后，还可再编辑。
钢笔工具属于矢量绘图工具，其优点是可以勾画平滑的曲线，在缩放或者变形之后仍能保持平滑效果。
钢笔工具画出来的矢量图形称为路径，路径是矢量的路径允许是不封闭的开放状，如果把起点与终点重合绘制就可以得到封闭的路径。
Flash制作简单动画——逐帧动画
教学重点
用绘图工具制作“逐帧动画”的方法。
教学难点
通过改变帧频控制动画的播放时间。
技术运用
多媒体网络教室
教学过程
环节
师生活动
预习
感知
1．给学生展示庆祝国庆节的Flash。你们知道这段动画所展示的是什么内容吗？
课题
逐帧动画
总课时
28
教学目标
知识与技能：1．知道帧、帧频与关键帧的含义。
2．学会用绘制的图形来制作“逐帧动画”。
3．插入、编辑关键帧。
4．掌握制作“逐帧动画”的方法。
5．学会通过改变帧频控制动画的播放时间。
过程与方法：能综合运用所学知识制作一幅主题鲜明、具有动画效果的作品。亲身参与探究过程，在交流、沟通与合作中，共同掌握“逐帧动画”制作方法，提高Flash动画制作水平。
附
板书设计
逐帧动画
1.帧，关键帧，空白关键帧
2.逐帧动画
教
学
反
思
本节课的设计主要是根据本校学生的知识、技能水平，内容涉及动画原理、“逐帧动画”原理、“逐帧动画”制作。学生可以根据自己的奇思妙想，创作一些作品。当然也有一些问题：比如几个关键帧画面有抖动现象，几个图层时间上不同步现象，用错关键帧和空白关键帧的现象等。这些问题有学生操作的失误，有概念的混淆，需要在以后的学习和练习中不断纠正、强化。
1．先给出自我评价表，传给每位学生机器中，以便学生进行自我评估。
2．选择部分有代表性的作品进行展示，分别从动画创意、使用技术、动画效果等方面给予评价。充分肯定学生的创新精神、动画中使用的方法和技巧，对优秀作品给予表扬，对不足的作品给予鼓励。
flash逐帧动画教程ppt
制作短视频或短片
制作短片
通过在Flash中逐帧绘制每 一帧画面，可以制作出短 片，用于展示某个主题或 故事。
制作短视频
通过在Flash中逐帧绘制每 一帧画面，可以制作出短 视频，用于分享某个事件 或场景。
制作动画短片
通过在Flash中逐帧绘制每 一帧画面，可以制作出动 画短片，用于展示某个创 意或想象。
优化帧大小
逐帧动画中的每一帧都应尽可能小。 避免在帧中使用大图像或大对象，可 以使用图形、符号或其他优化技术来 减小帧大小。
导出动画“导出”>“导出影片”，然后在“导出 影片”对话框中，选择适当的视频格式，如MP4、MOV 等。
设置视频参数
在“导出影片”对话框中，你可以设置视频的分辨率、帧 速率、音频设置等参数。根据你的需要选择适当的参数。
逐帧动画可以轻松表现快速运 动、复杂动作等场景，这是其 他动画制作技术难以达到的。
交互性强
逐帧动画可以通过交互方式来控 制动画的播放、暂停、倒退等， 增强了用户的参与感和互动性。
02 Flash逐帧动画制作基础
创建新的Flash文档
打开Flash软件，选 择“文件”菜单中的 “新建”选项。
此时，一个新的空白 Flash文档就创建成 功了。
制作流动的水
通过在Flash中逐帧绘制水 波纹的每一帧，可以制作 出逼真的流动效果。
制作表情包和动态图标
制作动态表情包
通过在Flash中逐帧绘制表情变化 的每一帧，可以制作出有趣的动 态表情包。
制作动态图标
通过在Flash中逐帧绘制图标变化 的每一帧，可以制作出有趣的动 态图标。
制作动态按钮
通过在Flash中逐帧绘制按钮状态 的每一帧，可以制作出逼真的动 态按钮。
flash动画基础与逐帧动画
Flash中的图层主要有普通图层、引导图层、被引导图层、遮 罩图层和被遮罩图层几种类型。
遮罩图层 引导图层 普通图层
被遮罩图层 被引导图层 图层的类型
二、编辑图层
1.新建图层
单击“时间轴”面板左下角的“插入图层”按钮 ，即可 在当前图层上方新建一个图层。
创建图层
2.选择图层
1.单击某个图层的图层名称， 即可选中该图层，然后在按 住【Shift】键的同时，单击 另一个图层名称可选中这两 个图层之间的所有图层
通过拖动复制帧
5.删除帧
选中要删除的帧，然后在选中的帧上右击鼠标，在弹出的 快捷菜单中选择“删除帧”菜单，即可将所选帧删除。
删除帧
6.清除帧
如果在弹出的快捷菜单中选择“清除帧”菜单，可将所选帧 在舞台上的内容清除但不删除所选帧 。
清除帧
7.翻转帧
选中要翻转的帧，然后 在被选中的帧上右击鼠 标，在弹出的快捷菜单 中选择“翻转帧”菜 单 ，即可翻转所选帧
5.2 图层基本操作
一、图层的作用和类型
Flash中的图层主要有以下几个作用。
在绘图时，可以将图形的不同部分放在不同 的图层上，各图形相对独立，从而方便编辑 和绘图。
在制作动画时，因为每个图层都有独立的时 间帧，所以可以在每个图层上单独制作动画， 多个图层组合便形成了复杂的动画 。
可以利用一些特殊图层制作出特殊效果的动 画。
锁定单个图层
锁定全部图层
5.显示图层轮廓线
1.单击图层名称右侧的 图标， 当其变为 形状时，该图层上 所有对象都只显示轮廓线；再次 单击 图标可恢复原状。
2.单击“时间轴”面板左上方 的 图标，可使全部图层上的 对象只显示轮廓线；再次单击 图标，可恢复原状。
flash逐帧动画制作教程
flash逐帧动画制作教程Flash逐帧动画是一种通过连续播放一系列微小变化的图像来创造动画效果的技术。
在本教程中，我将向您介绍创建Flash逐帧动画的基本步骤。
步骤1：准备工作首先，在您的计算机上安装Adobe Flash软件。
它是一款专业的动画制作软件，可以帮助您创建高质量的动画效果。
步骤2：创建新文档打开Flash软件，点击“文件”>“新建”来创建一个新的Flash文档。
选择适合您项目的画布大小和帧速率。
通常，较大的画布和较高的帧速率可以提供更流畅的动画效果。
步骤3：绘制基本图像使用Flash的绘图工具（如铅笔、刷子、橡皮擦等）绘制您的动画中的每一帧的基本图像。
您可以使用不同的颜色和样式来创建您想要的效果。
步骤4：创建图层步骤5：添加关键帧在您的动画中，关键帧是定义图形或对象外观的帧。
首先，在时间轴上选择您要添加关键帧的帧。
然后，点击“插入”>“关键帧”或使用快捷键F6来添加关键帧。
步骤6：修改图像和图层在关键帧中，您可以对图像或图层进行修改，以改变动画效果。
例如，您可以调整图像的位置、大小、颜色或透明度。
您还可以在不同的关键帧之间添加或删除图层。
步骤7：创建补间动画在Flash中，补间动画可以帮助您在两个关键帧之间创建平滑的过渡效果。
首先，在时间轴上选择一个关键帧，然后右键点击并选择“创建补间”选项。
然后，您可以在下一个关键帧中修改图像或图层，Flash将自动为您创建过渡效果。
步骤8：添加音频和其他效果除了图像动画，您还可以在Flash中添加声音、特殊效果和过渡效果。
点击“窗口”>“属性”来打开属性面板，在面板中选择增加音频和特殊效果的选项。
步骤9：导出动画完成动画后，点击“文件”>“导出”，选择您想要将动画导出为的文件格式（如.swf或.mov）。
输入文件名和保存位置后，点击“导出”来保存您的动画。
这些是创建Flash逐帧动画的基本步骤。
当然，在实际操作中，还有很多高级技巧和工具可以帮助您创建更复杂和精彩的动画效果。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
实例一：猴子走路
1、新建舞台550*450
2、导入素材图片猴子到图层1，锁定，可将素材转换为矢量图，颜色阈值和最小区域为
10
3、新建图层2，根据素材绘制一个猴子造型，并填充颜色，将手、脚和头、身子分图层
绘制
4、将头和身子转换为一个元件，脚为一个元件，手为一个元件
5、逐帧将三个元件摆好位置，形成走路的逻辑关系
6、预览
实例二：狗狗走路
1、新建舞台550*400
2、将5张素材导入库
3、将狗走1素材拖入舞台，选择修改-转为矢量图，将背景色删除，转换为图形元件
4、同理将其他4张素材转换为元件
5、新建影片剪辑元件，在第一帧，将元件1拖入舞台，第二帧插入空白关键帧，在同样
位置将元件2拖入舞台，同理，将其他三个元件拖入舞台同样位置
6、返回场景1，将影片剪辑拖入舞台左侧，选择帧数，将影片剪辑放在右侧，在两帧之
间创建传统补间
7、预览
练习三：鸟儿飞
1、将素材图片导入
2、新建图层2，临摹素材图片中的飞鸟，并转换为元件
3、新建影片剪辑元件，将绘制的飞鸟逐帧放入。