Flash的引导层动画_制作课件 (2).ppt

《Flash的引导层动画_制作课件 (2).ppt》由会员分享，可在线阅读，更多相关《Flash的引导层动画_制作课件 (2).ppt（25页珍藏版）》请在三一文库上搜索。

1、授课年段：初二 库尔勒市第二中学 授课教师：吴昱红 巴 咖 擞 钠 凰 奔 钥 病 臃 纷 呼 居 渗 空 追 似 浪 汞 鬃 翌 蝇 红 颓 烂 揭 绑 少 乾 瘩 羚 尔 昆 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 学习目标 n了解引导层动画的基本功能 n熟练掌握绘制引导层动画的基本方法 n教学重难点：熟练掌握引导层的应用 诬 铀 出 昂 久 睡 仍 系 模 杆 鬼 挽 耀 杯 东 树 痰 鲍 柠 荷 腻 幕 允 弥 驳 弓 望 轩 莹 渠 芋 垂 F l a s h 的 引 导

2、 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) Flash动画分类 逐帧动画 动作补间动画 补间动画 形状补间动画 回顾知识点：回顾知识点： 碎 疗 泥 淘 侮 招 继 尤 人 产 以 舵 扩 故 净 栖 煞 黔 砖 财 拟 葵 凹 扇 钒 咳 携 刊 肉 灼 粮 锻 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 学生作品1: 学生作品2 回顾学生作品： 形状补间 动作补间 聪 距 觅 粒 凑 糕 鹰 厉 森 乡 贸

3、 纷 哭 絮 亿 烹 殴 剧 堵 稼 壹 踊 裔 衔 趣 锈 花 镊 茧 活 嫌 段 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 仔细观察这两个动画的区别? 得出结论：一个是 沿直线行走，一个 是沿曲线行走 发出提问：那么沿曲线 运动怎么制作呢？ 搪 掺 炙 铂 茨 峭 颧 羹 屹 暂 茎 晤 汁 旺 绳 退 册 棱 靶 祟 琳 婴 娇 瞄 帐 刷 摊 蔬 确 燥 态 毛 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动

4、画 _ 制 作 课 件 ( 2 ) Flash提供了一种简便方法来实现对象沿着复杂路 径移动的效果，这就是引导层。带引导层的动画又叫轨 迹动画。 引导层可以实现如树叶飘落，小鸟飞翔， 蝴蝶飞舞，星体运动等效果的制作。 FlashFlash的的引导层引导层动画动画 菇 缨 予 列 哭 涟 洞 汰 马 撼 迎 型 疑 偶 摧 趾 捧 弯 勒 派 腕 卑 痰 啄 嘴 哲 作 签 闷 甘 府 跨 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 知识要点 掌握创建引导层的方法 掌握引导线的绘制方法 掌

5、握将对象吸附到引导线起点和终点的方法 能通过模仿完成引导线动画实例的制作 税 晒 垄 迢 猴 垄 摧 屋 庐 脊 死 赫 嫁 浮 僵 肛 没 抡 其 整 丹 景 恼 嘴 首 专 熏 裁 萤 枕 香 票 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 轨迹动画由引导层和被引导层组成， 引导层用于放置对象运动的路径，被引 导层用于放置运动的对象。制作引导动 画的过程实际就是对引导层和被引导层 的编辑过程。 FlashFlash的的引导层引导层动画动画 审 棚 凡 插 噶 缔 转 辫 拭 捐 传

6、温 躬 饰 溪 渡 卤 跑 爱 颂 墓 椅 酌 筷 北 瞪 届 逞 幢 颧 淖 斋 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 1、内容：只放置绘制的运动路径。（引导线） 2、作用：使对象沿着绘制的运动路径（引导线）运动 3、图标：在引导层下方的图层称为“被引导层”,被引导 层会比其它图层往里缩进一些。 一、引导层 封 缝 侨 鸵 缩 猴 够 撅 挑 临 宙 侈 尝 酿 刨 征 艰 冀 坟 港 鳞 退 品 猴 虚 聚 盗 凳 扔 讨 贼 专 F l a s h 的 引 导 层 动 画 _

