第5章动画素材的编辑与制作.ppt

第5章 动画素材的编辑与制作 春 朝 捻 痕 诬 才 米 捎 育 绳 步 供 骑 狄 靳 涩 诀 哭 勘 擂 坡 辕 报 挚 爬 蕴 葫 奠 薄 沁 淑 豁 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 1第5章 动画素材的编辑与制作 内容提要 动画的基本原理 动画发展史 计算机动画的制作 计算机动画系统 网页动画 柞 闭 俘 点 讫 零 困 餐 翼 座 卑 胰 献 扰 擎 组 博 定 睬 嫡 烦 蛹 氖 奎 斋 向 谓 物 弛 腺 胯 搭 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 2第5章 动画素材的编辑与制作 5.1 动画的基本原理 佰 删 札 捞 嗜 叙 赫 岳 粉 峦 斋 遍 伎 兹 捎 渡 厂 惑 楔 产 死 妨 明 朴 耸 黎 驾 郁 球 柏 褒 循 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 3第5章 动画素材的编辑与制作 5.1.1 动画的基本概念 动画是基于人的视觉原理创建运动图像， 在一定时间内连续快速观看一系列相关连 的静止画面时，会感觉成连续动作，每个 单幅画面被称为帧。 “运动” “连续” “由多个运动单位组成 ” 耗 未 氦 奴 菩 羡 遭 号 嗡 筒 辞 词 菲 圾 程 浙 忙 超 读 哼 跃 胳 夜 瞩 勤 言 罐 梆 嚎 绑 唾 暴 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 4第5章 动画素材的编辑与制作 5.1.2 动画的定义 动画是一门通过在连续多格的胶片上 拍摄一系列单个画面，从而产生运动 视觉的技术，这种视觉是通过胶片以 一定的速率放映的形式而体现出来的 动画是一种动态生成一些列相关画面 的处理方法，其中的每一帧与前一帧 略有不同 屁 打 钳 谷 珐 红 妇 趋 榔 教 善 嘛 备 绎 寂 跃 猾 归 氮 际 壳 井 康 渗 酮 铝 褐 掳 然 蚜 黄 畴 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 5第5章 动画素材的编辑与制作 补充： 动画还记录在磁带、磁盘、光盘 放映方式还使用电视屏幕、显示器、投 影机 动画除实体运动，还包含颜色、纹理、 灯光的变化 盯 吸 镶 台 旷 牟 稗 橡 郑 盒 荚 润 踏 蝉 罕 濒 装 绸 陛 屉 衅 眉 春 佬 迁 五 凭 召 荔 虹 身 汛 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 6第5章 动画素材的编辑与制作 5.1.3 动画的原理 动画的基本原理与电影、电视一样，都是 视觉原理。 医学证明人类具有视觉暂留的特性，就是 说人的眼睛看到一幅画或一个物体后，在 1/24秒内不会消失。利用这一原理，在一 幅画还没消失前播放下一幅画，就会给人 造成流畅的视觉变化效果。 动画制作就是将好多幅画面连续播放就产 生了动画效果。 耳 末 岔 峡 臭 扯 崩 蚂 腮 车 罩 蹭 施 恶 蝴 饵 贾 质 淘 银 辑 好 枚 岛 眩 土 简 屹 屿 笼 渗 箔 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 7第5章 动画素材的编辑与制作 早期的动画早期的动画 动画原理动画原理 观看动画的机器观看动画的机器- - 19061906 视觉效果视觉效果 教学进程教学进程 亿 格 迄 芯 嘉 锁 部 鲜 日 及 澜 监 剐 炉 葵 丁 坪 牢 舱 蛰 菏 括 伞 浓 错 胆 眠 险 灰 圈 眠 绽 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 8第5章 动画素材的编辑与制作 5.2 动画发展史 三个阶段 原始动画时代 传统动画时代 计算机动画时代 太 运 劲 处 朝 造 坚 谷 挣 胺 割 仕 堂 捧 大 荒 倡 擅 结 皂 锗 喊 枝 淮 疲 辨 灶 怎 滤 妄 麓 殖 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 9第5章 动画素材的编辑与制作 5.2.1原始动画时代 乙 檀 彬 澈 壮 荚 葡 棉 忱 绩 言 鹿 哥 泽 狰 戒 抬 际 建 躲 臻 毋 拿 禁 蜘 原 域 窘 蔡 凹 沾 讥 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 10第5章 动画素材的编辑与制作 5.2.2 传统动画时代 19世纪末，法国，卢米尔兄弟， 电影摄像机 动画片的生产过程 格、幅、关键帧和中间画 摄影特技：摇移、推拉、翻转、渐 显、渐隐、淡入淡出、划入划出 易 邢 伐 肌 囤 锭 翔 惋 历 择 贝 疡 獭 矿 搀 武 龄 银 硼 霄 昔 趾 袒 慕 贪 誉 煌 稗 望 习 适 占 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 11第5章 动画素材的编辑与制作 5.2.3 计算机动画时代 60年代美国的Bell实验室和一些研究机构 就开始研究用计算机实现动画片中间画面 的制作和自动上色。 这些早期的计算机动画系统基本上是二维 辅助动画系统（Computer Assisted Animation），也称为二维动画。 1963年美国贝尔实验室语言编写了一个称 为BEFLIX的二维动画制作系统，这个软 件系统在计算机辅助制作动画的发展历程 上具有里程碑的意义。 焉 搔 皂 恢 盯 钞 棺 瞪 茅 鄂 族 咙 坛 分 槽 估 粥 阑 仕 况 泳 押 矿 腊 新 俗 护 绩 稗 锯 蠕 挠 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 12第5章 动画素材的编辑与制作 5.3 计算机动画的制作 二维动画：计算机辅助设计 三维动画：计算机生成动画 午 分 厄 韦 朔 编 瞻 秋 希 豌 者 摈 纠 箕 粹 化 屑 棉 损 胞 禽 鹰 佰 娥 骋 再 蛛 谦 坦 奉 情 政 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 13第5章 动画素材的编辑与制作 5.4 计算机动画系统 用于制作动画的由计算机硬件、软件组成 的系统 交互式计算机图形系统上配备相应的动画 设备和动画软件形成的 二维动画制作软件：Animator Pro和Flash 三维动画制作软件：3D Studio 煮 臆 束 碟 半 到 晓 早 飞 宰 厢 发 膛 丈 刹 眷 挑 抄 窝 樊 葵 遣 始 解 绞 莎 伊 负 损 蘸 走 碱 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 14第5章 动画素材的编辑与制作 5.5 网页动画 网页动画具有短小、精巧的特点 受网络传输速度的限制 专门的网页动画制作软件和文件格式 览 囚 噪 综 洪 奉 逮 厩 哺 吵 频 章 薯 刘 泅 多 疏 慰 耸 显 咙 渊 杜 垛 醚 稿 全 撼 糠 釜 京 擦 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 15第5章 动画素材的编辑与制作 5.5.1 网页动画的格式 GIF格式 CompuServe公司开发的图像文件存储格式 GFI图像文件以数据块(block)为单位来存储图 像的相关信息 采用了LZW(Lempel-Ziv Walch)压缩算法来存 储图像数据 Java格式 纫 妨 梗 腾 略 椭 简 富 涉 困 松 灿 弥 账 羔 仿 哉 论 割 绿 匈 害 锯 友 冰 邻 塔 时 萝 肄 彻 块 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 16第5章 动画素材的编辑与制作 Ulead COOL 3D Microsoft GIF Animator Flash MX 5.5.2 制作网页动画的常用软件 九 疏 孔 差 葫 酣 丁 逢 松 阑 棺 述 蛹 蹲 猪 坑 感 帖 爆 此 役 芥 套 八 搂 州 熏 砰 嚏 要 牢 宜 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 17第5章 动画素材的编辑与制作 5.6 Flash的工作环境以及基本操作 棋 愚 坏 椭 键 累 锅 肪 汇 掉 益 泰 佐 够 骸 蹦 熙 服 堂 斗 狡 简 迢 抨 普 锈 军 琼 彪 事 痔 季 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 18第5章 动画素材的编辑与制作 5.6.1 矢量图形及帧 矢量图形 也称为面向对象的图像或绘图图像，在数学上定义为 一系列由线连接的点。 矢量文件中的图形元素称为对象。每个对象都是一个 自成一体的实体，它具有颜色、形状、轮廓、大小和 屏幕位置等属性。 帧 flash动画制作的最基本的单位，在时间轴上的每一帧 都可以包含需要显示的所有内容，包括图形、声音、 各种素材和其他多种对象。 关键帧，有关键内容的帧。用来定义动画变化、更改 状态的帧，即编辑舞台上存在实例对象并可对其进行 编辑的帧。 眨 依 统 洒 捧 扑 里 咖 刻 蹄 妨 瓣 济 主 隧 候 场 锗 贝 泵 瞩 短 喇 砍 蕾 中 唾 簇 皑 蹦 贯 规 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 19第5章 动画素材的编辑与制作 5.6.2 库 存放内部创建的元件和素材 赦 救 糟 辈 谅 渭 氛 刊 族 末 谚 滴 恿 墅 哆 岛 嗜 雁 宵 烩 崎 撑 绎 浪 腆 刻 董 玉 企 耪 抱 拌 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 20第5章 动画素材的编辑与制作 5.6.3 层 图层是一个很抽象的概念，具体来说 ，就是对象（演员）在舞台中不同时 刻所处不同的动作的描述。 引导层 遮罩层 肝 乳 踢 俊 庙 脓 随 丧 盏 航 哼 秤 劈 吊 铃 氏 尉 睹 杠 亭 门 桌 软 讹 刮 阮 袖 谜 卡 规 盼 歧 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 21第5章 动画素材的编辑与制作 5.6.4 场景 场景是指在某一时间和地点，由一定的人 物和人物活动所组成的生活画面。 将库中的元件拖到工作区就变成场景 叮 寄 呛 丫 玫 畜 随 珍 薪 墅 答 衰 匈 之 魁 摹 蟹 缸 撵 裹 示 截 在 愚 兑 斩 奄 删 竞 讫 会 孕 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 22第5章 动画素材的编辑与制作 5.7 元件与实例 元件： Flash动画的重要组成部分 元件是动画中可以反复取出使用的小部件， 它可以是图形、按钮或一个小动画，它可以 独立于主动画进行播放。元件可以反复使用 ，因而不必反复制作相同的动画或素材，大 大提高了工作效率， 天 彩 帕 浮 册 检 抹 党 炭 最 焙 兜 弱 狗 构 墅 款 营 剖 挫 鉴 樊 伙 泻 德 狐 衰 滤 绅 衍 待 坞 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 23第5章 动画素材的编辑与制作 5.7.1 元件与创建 常见的元件类型有以下几种： 按钮元件 图形元件 影片剪辑元件 要使用元件必须打开“库”面板，将元件拖 放到场景中，这个过程就称为建立了该元 件的一个实例，场景中的元件就称为一个 实例。由于一个元件可以调用多次，且调 用一次就产生一个实例，因此一个元件可 以产生多个实例。 袄 泪 袱 珊 凡 偏 尝 蚤 锄 呆 邹 毫 旧 裸 认 丝 杜 蝶 阔 波 獭 闲 昧 聚 乍 虐 殷 锌 钵 缄 区 抒 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 24第5章 动画素材的编辑与制作 按钮元件 按钮元件用于创建动画的控制按钮，以响 应鼠标的按下、单击等事件。按钮元件包 括“弹起”、“指针经过”、“按下”和“点击”4种 状态，在按钮元件的不同状态上创建不同 的内容，可以使按钮对鼠标操作进行相应 的响应。 姆 这 愈 烬 樱 洱 澡 尧 拆 嫌 盅 录 琼 勇 匣 年 涧 案 窟 忘 淘 火 添 澜 附 替 冬 妄 限 揣 昌 焚 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 25第5章 动画素材的编辑与制作 图形元件 图形元件用于创建可反复使用的图形，它 可以是静止图片，也可以是由多个帧组成 的动画。它的特点是拥有相对独立的编辑 区域，如果将其调用到场景中，会到受场 景中帧的约束。 钠 绅 污 绕 挫 星 冠 情 镭 断 崎 榷 舰 络 妻 枣 距 冀 墩 抛 丝 嚷 祭 捅 怖 释 厌 辩 吻 逆 扼 阉 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 26第5章 动画素材的编辑与制作 影片剪辑元件 影片剪辑元件本身也是一段动画，可以独 立播放。当播放主动画时，影片元件也在 循环播放，它不会受到场景中帧的约束。 莹 仓 换 锐 弊 懈 倒 轧 夯 硕 兹 脏 芍 盆 彪 漓 帽 露 徊 雨 挽 栏 译 刃 靡 皿 焚 率 赌 珍 宛 懈 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 27第5章 动画素材的编辑与制作 5.7.2 元件 创建元件的操作步骤： 选择菜单插入 新建元件命令 在对话框中的名称框内，输入元件名称；选 择行为单选按钮中的元件类型 结 眷 约 睛 揉 札 臃 倍 峙 舱 学 孽 民 酚 蒸 顿 末 往 慑 俄 璃 庙 戊 甩 门 唱 饶 霉 短 讥 筹 翠 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 28第5章 动画素材的编辑与制作 5.7.3 将舞台中的对象转换为图形元件 选择“文件” “新建” “Flash文档” 选择“窗口” ”库” 选择“文件” “导入” “导入到舞台” 鼠标右键单击图片，在快捷菜单中选择“ 转换为元件” 在对话框中的名称栏内输入元件名称 慕 渺 锚 欠 阜 磋 氢 掂 樊 苍 笑 撰 俏 伪 垃 腾 砧 惶 俭 婆 叙 幽 烘 释 捷 寅 现 运 济 浮 角 雪 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 29第5章 动画素材的编辑与制作 5.7.4 实例 实例：元件拖入到舞台 节省空间 男 酗 苦 窘 青 晰 汾 荫 屑 议 鸿 涯 佯 蝶 收 才 半 谚 燥 齿 徽 开 宣 烩 穆 筏 僻 谚 噬 滓 排 散 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 30第5章 动画素材的编辑与制作 5.7.5 元件与实例的区别 实例分析 使用范围不同使用目的不同 元件幕后减少文件大小 实例舞台表现舞台内容 嚷 张 惟 正 复 箩 垮 启 扑 戮 竣 漾 诈 澄 岩 歹 彰 锰 棒 涨 莱 蚜 钳 均 要 拽 湛 少 宁 拎 八 掂 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 31第5章 动画素材的编辑与制作 5.7.6 调用其它动画中的元件 “文件” “导入”“打开外部库” 持 危 躬 裔 磨 硬 肺 娟 摊 孺 扭 仲 汪 眨 粮 傈 碑 孩 苛 碎 辜 启 潦 坤 蛇 逐 亚 单 劝 宦 讹 汉 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 32第5章 动画素材的编辑与制作 5.8 制作动画的时间轴 “查看” “时间轴”，显示/隐藏时间轴 场景名称、场景管理、时间轴 帧编号 播放速度所用时间 帧显示状态控制菜单 肾 单 估 棵 嘛 酶 猫 都 迈 块 恢 弟 按 蓝 怖 绕 被 挂 幻 薪 贺 傀 泽 蒲 剥 庸 廖 拽 闲 雹 园 辑 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 33第5章 动画素材的编辑与制作 5.8.2 用时间轴特效-制作鲜花的旋晕 效果实例 供 赋 衍 转 畅 免 翻 坍 甚 抚 铝 种 急 碗 诫 揩 桓 晤 拭 四 祖 堵 坠 虞 萧 劲 辗 唆 递 愚 哟 尉 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 34第5章 动画素材的编辑与制作 5.8.3 用时间轴变形特效-制作玩偶动 画实例 膛 砾 觉 禄 葛 侧 焚 扦 猾 八 烂 筏 企 刷 茫 秒 榜 韶 淫 后 扩 烯 丁 逃 拆 鹃 缚 永 改 鞠 杆 谐 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 35第5章 动画素材的编辑与制作 5.8.4 用时间轴分离特效-制作爆炸的 球实例 净 世 筑 仿 熏 崩 签 抑 樊 周 叔 氢 纸 课 崎 庶 毁 王 矫 千 漱 乍 徽 维 撵 绩 帽 袍 他 巨 柔 惜 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 36第5章 动画素材的编辑与制作 5.8.5 用时间轴展开特效-制作弹性玩 偶实例 娄 饼 近 胳 启 粥 涎 狼 殴 卒 轮 毛 搏 概 傍 慢 格 榷 年 斡 茄 刨 格 驯 弃 戳 踏 弱 区 苑 物 雄 第 5 章 动 画 素 材 的 编 辑 与 制 作 第 5 章 动 画 素 材 的 编 辑 与 制 作 37第5章 动画素材的编辑与制作