信息技术《Flash逐帧动画》课件

逐帧动画
每一帧都由手工绘制或导入图片完
成的动画称为逐帧动画.
达标检测
从桌面：\学生材料\达标检测文件夹中选本 组图片素材，制作一个逐帧动画，测试后保存到
桌面:\学生材料\学生作品文件夹中，通过本节课的学习，你有什么收获呢？
优胜小组
课后延伸
请同学们将学习生活中的一组动作拍成
1.参照导学案 2.小组合作完成
3.学习时间为6分钟
动画初探 小结
新建FLASH文档 执行导入命令 选择图片导入
插入空白关键帧 重复图片导入操作
测试动画 保存文档
第二站：省时省力做动画 “矮和尚出场”
新建一个Flash文档，将桌面:\学生材料\
省时省力做动画 文件夹中的矮和尚图片素材导 入到舞台上,并保存到桌面:\学生作品文件夹中， 名字为“ahs.fla”。 1、独立完成。
2、仔细观察操作过程中与第一站有什么不同。
3、第二站与第一站的相同点是什么？
第三站：手随心动 “吃苹果”
打开 桌面 :\学生材料 \ 手随心动 文件夹 中的“吃苹果 .fla ”文档 ,并借助 橡皮工具 ， 完成一个吃苹果的动画。并将作品保存到： 桌面:\学生作品文件夹中。 要求：
1.参照学案
2.小组合作完成 3.学习时间为5分钟
逐帧动画
学习目标
1.知道什么是逐帧动画。 2.会在Flash中导入图片素材、添加关键帧 3.会测试影片。
第一站：动画初探 “胖和尚出场”
新建一个FLASH文档，将桌面:\学生材料\动画初 探 文件夹中的胖和尚图片导入到舞台上。 并保存到 桌面:\学生作品文件夹中，名字为“phs.fla”。
要求：
图片，做成逐帧动画。

Flash平面动画设计
Page 13
谢谢指导
Flash平面动画设计
知识回顾 Knowledge Review
祝您成功
Flash平面动画设计
……
第一帧
第二帧 第三帧
这些都是 帧
Flash平面动画设计
Page 5
关键帧
定义动画变化环节的帧
仔细看，每一 帧都是变化的 ……
第一帧第Βιβλιοθήκη 帧 第三帧Flash平面动画设计
Page 6
关键帧
在时间轴上，每一个小方格就是一帧。帧又分为
普通帧、关键帧、空白关键帧。逐帧动画的每一帧都是 关键帧。只有关键帧是可以编辑的。在时间轴上显示为 黑色的圆点。快捷键为：F6
第2课 新春快乐
Page 2
动画基本原理
动画就是由一幅幅画面按照先后顺序播 放出来的，由于人眼具有视觉暂留特性， 因此，这些连续的画面按照一定的速度播 放出来，在我们的头脑中就形成了活动的 画面。
Flash平面动画设计
Page 3
逐帧动画
……
Flash平面动画设计
Page 4
帧
动画中的一个静态画面，动画是由许许多多的帧组成。
（设计效果如下图所示）。
Flash平面动画设计
想一想
怎样才能让倒计时的速度慢下来呢？
Page 10
Flash平面动画设计
Page 11
在创作大比拼中，表现优秀，并评为：
设计大师
特发此状，以资鼓励。
Flash平面动画设计
Page 12
归纳小结
逐帧动画原理
这节课你收获了什么 帧、关键帧、帧频
制作简单的逐帧动画
况下，flash的帧频是12帧/秒，也就是1秒钟播放 flash中12帧的影片内容。 3、太慢会使动画看起来断断续续，太快又使人无法看 清动画的细节 。