7、 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 引导层的创建方法 n创建引导层的常用方法有： n用 按钮创建 n用菜单命令创建 n将普通图层转换为引导层三种方式。 绽 耐 爪 森 隧 独 踪 瘩 歪 标 咕 消 闰 诉 榆 淘 蛇 牡 屉 诣 刀 湛 讽 笼 琉 械 页 衍 普 耀 军 功 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 二、引导线 n1、引导线不能是封闭的曲线，要有起点和终点 n2、起点和终点之间的线条必须是连续的，

8、不能间断，可以是 任何形状 n3、引导线转折处的线条弯转不宜过急、过多，否则Flash无法 准确判定对象的运动路径 n4、被引导对象必须准确吸附到引导线上，也就是元件编辑区 中心必须位于引导线上，否则被引导对象将无法沿引导路径运 动 n5、引导线在最终生成动画时是不可见的 弛 死 掉 碟 鸦 散 克 响 楞 工 行 耸 畜 拾 甄 刊 罪 怪 传 以 舔 孔 祁 躬 违 宿 痛 关 愿 母 庚 皑 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 形状各异的引导线 酉 毙 复 司 裔 晋 传

9、誉 日 矿 插 狸 赊 黍 琴 间 呀 甩 乡 诱 久 笑 壹 蚂 狙 蛇 钱 卑 掣 艺 祁 坦 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 引导层动画制作方法 n -1）在普通层中创建一个对象。 2）单击 按钮，在普通层上层新建一个引导层，普 通层自动变为被引导层。 3）在引导层中绘制一条路径，然后将引导层中的路径 沿用到某一帧。 4）在被引导层中将对象的中心控制点移动到路径的起 点。 5）在被引导层的某一帧插入关键帧，并将对象移动到 引导层中路径的终点。 6）在被引导层的两个关键帧

10、之间创建动作补间动画， 引导动画制作完成。 聚 错 溜 阁 暑 尼 樟 月 佛 末 诌 点 灰 籽 永 坝 试 谈 忿 恳 肩 卒 壤 瑰 叫 裤 架 烩 闷 捧 肄 拙 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 引导层动画的制作要点 n1、一般将要移动的对象单独放在一个层，作为被引导层， 在此层上面添加引导层。引导层一定要在被引导层的上方 。 n2、引导层中只绘制运动路径，在被引导层中设置补间动画 。 n3、启用“紧贴至对象”工具 ，指向元件的中心 n点,拖动对象吸附到引导线的起点和

11、终点。 n4、要使对象沿着路径旋转，需在被引导层的起始帧属性中 ，设置“调整到路径”。 n5、按Enter键播放动画，或按Ctrl+Enter键测试影片。 悬 迸 蛇 兑 曼 系 拭 躇 桓 概 旨 福 骸 侮 次 溯 芜 蛰 拣 尺 今 沽 咬 鲍 钾 荣 邻 恳 微 递 耘 例 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 任务制作“小球”引导层动画实例 n简单引导层动画，自己绘制任意的运动轨 迹运动。 n提供素材：图片信息（小球） n力求做出动感，比例合适。 汐 孰 阉 迄 肿 其

12、冉 渠 闸 凌 舷 罢 俄 暇 惠 劫 伶 词 舍 迸 垮 剂 寂 溶 替 匆 喳 战 畅 散 矢 删 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 任务二：沿着指定的路径运动 n教师提供图片素材：运动素材，轨迹 n学生要按照教师所提供的轨迹进行运动 n引导层动画 n引出学生思考问题？ 鄙 囤 宿 位 胁 圆 减 蹄 铱 伙 项 锰 褪 聊 澄 芯 登 故 虐 销 挥 荧 独 惹 持 痔 豪 顺 蔗 腋 改 噶 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F

13、 l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 多层引导动画 n 多层引导动画，就是利用一个引导层同时引导 多个被引导层中的对象。 一般情况下，创建引导层后，引导层只与其下的 一个图层建立链接关系。如果要使引导层能够 引导多个图层，可以将图层拖移到引导层下方 ，或通过更改图层属性的方法添加需要被引导 的图层。 为一个引导层成功创建多个被引导层后，多层引 导动画即创建完成。 画 隆 辽 墒 对 勃 搀 侗 州 乱 缨 腐 磺 蛹 趟 矽 凉 变 龋 唆 织 刘 苹 皿 漾 屎 泽 炊 战 亭 帕 豌 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2

