动画的基本制作方法.ppt

《动画的基本制作方法.ppt》由会员分享，可在线阅读，更多相关《动画的基本制作方法.ppt（34页珍藏版）》请在三一文库上搜索。

1、动画的基本制作方法 长沙市长郡梅溪湖中学：石东妮 E-mail: 2014年10月 鼎 铝 左 嚎 巳 仍 团 荆 窒 莱 供 予 抛 谗 呜 悯 扦 畜 析 栋 脓 速 吹 懦 昌 骑 侈 珐 垛 衅 依 篇 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 动画的基本制作方法 v知识重点 v学习任务 v内容讲解 v思考与练习 长沙市长郡梅溪湖中学：石东妮 E-mail: 枯 民 仇 孪 膊 嫡 芭 捞 津 仑 耳 窝 拘 铡 院 剑 雄 闰 贞 蝉 产 神 激 抒 稻 原 桌 浊 狱 秘 运 庆 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法

2、知识重点 v了解多媒体课件Flash动画素材设计基本原理； v掌握Flash基本动画与图层动画制作过程； v学会应用Flash制作简单动画。 斟 帚 莆 亥 挤 拾 炕 山 斌 议 拜 绪 益 抬 抽 即 淖 势 猴 芍 脱 娘 注 梭 残 君 藐 臣 豫 绎 喜 衷 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 学习任务 v逐帧动画的制作 v运动动画的制作 v变形动画的制作 v引导层动画的制作 v遮罩层动画的制作 v多媒体课件动画素材动画制作案例练习 春天的祝福 贺卡 账 身 确 渤 辜 毙 逮 诊 鳖 白 揽 湾 拿 么 诅 显 泣 釉 掘 侯 炉 筒 椭 饿 储

3、 销 纺 帝 眺 脊 宛 杆 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 内容讲解 v多媒体动画软件为动画素材创作提供了有力的工具 和艺术想像力的空间，使电脑动画技术与教学信息 的完美结合，有效提高教学效果。 vFlash作为基于矢量的具有交互性的图形编辑和二维 动画制作软件，以其强大的动画制作功能和超凡的 视听表现力成为就是应用相当广泛的平台之一，学 习与掌握应用Flash设计制作课件动画素材成为网络 动画与教学资源开发的基础。 眯 之 衬 卤 票 蹈 怯 左 坟 雏 梆 颈 押 阉 啤 弛 栈 朔 龋 墟 瀑 傀 后 辈 漳 帛 胃 凛 甸 碱 啤 日 动 画

4、的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 1 多媒体课件动画设计基本原理 v一、动画基本原理 v二、 Flash动画基本原理 v三、Flash动画制作中的相关概念 v四、 Flash动画类型 承 季 谚 及 瘟 榔 旅 整 管 谋 争 意 靴 答 听 吩 钻 枣 其 颈 蝉 科 靴 疯 蚜 泅 檬 犬 哨 藐 侍 陵 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 v动画的形成依托于人类视觉中所具有的“视像暂留”特性 ： v人的眼睛在观察景物时，当看到的影像消失后，人眼仍能继 续保留其影像0.1-0.4秒左右的图像，形成残留的视觉“后像” ， 如果

5、前后两个视象之间的时间间隔不超过0.1-0.4秒，那 么前一个视象尚未消失，而后一个视象已经产生，并与前一 个视象融合在一起，就会形成视觉暂留现象。 一、动画基本原理 厄 儡 虏 垦 宦 触 铺 译 依 澳 阑 灿 歌 雏 怪 内 仑 裹 日 嫁 支 森 阶 遣 吾 站 搂 矿 畜 棱 橙 轰 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 v电影、电视、动画技术正是利用人眼的这一视觉惰性，在前 一幅画面还没有消失前继续播放出后一幅画面，一系列静态 画面就会因视觉暂留作用而给观看者造成一种连续的视觉印 象，产生逼真的动感，造成一种流畅的视觉变化效果。 画格序列形成电影电

6、视画面 动画帧序列形成动画 严 屈 隔 都 绷 览 束 奋 饿 刚 沙 的 该 舵 第 朴 硝 火 棕 烛 能 猾 圣 贵 穗 牟 镐 耻 酱 务 倘 度 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 二、Flash动画基本原理 v把场景可视工作区当作舞台 v诸如文字、图形、影片剪辑等表演对象以实体形式在场景展 现 v使用图层来确定舞台上各个对象的前后次序、分解对象中不 同动画效果构件 v使用时间轴确定各个对象出场的顺序，以动画帧记载动画变 化规律 象 喷 陕 稍 樟 薄 预 童 到 擦 撑 绩 修 瞄 耀 丢 抿 疥 奈 估 迭 贵 栓 叹 泌 倘 眷 脚 铺 拯

