flash教程_第4讲_逐帧动画PPT教学课件

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

四、认识Flash界面 在桌面上用鼠标左键双击
在创建新项目中选择——Flash文档
工
时间轴
具
箱
舞台
属性面板
1. 帧的概念：构成动画的每一个画面叫做一个帧。
在时间轴上，每一个小方格就是一帧。帧又分为普通帧、关键 帧、空白关键帧。逐帧动画的每一帧都是关键帧。只有关键帧是可 以编辑的。在时间轴上显示为黑色的圆点。
认识逐帧动画
明湖中学 杨 丽
观看动画片说出动画的制作类型
一、动画的基本原理
动画就是通过连续播放一系列画面，给视觉造成图像连 续变化的感觉，达到理想的动画效果。它的基本原理与电 影、电视是一样，都是利用了视觉原理。动画不是“会动 的画”，而是“画出来的运动”。
二、常用的动画制作软件
1、二维动画制作软件： Ulead GIF AnimatorGIF是一种动画制作软件 Flash是一种集动画创作与应用程序开发于一身的软件， 制作的动画具有点小精悍的特点。
课堂实操: 制作“倒计时效果”动画
制作在一个红色圆角矩形背景下显示“5、4、3、…1、GO！”的 倒计时动画效果（设计效果如下图所示实操步骤以及使用的工具 选择工具
1、打开Flash软件，新建一个Flash文档。
2、点击舞台，在属性面板中把舞台大小设置为200*160像 素。背景颜色修改为红色。
2. 帧的分类：空白帧、关键帧和空白关键帧
空白关键帧 关键帧 空白帧 播放头 普通帧
帧频率
3. 帧的操作：包括添加帧 、删除帧 、 清除关键帧 、选择所有帧 、复制帧 、 粘贴帧 、移动帧 和翻转帧
下面我们来观看几个比较有代表性的，利用逐帧动画制作的小动画
行走的土豆人
第1帧
第2帧

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

教学过程——导入新课，激发学生兴趣
学生一旦对学习内容产生 了兴趣，那么就会积极主 动地去学。因此，本次课 一开始，我就利用事先准 备好的“奔跑的豹子”的 逐帧动画作品来激发学生 情感，让学生产生学的兴 趣。
导入语：同学们，大家欣赏过这幅动画，体验了豹子奔跑的 力与美，你想不想也制作一幅这样的动画作品？这就是我们 这节课要学习的内容。（此过程安排2分钟）
自由发挥。在老师的质疑中观察思考，通过相互交流 题及解决方法。
这次课准备采用师生互评和学生自评的方式，具体评价过程如下：（此过程安排15分钟） 任务一：根据所给素材，制作奔跑的豹子。
因教此学， 过需程要—在—多分解媒组体竞决机赛房，疑中巩进固问行新教知，学识。在老师的指导下感知、体验、理解、领悟，
教材分析——教学重点和难点
教法分析
采用目前信息技术教学倡导的“任务驱动”教学法， 指导学生完成一个个具体的学习任务。在进行“任务 驱动”教学的同时尝试通过调用情感来激发学生学习 兴趣，通过演示、交流、实践来完成知识的传授与吸 收，利用任务分层解决“吃不饱”和“吃不了”的问 题；通过不同阶段的质疑、解疑来调动学生思维，让 他们学得深入、学得系统。
Flash是网页制作与动漫设计专业的一门专业课程， 也是整个专业学科体系的主干课程，是学生进行动画 设计与制作的主要软件，具有不可替代的地位。 本次课的主要内容是：通过制作“奔跑的豹子”和 “10秒倒计时”让学生认识、了解逐帧动画，从而掌 握逐帧动画的制作方法，让学生了解动画形成的基本 原理。
教材分析——教学目标
教学过程——教师引导，探究新知识
这一环节是教的环节，采用讲解演示与学生同步交流的 方法来完成。教师分步骤讲解演示，并适时提出疑问， 由学生独立思考，解决疑问。在这一阶段老师不仅要教 会学生怎样完成任务，更要教会他们在遇到问题时如何 去解决，养成良好的学习习惯非常重要。（此过程安排 20分钟）

【设置了注释后的帧】
如果在标签名字前加“//”，表示为该帧加注释，如果在 标签名字前加 ，表示为该帧加锚记，在时间轴上的效果 如下图所示
设置了注释后的帧
1.15
Flash动画设计与制作
3.2 帧的标识和编辑
选取帧
【同一图层】
• 选取单个帧，单击时间轴上的某一帧，即可以选取它 • 选取连续帧 单击开始帧，按住Shift键选取结束帧
• 使用颜料桶工具填充花盆颜 色为#cd9933
• 在第4帧处插入帧（F5）
第 1 — 4帧
1.35
Flash动画设计与制作
3.3 逐帧动画实例
生长的小花
2 绘制“叶子”
• 新建“叶子”图层 • 在第1帧，使用“刷子工具”
（ 颜 色 #3a5836 ） 绘 制 一 个 小芽
• 在第2帧处插入关键帧（F6）， 使用“选择工具”修改枝条 为合适的大小和高度
未完成或中断的渐变
1.11
Flash动画设计与制作
3.2 帧的标识和编辑
各种帧在时间轴上的标识
【一般空白帧】
代表空白区域中没有任何内容。
空白帧
1.12
Flash动画设计与制作
3.2 帧的标识和编辑
各种帧在时间轴上的标识
【添加了动作语句的帧】
如果在某一关键帧上有一个小字母a，表示在这一帧中分 配了动作Action，当动画播放到这一帧时将执行相应的动作
第3章 逐帧动画
本章内容
3.1 逐帧动画的基本概念 3.2 帧的标识和编辑 3.3 逐帧动画实例
1.1
Flash动画设计与制作
第3章 逐帧动画
常用的快捷键
F5 F6 F7 Ctrl+Alt+C Ctrl+Alt+V Shift+F5 Shift+F6

