Flash动画制作——翻书效果

导航 隐藏
（ 4 ）帧：动画中最小单位的单幅影像画面，相 当于电影胶片上的每一格镜头。在动画软件的时间轴 上帧表现为一格或一个标记。
一、教学目标 （5）关键帧：相当于二维动画中的原画。指角色
键帧与关键帧之间的动画可以由软件来创建，叫做过 三、教学过程 渡帧或者中间帧。
四、课堂作业
或者物体运动或变化中的关键动作所处的那一帧。关 二、教学安排
2.翻书动画原理
五、课堂小结
3.图层设置
4.制作过程
导航 隐藏 一、教学目标 二、教学安排 三、教学过程 四、课堂作业 动画背景图片 封面 每页背面
五、课堂小结
第 1页
第 2页
第 3页
第 4页
导航 隐藏 一、教学目标 二、教学安排 三、教学过Baidu Nhomakorabea 四、课堂作业
五、课堂小结
导航 隐藏
通过以上“翻书动画原理”我们知道，每页书翻 动实际是有两个动画（两张图）组成。
导航 隐藏
（5）“第 2页”、“第 3页”动画参考第（4 ） 步制作。“第4页”保留在起始状态，可不做翻页效 果。
一、教学目标 二、教学安排 三、教学过程 四、课堂作业
五、课堂小结
返回
导航 隐藏
课堂作业：制作“翻书效果”动画。
一、教学目标 二、教学安排 三、教学过程 四、课堂作业
拓展训练：制作“翻书效果”立体翻页效果动画 （如下图）
（1）位移动画实例
导航 隐藏 一、教学目标 二、教学安排 三、教学过程 四、课堂作业
五、课堂小结
（2）形变动画实例
导航 隐藏 一、教学目标 二、教学安排 三、教学过程 四、课堂作业
五、课堂小结
导航 隐藏 一、教学目标 二、教学安排 三、教学过程 四、课堂作业
（二）动 画 制 作
本节内容： 1.素材准备
五、课堂小结
导航 隐藏 一、教学目标 二、教学安排 三、教学过程
逐帧动画是实现一般动画的基本原理，但是对 普通人来说绘制大量“静态图”工作量和难度都很 四、课堂作业 大，而Flash具有的“创建补间动画”的功能帮我们 五、课堂小结 省却了大量工作，我们只要绘制图形的起始和结束 状态（位置、形状），Flash就能帮我们制作出中间 图形，做出完整动画。 下面来看看使用Flash制作“位移动画”和“形 变动画”的实例。
导航 隐藏 一、教学目标 二、教学安排 三、教学过程 四、课堂作业
（3）制作“封面”翻页动画
五、课堂小结
点击视频播放，或点击“链接3”在外部播放器播放。
导航 隐藏 一、教学目标 二、教学安排 三、教学过程 四、课堂作业
（4）制作“第1页”翻页动画
五、课堂小结
点击视频播放，或点击“链接4”在外部播放器播放。
五、课堂小结
普通翻页效果
立体翻页效果
返回
导航 隐藏
1.熟练掌握基本动画的制作方法（位移、形变）。
一、教学目标 2.制作动画的首要任务是理解动画原理。 二、教学安排 三、教学过程 3.善于思考，将动作分解成简单动画来制作。 四、课堂作业
4.勤于动手，多练习，熟悉快捷键提高效率。
五、课堂小结
返回
五、课堂小结
导航 隐藏 一、教学目标 二、教学安排 三、教学过程 四、课堂作业
五、课堂小结
动画是由一系列相互关联而有区别的静态画面组 成，按照一定的速度顺序播放这些静止的画面，在视 觉上形成了连续变化的感觉。 在 Flash 中使用一系列静态画面形成的动画叫做 逐帧动画。
逐帧动画演示
导航 隐藏 一、教学目标 二、教学安排 三、教学过程 四、课堂作业
导航 隐藏
（ 1 ）矢量图：矢量图则使用直线和曲线来描述图 形，这些图形的元素是一些点、线、矩形、多边形、圆 和弧线等等，它们都是通过数学公式计算获得的。
一、教学目标 二、教学安排 三、教学过程 四、课堂作业
提问：矢量图有 什么优缺点？
答：矢量图形的 五、课堂小结 优点是无论放大、缩 小或旋转等都不会失 真；缺点是难以表现 色彩层次丰富的逼真 图像效果。
一、教学目标
二、教学安排 三、教学过程 四、课堂作业 五、课堂小结
通过本课的学习，理解翻书动画的制作 原理，掌握图层（空间）和关键帧（时间） 隐藏 一、教学目标 的设置，为将来制作复杂动画打好基础。
导航 二、教学安排 三、教学过程 四、课堂作业
五、课堂小结
返回
导航 隐藏
教学重点
图层的排列顺序、关键帧的设置。 理解翻书动画的原理。 讲授法、练习法、多媒体教学 2课时
一、教学目标 二、教学安排 三、教学过程 四、课堂作业
五、课堂小结
翻书动画图层设置
导航 隐藏 一、教学目标 封面 图层00 图层01 图层02 图层03 图层04 图层00a 图层01a 图层02a 图层03a 最后一页不翻
翻书顺序
正面
背面
二、教学安排 菜谱第1页 三、教学过程 四、课堂作业 菜谱第2页 五、课堂小结 菜谱第3页 菜谱第4页
说
明
本课件根据人民邮电出 版社出版的《Flash CS3 动 画设计与制作实例精选》第 三章《3.3 翻动的菜谱》制 作，通过动画演示、操作视 频和相关图片、文本介绍， 向学生说明动画原理并指导 学生完成动画制作。 本 课 件 使 用 PowerPoint 2003 制作，链接包含视频内 容和FLASH动画，需相关视频 插件及 PowerPoint 完整版支 持。
导航 隐藏
（1）将素材导入“库”，把素材图片转化为图形元件。
一、教学目标 二、教学安排 三、教学过程 四、课堂作业
五、课堂小结
点击视频播放，或点击“链接1”在外部播放器播放。
导航 隐藏 一、教学目标 二、教学安排 三、教学过程 四、课堂作业
（2）场景中打开“标尺”，设置好辅助线。
五、课堂小结
点击视频播放，或点击“链接2”在外部播放器播放。
导航 隐藏 一、教学目标 二、教学安排 三、教学过程
（2）时间轴：显示图形和其它项目元素的时间， 也可以使用时间轴指定舞台上各图形的分层顺序。 四、课堂作业
五、课堂小结
（3）层（图层）：由于在动画中有多个对象需要 处理编辑，为了便于处理控制各个对象出场顺序以及 在时间轴上的停留时间用层技术便好的实现了这一目 的，减少了编辑的出错机会。位于较高图层中的图形 显示在较低图层中的图形的上方。
五、课堂小结
Flash 是 由 Macromedia 公 司推出的交互式矢量图和 Web 动画的标准，由 Adobe 公司收 购。 Flash 是一种创作工具， 设计人员和开发人员可使用它 来创建演示文稿、应用程序和 其它允许用户交互的内容。 Flash 可以包含简单的动画、 视频内容、复杂演示文稿和应 用程序以及介于它们之间的任 何内容。
一、教学目标 教学难点 二、教学安排
教学方法 三、教学过程
四、课堂作业
课时安排
五、课堂小结
返回
导航 隐藏 一、教学目标 二、教学安排 三、教学过程 四、课堂作业
（一）复 习 回 顾
通过本节学习，复习Flash动画基本知识。 1.动画基础知识 2.动画原理
五、课堂小结
导航 隐藏 一、教学目标 二、教学安排 三、教学过程 四、课堂作业