制作短视频或短片
制作短片
通过在Flash中逐帧绘制每 一帧画面，可以制作出短 片，用于展示某个主题或 故事。
制作短视频
通过在Flash中逐帧绘制每 一帧画面，可以制作出短 视频，用于分享某个事件 或场景。
制作动画短片
通过在Flash中逐帧绘制每 一帧画面，可以制作出动 画短片，用于展示某个创 意或想象。
优化帧大小
逐帧动画中的每一帧都应尽可能小。 避免在帧中使用大图像或大对象，可 以使用图形、符号或其他优化技术来 减小帧大小。
导出动画“导出”>“导出影片”，然后在“导出 影片”对话框中，选择适当的视频格式，如MP4、MOV 等。
设置视频参数
在“导出影片”对话框中，你可以设置视频的分辨率、帧 速率、音频设置等参数。根据你的需要选择适当的参数。
逐帧动画可以轻松表现快速运 动、复杂动作等场景，这是其 他动画制作技术难以达到的。
交互性强
逐帧动画可以通过交互方式来控 制动画的播放、暂停、倒退等， 增强了用户的参与感和互动性。
02 Flash逐帧动画制作基础
创建新的Flash文档
打开Flash软件，选 择“文件”菜单中的 “新建”选项。
此时，一个新的空白 Flash文档就创建成 功了。
制作流动的水
通过在Flash中逐帧绘制水 波纹的每一帧，可以制作 出逼真的流动效果。
制作表情包和动态图标
制作动态表情包
通过在Flash中逐帧绘制表情变化 的每一帧，可以制作出有趣的动 态表情包。
制作动态图标
通过在Flash中逐帧绘制图标变化 的每一帧，可以制作出有趣的动 态图标。
制作动态按钮
通过在Flash中逐帧绘制按钮状态 的每一帧，可以制作出逼真的动 态按钮。

（2）绘图纸各个按钮的介绍
【绘图纸外观】按钮（也称洋葱皮工具）：按下此按 钮后，在时间帧的上方，出现绘图纸外观标记。拉动 外观标记的两端，可以扩大或缩小显示范围。
【绘图纸外观轮廓】按钮：按下此按钮后，场景中显 示各帧内容的轮廓线，填充色消失，特别适合观察对 象轮廓，另外可以节省系统资源，加快显示过程。
三．创建逐帧动画的几种方法
（1）用导入的静态图建立逐帧动画 用jpg、png等格式的静态图片连续导入到Flash中，就会建立 一段逐帧动画，一般要有素材，如：导入风景、花等图。 （2）绘制矢量逐帧动画 在场景中一帧帧的画出帧内容。在各帧分别画出不同的图形。 （3）导入序列图像 可以导入gif序列图像、swf动画文件或者利用第3方软件（如 swish、swift 3D等）产生的动画序列。如：飞翔的小鸟。 （4）指令逐帧动画（了解） 在时间帧面板上，逐帧写入动作脚本语句来完成元件的变化。
参考图如下所示
实例4 利用给定素材制作一个“小黄鸟”动画案例。
制作要点：
主要利用所给素材进行制作，制作时将给定 的图片素材做背景，再将给定的.gif图导入场 景，形成逐帧动画。
操作步骤：
（1）设置场景的背景，利用“文件|导入|导 入到舞台”，将“绿草地.jpg”文件导入到场 景中做为背景，并延长至第5帧； （2）插入新的图层，利用“文件|导入|导入 到舞台”，将“小黄鸟.gif”文件导入到场景 中，并适当调整好各帧的位置； （3）测试播放动画效果，并保存动画文件。
参考图如下所示
以上部分案例的操作演示
详见课堂上的具体讲解与现场 操作演示。
六．课后练习
（一）填空题
1.利用Flash逐帧动画原理制作动画时，在时间轴上不 同帧可以放上不同画面，画面改变时，所对应的帧必须 是___________帧。