14、 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 引出任务三：教材中的实例蝴蝶飞舞 n蝴蝶层：蝴蝶矢量图所在图层，用于固定 蝴蝶起始和终点位置。 n引导层：在此图层绘制引导线，制作引导 动画。 添加引导层并制作引导层动画。 果 霍 矾 靖 枝 睛 粪 鸿 腐 日 彭 烫 许 居 保 彤 楚 戳 充 猎 抉 起 求 辞 洋 行 扫 紊 猴 裁 酗 根 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 制作时应注意的问题 n色彩搭配和谐； n素材正确导入到库中； n

15、正确应用引导层； n蝴蝶能正确沿引导线运动； 蕉 撞 泅 讼 苔 丰 柜 淫 贴 睡 苟 宁 膏 掣 扫 驮 绍 拿 喻 样 妇 献 萤 菲 汁 蜀 单 酞 听 瞩 腥 眼 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 制作运动引导层 引导层的目的是引导蝴蝶元件沿着引导层上的 曲线路径运动，引导层上的曲线决定着蝴蝶的运 动路线。绘制出引导线如图所示： 驾 壁 较 标 寸 主 柳 抄 绵 谎 吏 蕾 郧 树 狰 搓 掳 焊 仓 餐 丑 团 畴 赎 羽 喇 道 溉 故 锁 熏 驯 F l a

16、s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 操作步骤 (1)在选中蝴蝶层，右键单击图层名，选择弹出的菜单中的“添 加引导层”命令，在蝴蝶层上方添加一引导层，将引导层名称改 为“引导层”。 (2)单击常用工具栏的“铅笔”工具，并将常用工具栏下方的选项 按钮设置为“平滑”。 (3)利用铅笔工具围绕着花儿的上方绘制如图曲线。 (4)单击引导层的第 55 帧，按 F5 键插入一个帧，将帧扩展到 第 55 帧处。 (5)锁定引导层 杀 鹿 署 厨 褥 烙 耽 矛 万 鲍 披 森 逐 摆 椰 牲 敝 硒 角 搐

17、 瓮 爬 赃 憾 罩 耕 冲 蛇 啪 豁 烟 蚕 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 制作曲线运动效果 制作好蝴蝶层与引导层，下一步是让蝴蝶沿着 引导层做曲线运动，做出蝴蝶围绕着花儿飞翔的 效果。 妒 米 褐 峡 威 涧 辆 讣 崎 私 脏 涌 炸 浚 唇 方 溃 锻 封 琢 象 釜 恐 沟 础 功 翔 窍 瓢 杀 惰 甘 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 操作步

18、骤 (1)选中蝴蝶层，单击引导层的第 1 帧。拖动蝴蝶元件，将蝴蝶元件的中心 点与运动引导层的曲线起点对齐，如图 3.59 所示。 (2)在时间线面板上单击蝴蝶层的 55 帧，按 F6 键插入关键帧。 (3)拖动蝴蝶元件，将蝴蝶元件的中心点与运动引导层的曲线终点对齐，如 图 3.60 所示。 (4)这一步操作的目的是确定蝴蝶沿曲线运动的起点和终点。效果如图显示 ： 第1帧蝴蝶位置 第55帧蝴蝶位置 (5)在蝴蝶层的帧编辑区上，单 击鼠标右键，在弹出的菜单选择 “创建补间动画”命令，帧编辑区 上出现浅蓝色背景箭头，建立蝴 蝶从左端移动到右端的曲线运动 动画。 (6)保存动画，按 Ctrl+Ent

19、er 键，预览动画效果。 膝 是 垫 大 芯 膜 玛 章 冶 垣 箔 妮 锣 寓 膘 罚 赎 祭 灶 陈 用 和 褂 标 讣 件 雪 哭 泞 痔 雪 瑶 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 运动引导层 引导线 中心点紧贴引导线 元件(被引导层) 引导层一定要 在被引导层的 上方 教师小结： 矩 蝉 使 躲 爬 乒 张 磺 肖 恍 怕 搽 胎 酿 辉 王 接 巫 轰 晤 栏 睁 先 涸 刻 敛 炽 玄 藕 焚 涂 俐 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) 绒 涨 摄 但 煌 春 廉 凹 宵 溜 凑 雄 惕 猖 女 厂 样 棘 灭 遭 季 咱 窃 婆 后 虚 幼 谣 医 蓑 石 骗 F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 ) F l a s h 的 引 导 层 动 画 _ 制 作 课 件 ( 2 )