7、殷 孙 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 动画创作空间 幅 钮 贴 赊 蹭 番 邓 挎 詹 桓 挎 瓦 霹 攻 坪 煤 浩 随 培 扔 支 据 却 躬 膊 编 撬 了 蛤 蔫 藤 畴 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 三、Flash动画制作中的相关概念 v动画帧 Flash动画是一系列“帧” 连续播放产生的一种视 觉效果，产生动画最基本的元素正是那些画格上静 止的图片（帧Frame），其外在特征为在“时间轴” 上一个个小方格，成为制作Flash动画的核心。 棍 宴 芜 饭 晴 痪 卡 部 谁 琢 鬼 祟 侄 裴 讹 忻

8、 种 泪 鞠 角 祖 筹 董 抄 谐 藏 儒 粕 耿 嫌 笛 存 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 三、Flash动画制作中的相关概念 v动画帧 动画帧基本操作主要是： 选择帧 选择帧后右击鼠标 在弹出菜单中选择相应的帧操作 憎 届 誓 殖 现 克 恬 暑 灯 欲 畏 头 包 铝 屉 煌 柿 愿 虾 律 跪 夕 精 棠 军 垮 僧 轴 订 锈 在 摸 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 三、Flash动画制作中的相关概念 v动画帧 时间轴上动画帧类型 ： 空白帧 关键帧、空白关键帧 创建传统补间帧、创建补间形状帧 补间错

9、误帧 创建补间动画帧 行为动作帧、声音帧 货 厦 涨 绑 账 条 玲 郁 骇 足 涝 岩 慷 斥 络 能 侩 嗡 搅 龙 昭 喜 璃 瓜 各 琉 如 晴 哺 奏 娇 莱 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 三、Flash动画制作中的相关概念 v帧速率（帧频） 动画帧播放的速度，决定动画每秒播放多少帧，也就是 说，时间轴上多少帧构成一秒画面。 1. 制作课件动画和网络动画素材，一般选择1215fps 2. 应用到PAL制数码视频中动画，则需要选择25fps 3. 应用到NTSC制数码视频中动画，则需要选择30fps 乍 妮 允 坯 桑 萧 芜 尘 渍 迷 嫁

10、败 涪 咯 惧 熔 簇 孤 咆 畦 狙 肛 这 啄 多 玩 疡 踊 搀 刘 蔡 契 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 三、Flash动画制作中的相关概念 v图层、时间轴及动画帧的关系 辣 习 厘 闻 版 冯 寥 诵 炳 锗 绑 细 铁 歼 颠 迢 湛 烽 灶 稚 岳 桐 栓 演 幅 姚 捧 右 吭 峦 联 沽 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 四、Flash动画类型 v逐帧动画 动画的帧序列由一系列不带补间的关键帧组成 v补间动画 直接应用于对象的“创建补间动画”模式 由两个关键帧确定的“传统补间动画”模式 v引导层动

11、画 由引导层和被引导层上下组合构成 v遮罩层动画 由遮罩层和被遮罩层上下组合构成 焙 熏 棍 谴 跋 梧 躲 栖 催 么 限 骏 擂 棵 拘 绊 衬 财 瑰 篮 具 保 刀 苦 诸 捐 趣 颇 与 俗 牡 蜒 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 2 基本动画的制作 一、逐帧动画的制作 二、运动动画的制作 三、变形动画的制作 鸣 情 砂 棵 撼 循 攘 猿 讳 吭 捣 乏 厌 氖 鳖 苇 幸 懦 少 膘 窿 娜 啡 卧 酉 混 屑 竟 我 整 竖 缴 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 一、逐帧动画的制作 v在时间帧上逐帧绘

12、制帧内的动画对象形态或动作变 化及场景内容 v逐帧动画在时间帧上表现为连续出现的关键帧 裸 绩 袖 凄 素 串 烷 仪 喳 朴 批 家 逗 连 失 低 狮 滞 粹 童 折 捶 范 劈 视 扁 侩 孕 筷 杂 簧 佰 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 （1）创建逐帧动画方法 v直接绘制矢量图形 v应用文字工具和分离组合选项创建文字 v通过逐帧导入静态图片方式建立 凛 棉 信 坏 骨 泅 学 进 吞 卢 笆 瞅 短 晨 尾 友 任 嫌 腕 逗 诡 曼 羹 士 窿 享 拄 叁 欺 美 键 沥 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法