变动画。
Flash的操作界面
•菜单栏 •工具箱 •时间轴与图层 •舞台（stage），也称工作区 •属性面板 •浮动面板
菜 单 栏
工 具 箱
时间轴与图层
工 浮动面板
作 区
属性面板
பைடு நூலகம்帧动画
• 逐帧动画是指在时间帧上逐帧绘制帧内容。具有非常大的灵活性。 很适合于表演很细腻的动画。
• 将动画中的每个动作都创建一个画面，当这些画面以一定的速度 显示时就可以形成动画，这种方式称为逐帧动画。
Flash 基础
——逐帧动画
动画的原理
动画是由若干静态画面，快速交替 显示而成，因人的眼睛会产生视觉 暂留，对上一个画面的感知还未消 失，下一张画面又出现，就会有动 的感觉。
找不同
走路动画
初识Flash
• Flash是目前最流行的二维动 画技术
• Flash的启动 • 一种是逐帧动画，另一种是渐
分组练习
• 分组设计完成一个逐帧动画
可尝试调整“帧频”改变动画的播放速度 （在时间轴下方的以fps为单位的数值 ）

第二章制作Flash动画
第一课 制作逐帧动画
1
学习要点
• 1．了解动画的基本原理。 • 2．学会制作简单的逐帧动画。 • 3．学会运用逐帧动画表现细腻的动作动画。
2
重点难点
• （一）重点 • （1）学生了解动画的基本原理 • （2）学会逐帧动画的制作技巧 • （3）如何让每一个关键帧画面都停留1秒 • （二）难点 • 运用逐帧动画表现细腻的动作动画
6
Flash动画制作从第一课开始需要注重 制作习惯的养成教育，按“创建元件—— 拖元件到场景——测试动画”的流程开展 创作，一开始就养成良好的制作习惯对提 高动画制作的效率、提高Flash动画制作的 质量有着重要的意义。直接在场景中创作 动画只适合于微小动画制作，稍为复杂一 点的动画就不可以直接在场景中来实现， 而是需要分解成一个个的元件，然后通过 在场景中拼装元件最终完成动画制作。
3
近年来，动漫产业发展迅猛，涌现出 了一大批高质量的动画片，也吸引了一大 批动漫行业的从业人员，市场对动漫特长 人才的需求量非常大。让学生在初中阶段 接触动画制作，了解动画创作的基本过程， 掌握简单的动画创作技巧，为培养未来动 漫人才奠定基础，同时还可通过动画创作 激发学生们的创作热情，对于提高学生的 创新能力有着非常重要的作用。
4
本单元以Flash动画制作为例 学习二维动画的创作技巧，建议选 择一些有意义的主题任务展开教学， 让学生体验Flash软件如何表现生活 中的各种动画形态，而不只是传授 操作技巧，掌握一个软件的操作方 法。
5
从本课开始学习动画制作，教材首先通过快 速翻书实例引出了动画的基本原理，在学生对逐 帧动画有了一个初步的印象之后着手制作逐帧动 画，书本上介绍的是一个简单的倒计时动画让学 生掌握逐帧动画的制作技巧，逐帧动画在实际应 用中主要是用于制作细腻的动作动画，如人物的 行走、人物转身、头发的飘动等，需要对每一个 关键动作进行绘制，限于信息技术课时少的现状， 建议老师提供已经绘制好的图形给学生，让学生 将这些图形放置到时间轴的关键帧上制作出逐帧 动画，让学生感受到逐帧动的动画 制作中，不建议通过调整帧频来改变动画 速度，因为这项设置改变了整个动画的播 放速度，在实际制作中很少用到，因此， 建议通过在关键帧后增减普通帧来实现关 键帧画面停留时间长短的控制。

制作思路：
制作一连串关键帧后，将这些画面连续播放就 会形成逐帧动画。
步骤1：设置舞台大小和播放速度
逐帧动画
步骤2：插入关键帧， 步骤3：插入多个关键帧， 步骤4：保存文件
作业：
1、利用图片素材制作“行走的马” 2、制作走动的鸡宝宝
• 归纳与评价：
以小组为单位，归纳逐帧动画的优势和不足 评价作品
ቤተ መጻሕፍቲ ባይዱ
逐帧动画
本节重点：
1、如何启动flash8 2 什么是关键帧？ 3 什么是逐帧动画？
4 怎样才能制作好一个逐帧动画？
关键帧的概念知道吗？
关键帧就是帧内包含有决定动画 内容、动画动态幅度和动画动作 轨迹特征的画面。 关键帧在时间轴上的标记为黑色实心圆点
空白关键帧
普通帧
什么是逐帧动画
• 将一个动画的连续动作分解成一张张的图 片，把每一张图片用关键帧描绘出来， Flash将这些关键帧连续播放，形成动画效 果。掌握本节内容可以做出许多生动有趣 的动画。因此，同学们在本节的学习过程 中，会产生非常高的学习热情，为今后的 学习打下坚实的基础。

