flash逐帧动画说课ppt课件
合集下载
逐帧动画-课件
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及逐帧动画 完整版PPT课件
初识flash
动画制作原理
1 动画就是利用人类视觉暂留的特性，快速播放一 系列静态图像，从而产生动态的效果；标准的动 画播放速度是：24~30幅/秒。
视觉暂留就是人的眼睛看到一幅画或一个物体后， 2 在1/24秒内不会消失。利用这一原理，在一幅画
还没有消失前播放出下一幅画，就会给人造成一 种流畅sh界面介绍
帧的种类 帧的作用
普通帧 关键帧 空白关键帧
两个关键帧之间的部分就是普通帧，它是 开始关键帧动作向结束关键帧动作变化过 渡的部分。普通帧现实为灰色。
关键帧定义了一个过程的开始和终结，也 可以是另一个过程的开始。它对定义与控 制动画的变化起到关键性的作用。
没有放置任何动画对象的关键帧。插入空 白关键帧的作用是清除前面帧中的动画对 象。
动画制作原理
1 动画就是利用人类视觉暂留的特性，快速播放一 系列静态图像，从而产生动态的效果；标准的动 画播放速度是：24~30幅/秒。
视觉暂留就是人的眼睛看到一幅画或一个物体后， 2 在1/24秒内不会消失。利用这一原理，在一幅画
还没有消失前播放出下一幅画，就会给人造成一 种流畅sh界面介绍
帧的种类 帧的作用
普通帧 关键帧 空白关键帧
两个关键帧之间的部分就是普通帧，它是 开始关键帧动作向结束关键帧动作变化过 渡的部分。普通帧现实为灰色。
关键帧定义了一个过程的开始和终结，也 可以是另一个过程的开始。它对定义与控 制动画的变化起到关键性的作用。
没有放置任何动画对象的关键帧。插入空 白关键帧的作用是清除前面帧中的动画对 象。
flash逐帧动画教程ppt
制作短视频或短片
制作短片
通过在Flash中逐帧绘制每 一帧画面，可以制作出短 片，用于展示某个主题或 故事。
制作短视频
通过在Flash中逐帧绘制每 一帧画面，可以制作出短 视频，用于分享某个事件 或场景。
制作动画短片
通过在Flash中逐帧绘制每 一帧画面，可以制作出动 画短片，用于展示某个创 意或想象。
优化帧大小
逐帧动画中的每一帧都应尽可能小。 避免在帧中使用大图像或大对象，可 以使用图形、符号或其他优化技术来 减小帧大小。
导出动画“导出”>“导出影片”，然后在“导出 影片”对话框中，选择适当的视频格式，如MP4、MOV 等。
设置视频参数
在“导出影片”对话框中，你可以设置视频的分辨率、帧 速率、音频设置等参数。根据你的需要选择适当的参数。
逐帧动画可以轻松表现快速运 动、复杂动作等场景，这是其 他动画制作技术难以达到的。
交互性强
逐帧动画可以通过交互方式来控 制动画的播放、暂停、倒退等， 增强了用户的参与感和互动性。
02 Flash逐帧动画制作基础
创建新的Flash文档
打开Flash软件，选 择“文件”菜单中的 “新建”选项。
此时，一个新的空白 Flash文档就创建成 功了。
制作流动的水
通过在Flash中逐帧绘制水 波纹的每一帧，可以制作 出逼真的流动效果。
制作表情包和动态图标
制作动态表情包
通过在Flash中逐帧绘制表情变化 的每一帧，可以制作出有趣的动 态表情包。
制作动态图标
通过在Flash中逐帧绘制图标变化 的每一帧，可以制作出有趣的动 态图标。
制作动态按钮
通过在Flash中逐帧绘制按钮状态 的每一帧，可以制作出逼真的动 态按钮。
《逐帧动画》ppt课件
儿逐渐成长，并生成一朵花的动画效果（设 计效果如下图所示）。
实训1： 制作“火柴人行走动画”动画，如图所示。
帧的显示形式及操作
1. 帧的概念：构成动画的每一个画面叫做一个帧。 2. 帧的分类：空白帧、关键帧和空白关键帧 3. 帧的操作：包括添加帧 、删除帧 、清除关键帧 、 选择所有帧 、复制帧 、粘贴帧 、移动帧 和翻转帧
制作“倒计时效果”动画
制作在一个红色圆角矩形背景下显示“5、4、3、„1、GO！”的 倒计时动画效果（设计效果如下图所示）。
动画基本原理
动画就是通过连续播放一系列画面，给视觉造成连续 变化的图画，它的基本原理与电影、电视一样，都是视觉 原理。动画不是“会动的画”，而是“画出来的运动”。
逐帧动画基本原理
逐帧动画，也叫【帧帧动画】，是最常见的动画形式 最适合于图像在每一帧中都在变化而不是在舞台上移动的 复杂动画。 逐帧动画原理是在【连续的关键帧】中分解动画动作 也就是要创建每一帧的内容，才能连续播放而形成动画。 逐帧动画的帧序列内容不一样，不仅增加制作负担，而且 最终输出的文件量也很大。但它的优势也很明显，因为它 与电影播放模式相似，适合于表演很细腻的动画，通常在 网络上看到的行走、头发的飘动等动画，很多都是使用逐 帧动画实现的。
实训1： 制作“火柴人行走动画”动画，如图所示。
帧的显示形式及操作
1. 帧的概念：构成动画的每一个画面叫做一个帧。 2. 帧的分类：空白帧、关键帧和空白关键帧 3. 帧的操作：包括添加帧 、删除帧 、清除关键帧 、 选择所有帧 、复制帧 、粘贴帧 、移动帧 和翻转帧
制作“倒计时效果”动画
制作在一个红色圆角矩形背景下显示“5、4、3、„1、GO！”的 倒计时动画效果（设计效果如下图所示）。
动画基本原理
动画就是通过连续播放一系列画面，给视觉造成连续 变化的图画，它的基本原理与电影、电视一样，都是视觉 原理。动画不是“会动的画”，而是“画出来的运动”。
逐帧动画基本原理
逐帧动画，也叫【帧帧动画】，是最常见的动画形式 最适合于图像在每一帧中都在变化而不是在舞台上移动的 复杂动画。 逐帧动画原理是在【连续的关键帧】中分解动画动作 也就是要创建每一帧的内容，才能连续播放而形成动画。 逐帧动画的帧序列内容不一样，不仅增加制作负担，而且 最终输出的文件量也很大。但它的优势也很明显，因为它 与电影播放模式相似，适合于表演很细腻的动画，通常在 网络上看到的行走、头发的飘动等动画，很多都是使用逐 帧动画实现的。
第三章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教程_第4讲_逐帧动画PPT教学课件
第4讲 逐帧动画
2020/12/09
1
目的要求
逐帧动画的制作 逐帧动画的应用
2020/12/09
2
主要内容
逐帧动画的制作 逐帧动画的应用
2020/12/09
3
任务一、逐帧动画
1、概念 逐帧动画是指将动画的所有内容一帧一帧地逐
步制作出来。
2、优点 灵活性大，可以表现任何的内容。适合制作细
腻的动画，如：3D效果，人物或动物急剧运动等 效果。
3、缺点 增加制作负担，同时输出的文件体积较大。
2020/12/09
4
任务二、绘制逐帧动画的方法
①用导入的静态图片建立逐帧动画 ②绘制矢量逐帧动画 ③文字逐帧动画 ④导入序列图像 ⑤指令逐帧动画
2020/12/09
5
任务三、实例
1、模拟打字效果 2、数字倒计时牌 3、简单逐帧动画制作
◇ 下载一组动画图片，对图片进行处理 ◇ 利用逐帧动画制作出动画序列效果 4、绘制矢量逐帧动画 ◇ 利用工具面板绘制一组矢量图形 ◇ 通过逐帧编辑制作逐帧动画
2020/12/09
6
总结
本讲主要讲解了逐帧动画的制作方法。
2020/12/09
7
上机作业
1、练习本讲中的实例。 2、试作人物行走的动画效果。 3、自己创作几个逐帧动画。
2020/12/09
8
PPT精品课件
谢谢观看
Thank You For Watching
9
2020/12/09
1
目的要求
逐帧动画的制作 逐帧动画的应用
2020/12/09
2
主要内容
逐帧动画的制作 逐帧动画的应用
2020/12/09
3
任务一、逐帧动画
1、概念 逐帧动画是指将动画的所有内容一帧一帧地逐
步制作出来。
2、优点 灵活性大，可以表现任何的内容。适合制作细
腻的动画，如：3D效果，人物或动物急剧运动等 效果。
3、缺点 增加制作负担，同时输出的文件体积较大。
2020/12/09
4
任务二、绘制逐帧动画的方法
①用导入的静态图片建立逐帧动画 ②绘制矢量逐帧动画 ③文字逐帧动画 ④导入序列图像 ⑤指令逐帧动画
2020/12/09
5
任务三、实例
1、模拟打字效果 2、数字倒计时牌 3、简单逐帧动画制作
◇ 下载一组动画图片，对图片进行处理 ◇ 利用逐帧动画制作出动画序列效果 4、绘制矢量逐帧动画 ◇ 利用工具面板绘制一组矢量图形 ◇ 通过逐帧编辑制作逐帧动画
2020/12/09
6
总结
本讲主要讲解了逐帧动画的制作方法。
2020/12/09
7
上机作业
1、练习本讲中的实例。 2、试作人物行走的动画效果。 3、自己创作几个逐帧动画。
2020/12/09
8
PPT精品课件
谢谢观看
Thank You For Watching
9
逐帧动画公开课 完整版课件PPT
变动画。
Flash的操作界面
•菜单栏 •工具箱 •时间轴与图层 •舞台（stage），也称工作区 •属性面板 •浮动面板
菜 单 栏
工 具 箱
时间轴与图层
工 浮动面板
作 区
属性面板
பைடு நூலகம்帧动画
• 逐帧动画是指在时间帧上逐帧绘制帧内容。具有非常大的灵活性。 很适合于表演很细腻的动画。
• 将动画中的每个动作都创建一个画面，当这些画面以一定的速度 显示时就可以形成动画，这种方式称为逐帧动画。
Flash 基础
——逐帧动画
动画的原理
动画是由若干静态画面，快速交替 显示而成，因人的眼睛会产生视觉 暂留，对上一个画面的感知还未消 失，下一张画面又出现，就会有动 的感觉。
找不同
走路动画
初识Flash
• Flash是目前最流行的二维动 画技术
• Flash的启动 • 一种是逐帧动画，另一种是渐
分组练习
• 分组设计完成一个逐帧动画
可尝试调整“帧频”改变动画的播放速度 （在时间轴下方的以fps为单位的数值 ）
Flash的操作界面
•菜单栏 •工具箱 •时间轴与图层 •舞台（stage），也称工作区 •属性面板 •浮动面板
菜 单 栏
工 具 箱
时间轴与图层
工 浮动面板
作 区
属性面板
பைடு நூலகம்帧动画
• 逐帧动画是指在时间帧上逐帧绘制帧内容。具有非常大的灵活性。 很适合于表演很细腻的动画。
• 将动画中的每个动作都创建一个画面，当这些画面以一定的速度 显示时就可以形成动画，这种方式称为逐帧动画。
Flash 基础
——逐帧动画
动画的原理
动画是由若干静态画面，快速交替 显示而成，因人的眼睛会产生视觉 暂留，对上一个画面的感知还未消 失，下一张画面又出现，就会有动 的感觉。
找不同
走路动画
初识Flash
• Flash是目前最流行的二维动 画技术
• Flash的启动 • 一种是逐帧动画，另一种是渐
分组练习
• 分组设计完成一个逐帧动画
可尝试调整“帧频”改变动画的播放速度 （在时间轴下方的以fps为单位的数值 ）
逐帧动画说课.正式版PPT文档
教学过程——导入新课，激发学生兴趣
学生一旦对学习内容产生 了兴趣，那么就会积极主 动地去学。因此，本次课 一开始，我就利用事先准 备好的“奔跑的豹子”的 逐帧动画作品来激发学生 情感，让学生产生学的兴 趣。
导入语：同学们，大家欣赏过这幅动画，体验了豹子奔跑的 力与美，你想不想也制作一幅这样的动画作品？这就是我们 这节课要学习的内容。（此过程安排2分钟）
自由发挥。在老师的质疑中观察思考，通过相互交流 题及解决方法。
这次课准备采用师生互评和学生自评的方式，具体评价过程如下：（此过程安排15分钟） 任务一：根据所给素材，制作奔跑的豹子。
因教此学， 过需程要—在—多分解媒组体竞决机赛房，疑中巩进固问行新教知，学识。在老师的指导下感知、体验、理解、领悟，
教材分析——教学重点和难点
教法分析
采用目前信息技术教学倡导的“任务驱动”教学法， 指导学生完成一个个具体的学习任务。在进行“任务 驱动”教学的同时尝试通过调用情感来激发学生学习 兴趣，通过演示、交流、实践来完成知识的传授与吸 收，利用任务分层解决“吃不饱”和“吃不了”的问 题；通过不同阶段的质疑、解疑来调动学生思维，让 他们学得深入、学得系统。
Flash是网页制作与动漫设计专业的一门专业课程， 也是整个专业学科体系的主干课程，是学生进行动画 设计与制作的主要软件，具有不可替代的地位。 本次课的主要内容是：通过制作“奔跑的豹子”和 “10秒倒计时”让学生认识、了解逐帧动画，从而掌 握逐帧动画的制作方法，让学生了解动画形成的基本 原理。
教材分析——教学目标
教学过程——教师引导，探究新知识
这一环节是教的环节，采用讲解演示与学生同步交流的 方法来完成。教师分步骤讲解演示，并适时提出疑问， 由学生独立思考，解决疑问。在这一阶段老师不仅要教 会学生怎样完成任务，更要教会他们在遇到问题时如何 去解决，养成良好的学习习惯非常重要。（此过程安排 20分钟）
逐帧动画PPT课件
【设置了注释后的帧】
如果在标签名字前加“//”，表示为该帧加注释，如果在 标签名字前加 ，表示为该帧加锚记，在时间轴上的效果 如下图所示
设置了注释后的帧
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.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
制作逐帧动画作品PPT课件.ppt
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】即可插 入一个普通帧。
插入普通帧
2、帧、关键帧、空白关键帧的区别
关键帧能显示数字或者图像或者发生变化
帧可以延续关键帧上对象的时间，不发生任何改变。 空白关键帧使关键帧对象消失，画面一片空白。
11
F6 记是一个实心黑点 .
逐帧动画就是每一个关键帧上放置一个不同的对
象
6
？ 如何让关键帧对象延续时间？
插入普通帧让关键帧对象延续。标志是一个空长方形。
F5
7
？ 如果让动画关键帧内容消失？
插入空白关键帧，前面关键
F7 帧内容将消失.标志是空心圆圈。
8
课外研究
? 说说制作思维
9
10
任务四：教学小结
第2课制作逐帧动画作品
1
2.1Biblioteka 的种类帧是构成 Flash 动画最基本的单位，帧分为普通帧、 关键帧和空白关键帧三种类型，而对帧的所有操作都 是在“时间轴”面板中进行的 。
关键帧
普通帧
空白关键帧
时间轴面板
3
2 创建帧
1．创建关键帧
关键帧是定义动画变化的帧，要制作动画，必须创建关 键帧。
在时间轴上单击选中要创建关键帧的帧，然后鼠标右键 >“插入关键帧”选项，或按快捷键【F6】，即可在选中 的帧上插入关键帧 。
插入关键帧
4
2．创建空白关键帧
插入空白关键帧
选中帧后，鼠标右 键>“插入空白关键帧” 或按快捷键【F7】，
即可插入空白关键 帧。
3．普通帧是延长关键帧的时间
选中要创建普通帧 的帧，鼠标>“插入 帧”右键或者按快 捷键【F5】即可插 入一个普通帧。
插入普通帧
Flash中的逐帧动画课件
• 制作指针
新建一个图层，选择该图层的第一帧，在工具栏上的颜色选择
上选择匹配的颜色，之后点击矩形绘
画工具 在画布上点击鼠标左键，拖动鼠标，绘画出一个适合大小的矩形条指针为妙针。再新建另一
个图层，按同样步骤绘画一个较短较粗的矩形条，为分针
• 逐步插入关键，调整指针旋转角度 相隔5帧，插入一个关键帧，顺时针旋转指针大约30度，再继续相隔5帧，插入关键帧，顺时针旋转指针大 约30度，重复4次，直到秒针指到12.
• 导入声音 在新建一个图层，命名为“声音”，在秒针指到12位置对应的帧中插入关键帧，和导入时钟背景类似在， 导入到舞台
• 播放动画、预览动画 按下ctrl加Enter键导出行 实例演习操作，制作刚才我们 讲的闹钟倒计时的小动画
• 实际操作演示：
一、打开flash软件，点击界面中间一栏的最上方的
• 导入时钟体 点击菜单栏上的“文件”弹出下的下拉菜单中的“导入”—“导入到舞台”，然后选择要插入的图片，点击 右下方的“打开”，调整好图片位置大小
学习内容：
1.了解逐帧动画的概念 2.制作实例闹钟倒计时的小动画
• 逐帧动画概念: 逐帧动画，是通过帧的建立，在每 一帧当中变换一个图像或位置，当 帧连贯进行播放是，就形成了逐帧 动画。
• 这种动画是最原始的动画表达方式， 每一个动作都需要绘制一幅画
制作实例闹钟倒计时的小动画
• 打开flash软件 • 导入时钟体 • 制作指针 • 导入声音 • 播放动画、预览动画
Flash动画制作第四次课 2 逐帧动画4.1 课件
“时间轴”面板如图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。
播放头
时间轴标尺
图 层
图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。
逐帧动画完整版PPT课件
Flash制作逐帧动画
我们先来欣赏flash制作的笑脸变哭脸
笑脸变哭脸
什么是动画？
• 动画是由一组图像序列快速有序地播放 所形成的。
Flash中的帧
• 在flash动画中，所有的演员与情节都是 在舞台上进行的，可是光有舞台还不行， 重要的是演员要按某种时间安排来进行 演出，而这种时间安排则由时间轴来完 成。
• 逐帧动画是Flash中最简单的动画，就像 电影的底片一样，需要一帧帧地制作， 并且每一帧都是相互独立的关键帧。由 于逐帧动画各帧的内容不同，因此制作 起来非常费时，并且生成的文件体积较 大，但它具有较大的灵活性，适合表现 细腻的动画。
动画的制作流程：
• 1.构思情节，制作剧本。 • 2.收集制作素材。 • 3.创建并设置文件。 • 4.着手制作，输出成品。
演示制作逐帧动画。
• 编辑关键帧 • 通过改变帧频控制动画的播放时间 • 预览动画的播放效果
预览动画的播放效果
• 1、快捷键：ctrl+enter • 2、控制菜单下测试影片播放
学生作品浏览
• 选取学生优秀作品展示点评。
作业
• 利用所学，制作冉冉升起的红旗
• 在时间轴上，每一个小方格就是一帧， 动画效果主要是通过播放时间轴上不同
• 帧中相应的画面而实现的。
Flaห้องสมุดไป่ตู้h中的帧
• 关键帧—顾名思义，有关键内容的帧。
• 空白关键帧—空白关键帧是没有包含舞 台上的实例内容的关键帧。
• 普通帧—在时间轴上能显示实例对象， 但不能对实例对象进行编辑操作的帧。
什么是逐帧动画？
我们先来欣赏flash制作的笑脸变哭脸
笑脸变哭脸
什么是动画？
• 动画是由一组图像序列快速有序地播放 所形成的。
Flash中的帧
• 在flash动画中，所有的演员与情节都是 在舞台上进行的，可是光有舞台还不行， 重要的是演员要按某种时间安排来进行 演出，而这种时间安排则由时间轴来完 成。
• 逐帧动画是Flash中最简单的动画，就像 电影的底片一样，需要一帧帧地制作， 并且每一帧都是相互独立的关键帧。由 于逐帧动画各帧的内容不同，因此制作 起来非常费时，并且生成的文件体积较 大，但它具有较大的灵活性，适合表现 细腻的动画。
动画的制作流程：
• 1.构思情节，制作剧本。 • 2.收集制作素材。 • 3.创建并设置文件。 • 4.着手制作，输出成品。
演示制作逐帧动画。
• 编辑关键帧 • 通过改变帧频控制动画的播放时间 • 预览动画的播放效果
预览动画的播放效果
• 1、快捷键：ctrl+enter • 2、控制菜单下测试影片播放
学生作品浏览
• 选取学生优秀作品展示点评。
作业
• 利用所学，制作冉冉升起的红旗
• 在时间轴上，每一个小方格就是一帧， 动画效果主要是通过播放时间轴上不同
• 帧中相应的画面而实现的。
Flaห้องสมุดไป่ตู้h中的帧
• 关键帧—顾名思义，有关键内容的帧。
• 空白关键帧—空白关键帧是没有包含舞 台上的实例内容的关键帧。
• 普通帧—在时间轴上能显示实例对象， 但不能对实例对象进行编辑操作的帧。
什么是逐帧动画？
flash逐帧动画说课PPT演示幻灯片
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
教学对象
教法学法
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1 教学内容
知识目标
• 掌握逐帧动画的创建和编辑。
情感目标
• 以制作案例动画为任务驱动，体 会创作的乐趣、激发学生对门 课的兴趣。
• 培养学生的动手能力和自主学习 能力。
目标
能力目标
• 通过亲身参与与探究，掌握“逐帧 动画”的制作方法。
.
4
1 教学内容
教学重点、难点
动画原理 设置图层 制作方法
40分钟抓住重点
案列讲解
15分钟突破难点
导入新课
5分钟理解主题
.
12
4 教学过程
——情景导入
教学活动
展示“手翻书.gif”的动画, 然 后和同学们一起分析什么叫逐帧动画、 如何制作逐帧动画,利用这种设计明 确学习任务、引导学生去思考问题， 研读制作案例和教材。 ，
.
13
4 教学过程
——案列讲解
教学活动
.
20
感谢各位的聆听
.
21
学生对于制作动画的兴趣浓厚。
.
7
《逐帧动画》说课稿
目录
教学内容
1
教法学法
教学过程
教法学法 34
.
8
3 教学方法
——说教法
.
9
3 教学方法
——说学法
.
10
《逐帧动画》说课稿
目录
教学内容
1
教学法学法
教学过程
教学过程 34
.
11
4 教学过程
教学环节
展示点评
15分钟攻克重点
知识总结
5分钟强化认知
体验探究
欢迎各位领导及职教同仁批评指导
说课比赛
.
1
《逐帧动画》说课稿
目录
教学内容
1
教法学法
教学过程
教学内容 34
.
2
1 教学内容
教材分析
主导教材
高等教育出版社出版，由欧阳俊 梅、叶蕾主编的《二维动画设计软件 应用—flash cs6（第2版》中的第4 单元 flash动画基础制作
第一节《逐帧动画》
.
3
这样的形式来让学生总结，学生一边说 教师一边纠正或提示学生，并且显示相应的内 容以课件形式展示出来,加深印象。
教学活动
•知识回顾和总结 •强调重点和难点
设计意图
•梳理本堂课知识，强调重点和难点。
.
17
4 教学过程
——作业拓展
介于本学科的特点，本堂课完，我将安排适当的课后练习
实例操作 1、巩固上课制作过的动画实例 2、制作一个旋转的正方形动画
研读教材
讨论学习
教师巡 回指导
.
15
4 教学过程
——展示点评
教学活动
展示点评，攻克教学重难点：演示个别学生的作品进行学生自评自己作品的 优缺点，然后其他同学对其作品进行评价,教师最后对作品进行总结点评。
。
作业 展示
学生 点评
教师 点评
1分钟
10分钟
.
4分钟
16
4 教学过程
——知识总结
“这节课，我学会了……” “通过这堂课的学习，我会做……了”
思考 3、如何将FLASH动画运用到学习和生活中
.
18
《逐帧动画》说课稿
目录
教学内容
1
教法学法
教学过程
教学反思 34
.
19
5 教学反思
教学反思
本节课的设计主要是根据我校学生的知识、技能水平，以及学 生的积极性。
新课程强调尊重、赞赏，我在考虑到学生的个体差异的同时， 充分挖掘学生的内在潜能，让学生有展示自我的机会，体验到成功 的乐趣和喜悦。学生在展示作品时，不但锻炼了语言组织及语言表 达能力，而且通过交流，分享成果，拓展了思路，使认识和情感得 到升华。促进了学生完整、和谐的个性发展。
《倒计时》 • 通过倒计时的案列讲解，让学生
能够更清楚的明白什么是逐帧动 画，并且通过知识迁移法让学生 能够自己去学习并掌握书本上的 案例的制作方法。
.
14
4 教学过程
——体验探究
教学活动
让学生根据书本上的案例带着任务，通过自己的学习、研 究掌握本课的教学重点，在学习过程中学生不能理解的难 点，设计三种方法进行突破：
教学 重点
教学 难点
制作方法 实际运用
.
5
《逐帧动画》说课稿
目录
教学内容
1
教法学法
教学过程
教学对象 34
.
6
2 教学对象
对 象 ： 中职电子商务二年级学生
个性特点：大部分内敛羞涩、不善言辞，渴望成长和提升，并
且对实践性强的内容有强烈的求知欲。
学情分析： 知识能力方面：
学生的基础是比较扎实的。 生理和心理方面：