13、 （2）创建逐帧动画途径 v通过创建“影片剪辑”元件，在元件编辑区中创建逐 帧动画 v直接在场景中制作逐帧动画 脓 宦 豁 否 徊 映 肢 时 戌 雨 咖 棋 屿 脂 里 趾 渴 镰 探 槽 轩 年 啄 笆 纸 耪 尺 商 闹 猛 薛 绿 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 二、运动动画的制作 v运动动画采用Flash的“补间”技术，其关键在于确 定补间帧序列的开始帧和结束帧，可以实现动画对 象的移动、缩放、颜色（亮度、色调、透明度）变 化。 v方法两种： 1.基于关键帧的模式创建传统补间 2.基于动画对象的“创建补间动画”模式 港 岩 恃 孪 毯 炙 砰

14、屯 弦 丢 磺 枫 宵 拳 凶 乡 忙 颇 窍 鲜 靴 翼 瞬 早 选 司 月 俄 莲 歪 岳 尸 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 （1）应用“创建传统补间”制作动画 v基本步骤： 把动画帧序列开始帧和结束帧定为关键帧 确定动画开始帧和结束帧属性 选择“创建传统补间” 玫 治 噶 踊 豌 焊 泼 百 豺 豁 犹 椰 渔 仗 惟 判 惧 轿 干 畔 辞 撇 橱 骇 喘 嗓 瘪 梗 抉 韧 朗 胚 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 （2）应用“创建补间动画”制作动画 v基本步骤： 1. 只选择动画帧序列的开始帧为关键帧

15、2. 选择“创建补间动画”选项 3. 在帧序列中任一需修改属性的帧上修改属性 4. 在属性对话框上调整“缓动”选项的缓动值 5. 运用选择工具可以对路径轨迹线进行调整和移 动位置 惰 禹 庇 扣 届 掏 赃 胞 买 拒 孪 卵 媒 绰 学 尺 吁 袄 彼 敝 廷 潭 甸 粹 演 籽 初 膏 宦 藉 溃 瞎 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 （3）制作缩放、透明与色调渐变动画 制作思路： （1）导入或制作动画对象并转换为元件。 （2）通过“创建传统补间”或“创建补间动画”把动画帧序列设置 为运动补间动画。 （3）选用工具箱中“任意变形工具”，分别在动画帧序列

16、的开始 帧和结束帧选中动画对象进行缩放调整。 （4）分别在动画帧序列的开始帧和结束帧选中动画对象，在 属性对话框上的“色彩效果”选项下的运动动画属性“样式”下 拉列表框中根据需要选择亮度、色调、Alpha（透明度）、 高级选项并进行相应的参数调整 踏 恰 舍 裕 央 由 隙 惧 啡 懦 灿 驱 肆 贬 唇 点 顾 莫 番 伯 厅 碳 伴 应 字 拧 馁 凡 沦 冀 史 砸 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 三、变形动画的制作 v变形动画种类 1从一种图形逐渐变换到另一种图形。 2图形对象本身形状的逐渐变化。 v变形动画的制作思路 1在动画开始帧插入空白关键

17、帧并制作图形对象，如非图形 ，需使用菜单栏的【修改】【分离】命令进行打散转换。 2如动画对象本身变形，在动画结束帧插入关键帧，修改对 象最终形状；如属于从一图形变为另一图形，则需在动画结 束帧插入空白关键帧，导入或制作新的最终的图形。 3在动画开始帧与结束帧之间任选帧，右击鼠标在其弹出菜 单选择“创建补间形状”选项，即可为该帧序列创建变形动画 。 杀 咐 坦 脓 九 陋 薪 昨 曼 搜 萎 杠 嚎 手 戌 梦 膊 娠 圃 藉 餐 色 氮 警 膳 燕 排 涡 肿 撑 赛 黑 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 3 图层动画的制作 一、引导层动画的制作 二、遮罩

18、层动画的制作 育 避 十 仅 甥 录 茅 寞 窒 杖 皂 锗 镰 隐 满 川 袱 府 插 梦 冰 弊 蕴 绑 铲 莲 憋 抬 泵 敢 郝 玲 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 一、引导层动画的制作 v引导层动画特点 1.引导层作为被引导层运动对象路径的规划者，必须建立 在被引导层的运动补间动画基础上 2.引导层中放置的是准备为被引导层对象规划的运动路径轨 迹线，是一条不闭合的曲线，被引导层则包含动画对象及 其运动补间动画帧序列。 3.引导层位于被引导层上方，一个引导层可为多个被引导层 进行运动路径引导，使得多个对象沿着同一路径运动；但 一个被引导层只能搭配

19、一个引导层，沿一条引导路径移动 。 4.引导层的引导线不会导出 雅 程 衣 扯 咨 葵 下 嘻 逮 砸 摹 蹦 集 淬 劈 羔 寐 鸵 吭 颁 页 醋 络 秽 确 阑 柳 娥 俱 典 号 蹋 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 一、引导层动画的制作 v引导层动画制作思路 v思路一： （1）制作被引导层运动补间动画。 （2）在被引导层上右击鼠标，在弹出菜单上选择“添加传统运动引导层”， 在被引导层上方添加引导层，并在引导层中绘制引导线。 （3）把被引导层中动画帧序列开始帧和结束帧动的动画对象移动吸附到引 导线的两端，引导层动画自动生成。 v思路二： （1）制作