• 制作指针
新建一个图层，选择该图层的第一帧，在工具栏上的颜色选择
上选择匹配的颜色，之后点击矩形绘
画工具 在画布上点击鼠标左键，拖动鼠标，绘画出一个适合大小的矩形条指针为妙针。再新建另一
个图层，按同样步骤绘画一个较短较粗的矩形条，为分针
• 逐步插入关键，调整指针旋转角度 相隔5帧，插入一个关键帧，顺时针旋转指针大约30度，再继续相隔5帧，插入关键帧，顺时针旋转指针大 约30度，重复4次，直到秒针指到12.
• 导入声音 在新建一个图层，命名为“声音”，在秒针指到12位置对应的帧中插入关键帧，和导入时钟背景类似在， 导入到舞台
• 播放动画、预览动画 按下ctrl加Enter键导出行 实例演习操作，制作刚才我们 讲的闹钟倒计时的小动画
• 实际操作演示：
一、打开flash软件，点击界面中间一栏的最上方的
• 导入时钟体 点击菜单栏上的“文件”弹出下的下拉菜单中的“导入”—“导入到舞台”，然后选择要插入的图片，点击 右下方的“打开”，调整好图片位置大小
学习内容：
1.了解逐帧动画的概念 2.制作实例闹钟倒计时的小动画
• 逐帧动画概念: 逐帧动画，是通过帧的建立，在每 一帧当中变换一个图像或位置，当 帧连贯进行播放是，就形成了逐帧 动画。
• 这种动画是最原始的动画表达方式， 每一个动作都需要绘制一幅画
制作实例闹钟倒计时的小动画
• 打开flash软件 • 导入时钟体 • 制作指针 • 导入声音 • 播放动画、预览动画

帧的显示形式及操作
1. 帧的概念：构成动画的每一个画面叫做一个帧。 2. 帧的分类：空白帧、关键帧和空白关键帧 3. 帧的操作：包括添加帧 、删除帧 、清除关键帧 、 选择所有帧 、复制帧 、粘贴帧 、移动帧 和翻转帧
制作“倒计时效果”动画
制作在一个红色圆角矩形背景下显示“5、4、3、„1、GO！”的 倒计时动画效果（设计效果如下图所示）。
动画基本原理
动画就是通过连续播放一系列画面，给视觉造成连续 变化的图画，它的基本原理与电影、电视一样，都是视觉 原理。动画不是“会动的画”，而是“画出来的运动”。
逐帧动画基本原理
逐帧动画，也叫【帧帧动画】，是最常见的动画形式 最适合于图像在每一帧中都在变化而不是在舞台上移动的 复杂动画。 逐帧动画原理是在【连续的关键帧】中分解动画动作 也就是要创建每一帧的内容，才能连续播放而形成动画。 逐帧动画的帧序列内容不一样，不仅增加制作负担，而且 最终输出的文件量也很大。但它的优势也很明显，因为它 与电影播放模式相似，适合于表演很细腻的动画，通常在 网络上看到的行走、头发的飘动等动画，很多都是使来自逐 帧动画实现的。图4-2
制作“花逐渐成长的过程”动画
制作花盆中的花儿逐渐成长，并生成一朵花的动画效果（设 计效果如下图所示）。
实训1： 制作“火柴人行走动画”动画，如图所示。