1、帧动画的原理 每一个关键帧上显示不同的数字 或者图形组成动画。
2、帧、关键帧、空白关键帧的区别
关键帧能显示数字或者图像或者发生变化
帧可以延续关键帧上对象的时间，不发生任何改变。 空白关键帧使关键帧对象消失，画面一片空白。
11
F6 记是一个实心黑点 .
逐帧动画就是每一个关键帧上放置一个不同的对
象
6
？ 如何让关键帧对象延续时间？
插入普通帧让关键帧对象延续。标志是一个空长方形。
F5
7
？ 如果让动画关键帧内容消失？
插入空白关键帧，前面关键
F7 帧内容将消失.标志是空心圆圈。
8
课外研究
? 说说制作思维
9
10
任务四：教学小结
第2课制作逐帧动画作品
1
2.1Biblioteka 的种类帧是构成 Flash 动画最基本的单位，帧分为普通帧、 关键帧和空白关键帧三种类型，而对帧的所有操作都 是在“时间轴”面板中进行的 。
关键帧
普通帧
空白关键帧
时间轴面板
3
2 创建帧
1．创建关键帧
关键帧是定义动画变化的帧，要制作动画，必须创建关 键帧。
在时间轴上单击选中要创建关键帧的帧，然后鼠标右键 >“插入关键帧”选项，或按快捷键【F6】，即可在选中 的帧上插入关键帧 。
插入关键帧
4
2．创建空白关键帧
插入空白关键帧
选中帧后，鼠标右 键>“插入空白关键帧” 或按快捷键【F7】，
即可插入空白关键 帧。
3．普通帧是延长关键帧的时间
选中要创建普通帧 的帧，鼠标>“插入 帧”右键或者按快 捷键【F5】即可插 入一个普通帧。
插入普通帧

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

“时间轴”面板如图3-13所示。
播放头
时间轴标尺
图 层
图3-13 “时间轴”面板
帧居中 洋葱皮按钮 当前帧 帧频
运行时间
3.1时间轴和帧
3.1.1时间轴和帧的概念
• 红色的播放头可以在所创建的最大帧范围内拖动到 任一帧上，以观察每一帧的内容。
下方的状态栏中有多个按钮（辅助编辑），功能如下：
• 帧居中：将播放头所在帧（即当前帧）显示到时间 轴的中间位置。
普通帧：将关键帧的状态进行延续，一般用来将元素保持在舞台上。 过渡帧：两个关键帧之间的部分就是过渡帧，包括动作过渡帧和形状过
渡帧，它们是起始关键帧动作向结束关键帧动作变化的过渡部分。 空白关键帧：什么对象也没有的关键帧，一般用于动作调用的场景。 空白帧：延续空白关键帧的状态，是没有任何对象的普通帧。 未用帧：未使用过的帧。
2. 背景图层。文件->导入->导入到库，将图片改名为“帷幕”，从库拖入 到舞台，编辑完背景、锁定。
3. 光标--图形元件。插入->新建元件（CTLR+F8） 按住shift，用刷子绘制 光标（绘制横线）。
4. 文字动画--影片剪影元件。插入->新建元件（CTLR+F8）选择文本工具， 在第一帧分两行输入文字，间隔4帧插入一个关键帧并删除一个字（从后 往前删除）；在第一帧，将“光标元件”拖到感叹号下面，修改光标元件 的大小，使其宽度与文字相等。依次对应文字图层插入关键帧并将光标放 到文字下面（从后往前）；分别选中文字图层和光标图层中的所有帧，分 别执行“翻转帧”（右键->翻转帧）。
3.1.3案例——打字效果
方案1：
1. 新建并保存文档。文件->新建->新建文档、ActionScript 3.0， 舞台大小为550X400像素，帧频12fps，背景为白色,保存为 打字 效果.fla。

13
4 教学过程
——案列讲解
教学活动
《倒计时》 • 通过倒计时的案列讲解，让学生
能够更清楚的明白什么是逐帧动 画，并且通过知识迁移法让学生 能够自己去学习并掌握书本上的 案例的制作方法。
14
4 教学过程
——体验探究
教学活动
让学生根据书本上的案例带着任务，通过自己的学习、研 究掌握本课的教学重点，在学习过程中学生不能理解的难 点，设计三种方法进行突破：
教2 学过3 程4
教学反思
5
11
4 教学过程
教学环节
展示点评
15分钟攻克重点
知识总结
5分钟强化认知
体验探究
40分钟抓住重点
导入新课
5分钟理解主题
案列讲解
15分钟突破难点
12
4 教学过程
——情景导入
教学活动
展示“手翻书.gif”的动画, 然 后和同学们一起分析什么叫逐帧动画、 如何制作逐帧动画,利用这种设计明 确学习任务、引导学生去思考问题， 研读制作案例和教材。 ，
第一节《逐帧动画》
3
1 教学内容
情感目标
• 以制作案例动画为任务驱动，体 会创作的乐趣、激发学生对这门 课的兴趣。
• 培养学生的动手能力和自主学习 能力。
知识目标
• 掌握逐帧动画的创建和编辑。
能力目标
• 通过亲身参与与探究，掌握“逐帧 动画”的制作方法。
4
1 教学内容
教学重点、难点
动画原理 设置图层 制作方法
思考 3、如何将FLASH动画运用到学习和生活中
18
《逐帧动画》说课稿
目录
教学内容
1
教学对象
教法学法