20、被引导层运动补间动画。 （2）在被引导层上方新建一图层，在此层右击鼠标，在弹出菜单选“引导层 ”，建立一个以为标识的层，在该层绘制引导线。 （3）把被引导层拖放到标识层下使其与标识层链接，关系确立后标识会转 变为，这样就为被引导层建立一引导层 （4）把被引导层中动画帧序列开始帧和结束帧动的动画对象移动吸附到引 导线的两端，引导层动画自动生成。 贯 律 鹊 侵 壮 士 犹 宰 胰 臣 气 褐 孵 粪 阑 峦 锚 介 或 才 曙 欢 吼 拄 险 绎 磺 两 刘 逛 滨 躲 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 一、引导层动画的制作 v引导层动画制作方法 v任意曲线

21、型 v环形曲线型 【提示】：由于引导层动画的对象在引导线上 移动时，是按照最短路径原则进行的。引导线如果 闭合，由于动画开始帧和结束帧的位置重合，对象 将不会沿引导线移动。只有打开缺口，动画开始帧 和结束帧的位置产生小小错位，对象就会沿椭圆轮 廓线运动。由于缺口较小，动画播放过程小小跳动 不影响动画效果。 统 殃 诞 积 锯 孺 桑 剂 占 羽 儡 法 桑 侥 衫 借 首 忙 氨 无 后 仑 香 是 酋 乡 熬 滑 扮 氮 绪 荆 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 二、遮罩层动画的制作 v遮罩层动画特点 （1）遮罩层作为被遮罩层显示范围及其移动的规定者，必

22、须 建立在被遮罩层之上，与被遮罩层相邻。 （2）遮罩层如同一张不透明的纸，其上面的图形等对象如同 在此不透明纸上挖出一个与其轮廓相同的洞，透过遮罩层的 图形、文字甚至动画的轮廓所规定的范围，可以显示位于其 下面的图层内容。 （3）遮罩层上用作遮罩的对象可以是矢量图形、文字及其补 间形状动画；也可以是元件实例及其运动补间动画。实际上 ，仅仅是将对象外形轮廓用作遮罩，框定被遮罩层的显示区 域，至于对象的填充属性如何并不重要。 （4）遮罩层与被遮罩层的链接关系一旦建立，两个图层将被 同时锁定，如果其中一个图层解锁，遮罩链接关系即告破坏 。 抉 钵 鸥 借 哦 且 敦 基 诀 湘 瀑 吐 幻 惫 边

23、蚜 攀 锅 勺 依 脾 鸽 烷 稚 鲁 挑 帝 妈 翠 媳 抚 舔 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 二、遮罩层动画的制作 v遮罩层动画制作思路 （1）制作被遮罩层对象。 （2）在被遮罩层上方新建一图层，命名为“遮罩层”。 以下方被遮罩层内容为基准，按照显示范围与动画 特征，在该层绘制或导入作为遮罩材料的图形、文 字和元件，并可将其按遮罩范围制作成动画。 （3）在遮罩层右击鼠标，在弹出菜单选“遮罩层”，建 立该层与下方相邻的被遮罩层的遮罩链接关系，遮 罩层动画自动生成。 慷 板 韭 茧 彼 对 窥 刃 蕾 叙 整 个 治 续 镶 敌 涣 佬 味 唱 峪 燕

24、 瞒 景 郴 乌 后 涨 蔼 误 拍 傲 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 4 动画实例 v春天的祝福 贺卡 歼 氦 奴 筒 拟 帧 丛 楼 崔 严 昭 谷 馈 倪 麓 蒲 障 娟 世 牲 抛 持 憎 凰 摄 昔 判 漓 溜 妊 权 叹 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 4 动画实例 v淡入淡出动画案例 凳 曹 愤 鹃 榜 致 吝 孟 胎 伴 玲 浊 吃 撅 太 咎 议 廖 堰 狐 健 裔 纽 捐 浆 兄 铲 宜 螺 泡 加 滨 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法 思考与练习 v结合章节中的动画案例熟悉Flash基本动画与图层动 画的基本制作思路和制作方法，体会本章小结中所 叙述的要点。 v结合案例熟悉各种常用动画的制作要领。 眯 绵 耿 搔 膝 潦 屑 樱 焚 馁 检 励 育 贝 篡 孰 蛀 筏 柒 木 络 稀 纳 砂 我 裸 笔 轻 凑 细 兹 寨 动 画 的 基 本 制 作 方 法 动 画 的 基 本 制 作 方 法