【绘制“花朵”– 知识点解析】 本案例使用“椭圆工具”、“铅笔工 具”、“线条工具”、“任意变形工具”、 “变形”面板，“对齐”面板制作。
多媒体技术与应用
正文 . 第4章
第 12 页
逐 帧 动 画
逐 帧 动 画
动 画 人 处 生 理 概 技 述 术
“逐帧动画“是最基本的动画方式，与传统动画制作原理相同，通过向每一帧添 加不同的图像来创建动画，每一帧都是关键帧，都有内容。
帧的对象属性，接着创建传统补间动画即可。
运作补间动画用位于时间轴上动画的开始帧与结束帧之间区域的一个淡紫色的 连续箭头表示。
多媒体技术与应用
正文 . 第4章
第 16 页
【课堂案例：旋转飘落的花朵】
动 作 动 画
动 画 人 处 生 理 概 技 述 术
【旋转飘落的花朵 – 知识点解析】
该动画要表现一朵美丽的花朵从空中一 边旋转一边飘落下来的动画效果，故要用动 作动画实现。
单击此处可查看动态动画效果 多媒体技术与应用
课件 制作
课件制作：多媒体技术与应用课程组 /course/SZU -1001752002#/info /spoc/course/ TONGJI-1001753418#/info /coursestatic/co urse_5828.html
正文 . 第4章
第6 页
动画文件格式
动 画 基 本 概 念
动 画 人 处 生 理 概 技 述 术
GIF格式：是一种图像文件格式，几乎所有相关软件都支持它。其另一个特点是在一个
GIF文件中可以保存多幅彩色图像，如果把存于一个文件中的多幅图像数据逐幅读出并显示到 屏幕上，就可以构成一种最简单的动画。 FLC格式：是Autodesk公司在其出品的2D、3D动画制作软件中采用的动画文件格式，广 泛应用于动画图形中的动画序列，计算机辅助设计和计算机游戏应用程序。 SWF格式：是Flash的专用格式，是一种支持矢量和点阵图形的动画文件格式，被广泛应 用于网页设计、动画制作等领域。
正文 . 第4章
第 21 页
遮 罩 动 画
遮 罩 动 画
动 画 人 处 生 理 概 技 述 术
遮罩层是一种特殊的图层。创建遮罩层后，遮罩层下面图层的内容就像透过一 个窗口显示出来一样。在遮罩层中绘制对象时，这些对象具有透明效果，可以把图 像位置的背景显露出来。在Flash中，使用遮罩层可以制作出一些特殊的动画效果， 例如聚光灯效果和倒影效果等。 遮罩层上的遮罩项目可以是填充形状、文字对象、图形元件的实例或影片剪
正文 . 第4章
第8 页
动画制作软件Flash
动 画 制 作 软 件
动 画 人 处 生 理 概 技 述 术
Flash是由macromedia公司推出的交互式矢量图和 Web 动画的标准，网页设 计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash 的前身是Future Wave公司的Future Splash，是世界上第一个商用的二维矢量动画 软件，用于设计和编辑Flash文档。1996年11月，美国Macromedia公司收购了 Future Wave，并将其改名为Flash。后又被Adobe公司收购，并相继推出了Flash CS3、Flash CS4、Flash CS5、Flash CS6。 Adobe Flash CS6是用于创建动画和多媒体内容的强大的创作平台。Adobe Flash CS6设计身临其境，而且在台式计算机和平板电脑、智能手机和电视等多种设 备中都能呈现一致效果的互动体验。新版Flash Professional Cs6附带了可生成 sprite 表单和访问专用设备的本地扩展。可以锁定最新的 Adobe Flash Player 和 AIR 运行时以及 Android 和 iOS 设备平台。
辑。可以将多个图层组织在一个遮罩层下创建复杂的效果。
对于用作遮罩的填充形状，可以使用补间形状；对于文字对象、图形实例或 影片剪辑，可以使用补间动作。当使用影片剪辑实例作为遮罩时，还可以让遮罩沿
着路径运动。
多媒体技术与应用
正文 . 第4章
第 22 页
【课堂案例：探照灯】
遮 罩 动 画
动 画 人 处 生 理 概 技 述 术
第4章 动画处理技术
• 动画概述 • 动画处理软件Flash • Flash简介 • 图形绘制与编辑 • 逐帧动画 • 动作动画 • 形状动画 • 引导线动画 • 遮罩动画
◆学习目标
了解Flash CS6的工作界面 掌握Flash 制作动画的过程的 掌握Flash的矢量图的绘制和编辑 掌握导入外部资源来设计Flash动画 掌握逐帧动画、动作动画、形状动画、引导动画和遮罩动画 在动画创作中的应用
第 19 页
引 导 动 画
引 导 动 画
动 画 人 处 生 理 概 直线方向的运动，而对于一个曲线运动， 就必须使用引导动画。引导动画实际上是在动作补间动画的基础上添加一个引导图
层，该图层有一条可以引导的运动路径的引导线，使另一个图层中的对象依据此引
导线进行运动的动画。
正文 . 第4章
第 15 页
动 作 动 画
动 作 动 画
动 画 人 处 生 理 概 技 述 术
“动作动画”是在一个特定点定义一个实例、组、文件块、元件的位置、大小及 旋转等属性，然后在其他的点更改这些属性，Flash能在它们之间的帧内插值或者内
插图形，从而产生动画效果。
动作动画可以实现目标对象的颜色、位置、旋转角度、透明度的变化。在制作 动画时，只需要在时间轴上添加开始关键帧和结束关键帧，然后通过舞台更改关键
多媒体技术与应用
正文 . 第4章
第 20 页
【课堂案例：飞舞的蝴蝶】
引 导 动 画
动 画 人 处 生 理 概 技 述 术
【飞舞的蝴蝶– 知识点解析】
本案例中，是一只美丽的蝴蝶在花丛中 飞舞。在制作引导线动画时，运动元件的中 心必须要与引导线重合，否则就不能产生效 果。
单击此处可查看动态动画效果
多媒体技术与应用
单击此处可查看动态动画效果
多媒体技术与应用
正文 . 第4章
第 17 页
形 状 动 画
形 状 动 画
动 画 人 处 生 理 概 技 述 术
在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另 一个形状，Flash根据二者之间的帧的值或形状来创建形状动画。形状补间动画用位
于时间轴上动画的开始帧与结束帧之间区域的一个绿色的连续箭头表示。
多媒体技术与应用
正文 . 第4章
第 13 页
【课堂案例：蝴蝶飞】
逐 帧 动 画
动 画 人 处 生 理 概 技 述 术
【“蝴蝶飞”– 知识点解析】
该动画实际上由3帧自绘设计的图形连 续播放产生的动画效果，读者也可以根据原 理，自由设计帧数和动画造型及动画效果， 每一帧的图形设计。
单击此处可查看动态动画效果
AVI格式：音频视频交错格式，是将语音和影像同步组合在一起的文件格式，主要应用在
多媒体光盘上，用来保存电视、电影等影像信息。 MPG格式：即动态图像专家组，由国际标准化组织ISO和IEC于1988年联合成立，专门致 力于运动图像及其伴音编码标准化工作。
MOV格式：即QuickTime影片格式，它是Apple公司开发的一种音频、视频文件格式，用
正文 . 第4章
第9 页
【课堂案例：绘制“树叶”】
图 形 绘 制 与 编 辑
动 画 人 处 生 理 概 技 述 术
【绘制“树叶”– 知识点解析】 本案例使用“钢笔工具”、“线条工 具”、“铅笔工具”制作。
多媒体技术与应用
正文 . 第4章
第 10 页
【课堂案例：“碧蓝的天空，树与草地”场景设计】
图 形 绘 制 与 编 辑
动 画 人 处 生 理 概 技 述 术
【“碧蓝的天空，树与草地”场景设计– 知识 点解析】
本案例使用“椭圆工具”、“铅笔工
具”、“钢笔工具”、“线条工具”、“任
意变形工具”。
多媒体技术与应用
正文 . 第4章
第 11 页
【课堂案例：绘制“花朵”】
图 形 绘 制 与 编 辑
动 画 人 处 生 理 概 技 述 术
于存储常用数字媒体类型。
正文 . 第4章
第7 页
动画制作流程
动 画 基 本 概 念
动 画 人 处 生 理 概 技 述 术
传统动画的大致制作过程如下：
1. 制作声音对白和背景音乐。传统动画先制作声音，然后再根据声音计算机动画格数。
2. 制作关键画面。由动画设计人员绘制动画人物造型和景物等关键画面。 3. 绘制动画画面。由动画绘制人员绘制关键画面之间的大量过渡插画。 4. 复制成赛珞璐片。把动画制作人员画在纸上的动画轮廓复制到赛珞璐片上。 5. 上色。由专门从事上色的人员为赛珞璐片上的人物和景物上色。 6. 核实检查动画画稿。在拍摄电影胶片之前进行最后检查。 7. 拍摄电影胶片。由电影摄制人员把赛珞璐片画面拍摄成电影。 8. 后期制作。对电影胶片进行剪辑和编辑，以达到最好的银幕效果。
【探照灯 – 知识点解析】
这是让Flash中的一个文字显示有一种探 照灯逐行扫过的效果。
单击此处可查看动态动画效果
多媒体技术与应用
正文 . 第4章
第 23 页
【课堂案例：蜗牛】
综 合 案 例
动 画 人 处 生 理 概 技 述 术
[蜗牛 – 知识点解析】
制作一个关于“蜗牛”的短片，故事可 自已构思，从作品创意、技术运用、画面美 工等方面去创作一个动画，情节完整。
多媒体技术与应用
正文 . 第4章
第 14 页
【课堂案例：会打斗的“小黄偶”】
逐 帧 动 画
动 画 人 处 生 理 概 技 述 术