Flash制作逐帧动画
我们先来欣赏flash制作的笑脸变哭脸
笑脸变哭脸
什么是动画？
• 动画是由一组图像序列快速有序地播放 所形成的。
Flash中的帧
• 在flash动画中，所有的演员与情节都是 在舞台上进行的，可是光有舞台还不行， 重要的是演员要按某种时间安排来进行 演出，而这种时间安排则由时间轴来完 成。
• 逐帧动画是Flash中最简单的动画，就像 电影的底片一样，需要一帧帧地制作， 并且每一帧都是相互独立的关键帧。由 于逐帧动画各帧的内容不同，因此制作 起来非常费时，并且生成的文件体积较 大，但它具有较大的灵活性，适合表现 细腻的动画。
动画的制作流程：
• 1.构思情节，制作剧本。 • 2.收集制作素材。 • 3.创建并设置文件。 • 4.着手制作，输出成品。
演示制作逐帧动画。
• 编辑关键帧 • 通过改变帧频控制动画的播放时间 • 预览动画的播放效果
预览动画的播放效果
• 1、快捷键：ctrl+enter • 2、控制菜单下测试影片播放
学生作品浏览
• 选取学生优秀作品展示点评。
作业
• 利用所学，制作冉冉升起的红旗
• 在时间轴上，每一个小方格就是一帧， 动画效果主要是通过播放时间轴上不同
• 帧中相应的画面而实现的。
Flaห้องสมุดไป่ตู้h中的帧
• 关键帧—顾名思义，有关键内容的帧。
• 空白关键帧—空白关键帧是没有包含舞 台上的实例内容的关键帧。
• 普通帧—在时间轴上能显示实例对象， 但不能对实例对象进行编辑操作的帧。
什么是逐帧动画？

四、教学过程
4、上传作品，自评互评
正确顺序
错误顺序
四、教学过程
在逐帧动画制作中，表现优秀，并评为：
制作能手
特发此状，以资鼓励。
作品自评、互评的方式可以及时发现各自作品的 优点和欠缺，及时改进。电子奖状，更好的激发学习 热情。
五、教学反思
通过本课教学，发现个别学生面对学习资料，无从下 手，只有在教师的演示引领下，才知道如何操作，自主学 习能力和意识有待提高。小组合作学习有助于学生之间交 流提高，达到了熟练掌握知识技能的效果。同学们通过本 节课的学习，提高了操作能力，培养了自主学习能力，完 成了本节课教学目标。
图片素材与逐帧动画的关系。
四、教学过程
……
呈现每一帧与图片的对应关系，让学生进一步理解 帧的概念。
四、教学过程
拓展思维：让学生找出这8张图片的细微差别，在 Flash中，按照自己的理解重新把这些图片安排到各帧 中去，查看效果，看动画的形成，跟每张图片位置的关 系。
四、教学过程
设计意图：让学生通过实例，无需死记硬背，非 常灵活的就能理解动画的原理是什么。另外，通过观 看实例，还可以激发学生学习动画制作的热情。为接 下来对帧概念的讲解做好铺垫。
LOGO
《Flash逐帧动画》
说课课件
目录
教学分析 教学目标 教学重点、难点 教学过程 教学反思
一、教学分析
课程分析
学情分析
教学 分析
教学环境分析
一、教学分析
（一）课程分析
逐帧动画是制作动画最简单的方法，也是说明动画形成 原理最易于理解的方式，本节课是在介绍完绘制图形的基 础上，动画制作的第一课，对进一步学习Flash动画制作起 到重要作用。
logoflashflash国际尿控学会将膀胱疼痛综合征定义为一种与膀胱充盈相关的耻骨上疼痛并伴随其他症状如白天和夜间排尿次数明显增加教学分析教学目标教学重点难点教学过程教学反思国际尿控学会将膀胱疼痛综合征定义为一种与膀胱充盈相关的耻骨上疼痛并伴随其他症状如白天和夜间排尿次数明显增加教学教学分析分析学情分析学情分析课程分析课程分析教学环境分析教学环境分析国际尿控学会将膀胱疼痛综合征定义为一种与膀胱充盈相关的耻骨上疼痛并伴随其他症状如白天和夜间排尿次数明显增加一课程分析逐帧动画是制作动画最简单的方法也是说明动画形成原理最易于理解的方式本节课是在介绍完绘制图形的基础上动画制作的第一课对进一步学习flash动画制作起到重要作用