引导层动画课件1
合集下载
(电脑)高级动画制作详解(计算机讲座教学培训课件)
前面学习了运动引导层的创建方法后，接下来通过实例“世 界杯”来讲解创建运动引导层动画的具体应用。最终效果如 图6-5所示。
图6-5 “世界杯”动画效果
（计算机讲座教学培训课件）
制作“世界杯”动画实例步骤如下： 单击菜单栏中的【文件】/【打开】命令，打开教学资源 包\素材\第六章/”目录下的“世界杯.fla”文件，如图66所示。
（计算机讲座教学培训课件）
6.2 遮罩动画
同前面学习的运动引导层动画相同，在flash中遮罩动画 的创建至少需要两个图层才能完成，分别是遮罩层和被 遮罩层，位于上方用于设置遮罩范围的图层被称为遮罩 层，而位于下方则是被遮罩层，遮罩层如同一个窗口， 通过它可以看到其下被遮罩层中的区域对象，而被遮罩 层区域以外的对象将不会显示。另外，在制作遮罩动画 时还需要注意；一个遮罩层下可以包括多个被遮罩层， 不过按钮内部不能有遮罩层，也不能将一个遮罩应用于 另一个遮罩。
遮罩层 被遮罩层
图6-15 使用“遮罩层”命令创建遮罩层
（计算机讲座教学培训课件）
2.使用“图层属性”对话框创建遮罩层 在【图层属性】对话框中除了可以用于设置运动引导层 外，还可以设置遮罩层与被遮罩层，具体操作如下： （1）选择【时间轴】面板中需要设置为遮罩层的图层， 单击菜单栏中的【修改】/【时间轴】/【图层属性】命令， 或者在该图层处单击右键，选择弹出菜单中的【属性】 命令，都可弹出【图层属性】对话框。 （2）在【图层属性】对话框中，选择“类型”选项的 “遮罩层”选项，如图6-16所示。 （3）单击“确定”按钮，此时，将当前图层设为遮罩层， 如图6-17所示。
（计算方机讲座教法学培训二课件） ：通过在“图层属性“对话框中进行设置。 1.使用“添加传统运动引导层“命令创建运动引导层 使用“添加传统运动引导层“命令创建运动引导层式最为方便的一种 方法，具体操作如下： （1）在【时间轴】面板中选择需要创建运动引导层动画的对象所在 的图层。 （2）然后单击鼠标右键，在弹出菜单中选择【添加传统运动引导层】 命令，即可在刚才所选图层的上面创建一个运动引导层（此时创建的 运动引导层前面的图标以显示），并且将原来所选图层设为被引导层。 如图6-1所示。
图6-5 “世界杯”动画效果
（计算机讲座教学培训课件）
制作“世界杯”动画实例步骤如下： 单击菜单栏中的【文件】/【打开】命令，打开教学资源 包\素材\第六章/”目录下的“世界杯.fla”文件，如图66所示。
（计算机讲座教学培训课件）
6.2 遮罩动画
同前面学习的运动引导层动画相同，在flash中遮罩动画 的创建至少需要两个图层才能完成，分别是遮罩层和被 遮罩层，位于上方用于设置遮罩范围的图层被称为遮罩 层，而位于下方则是被遮罩层，遮罩层如同一个窗口， 通过它可以看到其下被遮罩层中的区域对象，而被遮罩 层区域以外的对象将不会显示。另外，在制作遮罩动画 时还需要注意；一个遮罩层下可以包括多个被遮罩层， 不过按钮内部不能有遮罩层，也不能将一个遮罩应用于 另一个遮罩。
遮罩层 被遮罩层
图6-15 使用“遮罩层”命令创建遮罩层
（计算机讲座教学培训课件）
2.使用“图层属性”对话框创建遮罩层 在【图层属性】对话框中除了可以用于设置运动引导层 外，还可以设置遮罩层与被遮罩层，具体操作如下： （1）选择【时间轴】面板中需要设置为遮罩层的图层， 单击菜单栏中的【修改】/【时间轴】/【图层属性】命令， 或者在该图层处单击右键，选择弹出菜单中的【属性】 命令，都可弹出【图层属性】对话框。 （2）在【图层属性】对话框中，选择“类型”选项的 “遮罩层”选项，如图6-16所示。 （3）单击“确定”按钮，此时，将当前图层设为遮罩层， 如图6-17所示。
（计算方机讲座教法学培训二课件） ：通过在“图层属性“对话框中进行设置。 1.使用“添加传统运动引导层“命令创建运动引导层 使用“添加传统运动引导层“命令创建运动引导层式最为方便的一种 方法，具体操作如下： （1）在【时间轴】面板中选择需要创建运动引导层动画的对象所在 的图层。 （2）然后单击鼠标右键，在弹出菜单中选择【添加传统运动引导层】 命令，即可在刚才所选图层的上面创建一个运动引导层（此时创建的 运动引导层前面的图标以显示），并且将原来所选图层设为被引导层。 如图6-1所示。
初中信息技术_用引导线动画设计自由运动教学课件设计
活动贰 • 编辑引导线做多段动画
活动要求：编辑引导层做多段动画， 实现燕子飞向大树，在树上暂时停歇， 渐渐飞远。
活动贰 -编辑引导线做多段动画
注意事项
1.引导层可以通过关键帧进行分段管理， 设计不同的引导线
2.被引导层也可以通过关键帧进行分段管理， 设计不同阶段的运动速度、方向等
3.还可以使用多对线引导动画，让动画 更加丰富多彩
1.创建被引导层 2.创建引导层，绘制引导线 3.设置运动起止位置
活动壹 • 用引导线设计运动路径
活动要求：通过设计引导层，创建 燕子沿着引导线飞入到空中的动画
活动壹 -用引导线设计运动路径
注意事项
1.引导层与被引导层的位置关系 2.引导层中的线条特点，尤其不能是封闭的线条 3. 动画补间需要在被引导层中设计 4. 被引导的元件实例是唯一的
拓展 -用音乐增强动画感染力
通过引入背景音乐体验音频的应用与控制， 完善自己的作品
交流与体会
1.引导线动画的制作要点？ 2.对引导线的绘制有什么要求？ 3.如何把运动实例更容易放在计自由运动
通过设计引导层创建燕子沿着引导线飞入到空中的动画用引导线设计运动路径活动壹1
微项目2
用引导线动画设计自由运动
学习 壹 • 熟练掌握引导层动画的制作方法 目标 贰 • 体会引导线设计多段动画的应用
自主探究
什么是引导层？
引导层是Flash动画中绘制 引导路径与参与图像的图层。
自主探究 引导线动画创作的基本过程？
Flash的引导层动画_制作课件
03引导层与被引导层
引导层位于被引导层之上
04曲线动画创建
传统方法：利用引导层与引导线创建 Flash CS4及以后版本可以直接编辑运动路径
即墨二专
目录
曲线动画的基础知识 曲线动画的基本操作
曲线动画的知识拓展
即墨二专
基本操作
制作方法 1 在普通层上创建对象，制作动作补间动画 2 右击普通层，选择“创建运动引导层” 3 在引导层中绘制运动路径（引导线） 4 在被引导层中将对象的中心点吸附 到路径上
02引导线
不闭合的曲线，作 为对象的运动路径
即墨二专
基础知识
03引导层与被引导层
在被引导层上右击，选择“添加传统运动引导层” 引导层位于被引导层之上
04曲线动画创建
传统方法：利用引导层与引导线创建
Flash CS4及以后版本可以直接编辑运动路径
即墨二专
基础知识
动 手 试 一 试 在被引导层上右击，选择“添加传统运动引导层”
曲线动画
潘延龙 即墨市第二职业中专
动画欣赏
两个蝴蝶飞舞的 动画有何不同？
即墨二专
目录
曲线动画的基础知识 曲线动画的基本操作
曲线动画的知识拓展
即墨二专
目录
曲线动画的基础知识 曲线动画的基本操作
曲线动画的知识拓展
即墨二专
基础知识
01引导层作用
放置引导线，使对 象沿着引导线运动
5 将对象中心点移动到引导层中路径的终点
即墨二专
基本操作
制作要点 一定要启用“贴紧至对象”工具 要使对象垂直于路径，应选择“调整到路径” 引导层设置路径，被引导层创建动画
即墨二专
引导层位于被引导层之上
04曲线动画创建
传统方法：利用引导层与引导线创建 Flash CS4及以后版本可以直接编辑运动路径
即墨二专
目录
曲线动画的基础知识 曲线动画的基本操作
曲线动画的知识拓展
即墨二专
基本操作
制作方法 1 在普通层上创建对象，制作动作补间动画 2 右击普通层，选择“创建运动引导层” 3 在引导层中绘制运动路径（引导线） 4 在被引导层中将对象的中心点吸附 到路径上
02引导线
不闭合的曲线，作 为对象的运动路径
即墨二专
基础知识
03引导层与被引导层
在被引导层上右击，选择“添加传统运动引导层” 引导层位于被引导层之上
04曲线动画创建
传统方法：利用引导层与引导线创建
Flash CS4及以后版本可以直接编辑运动路径
即墨二专
基础知识
动 手 试 一 试 在被引导层上右击，选择“添加传统运动引导层”
曲线动画
潘延龙 即墨市第二职业中专
动画欣赏
两个蝴蝶飞舞的 动画有何不同？
即墨二专
目录
曲线动画的基础知识 曲线动画的基本操作
曲线动画的知识拓展
即墨二专
目录
曲线动画的基础知识 曲线动画的基本操作
曲线动画的知识拓展
即墨二专
基础知识
01引导层作用
放置引导线，使对 象沿着引导线运动
5 将对象中心点移动到引导层中路径的终点
即墨二专
基本操作
制作要点 一定要启用“贴紧至对象”工具 要使对象垂直于路径，应选择“调整到路径” 引导层设置路径，被引导层创建动画
即墨二专
引导层动画
2、同学们在利用Flash制作动画时，会用到很多的实例与符号（也 称元件）。对于实例与符号的关系，下列描述中正确的是（ ）。 A、两者根本没有关系 B、修改符号的属性会影响实例的属性 C、修改实例的属性会影响符号的属性 D、修改符号的属性不会影响实例的属性
3、Flash无法直接创建的动画效果是（
）。
A、补间动画
C、三维动画
B、逐帧动画
D、平面动画
4、下列关于矢量图的叙述不正确的是（
）。
A、矢量图是使用数学运算的方式显示各种形状对象 B、矢量图中改变对象的大小,不会影响图片质量 C、Flash动画之所以小巧玲珑与其大量使用矢量图形是分 不开的 D、矢量图放大以后图像会失真
5、如果某位同学要使用Flash制作《月亮围绕地球旋转》的动 画，使用哪种动画制作技术手段最为方便（ ）。 A、逐帧动画 C、形状补间动画 B、动作补间动画 D、引导层动画
引导层动画
L/O/G/O
一、引导层动画的原理
引导动画是物体沿着一个设定的线段做运动，只要固定起始点 和结束点，物体就可以沿着线段运动，这条线段就是所谓的引导线。 引导层和被引导层是制作引导动画的必须图层。引导层位于被 引导层的上方，在引导层中绘制对象的运动路径，引导层是Flash中 一种特殊的图层，在影片中起辅助作用，引导层不会导出，因此不 会显示在发布的SWF文件中，而与之相连接的被引导层则沿着引导 层中的路径运动。
6、在Flash中，（ A、铅笔工具 C、线条工具
）是专门用来选取对象的工具。
B、选取工具 D、矩形工具
引导层是用来指示对象运行路径的，必须是打散的图形。路径 不要出现太多交叉点。被引导层中的对象必须依附在引导线上。简 单的说，在动画的开始和结束帧上，让元件实例的变形中心点吸附 到引导线上。
第十三课 引导层动画 课件
制作引导层动画?1在小球图层上右击选择添加引导层?2添加引导线绘制运动轨迹?3对齐路径引导线绘制?我们可以使用铅笔工具钢笔工具线条工具等进行引导线的绘制?引导线是引导层动画的运动轨迹添加引导线后动画中的对象就能沿着这一轨迹运动对齐路径?要想动画中的对象能沿着绘制的轨迹运动就需要将对象与所绘制的轨迹关联起来
• 通过设置补间动画的“属性”，可以 调整引导层动画中物体的运动细节。 例如，调整“旋转”效果，设置“调 整到路径”、“同步”、“对齐”等 选项，可以呈现不同的动画效果。
• 谢谢大家！
• 1、引导线不能是封闭的曲线。 • 2、起点和终点之间的线条必须是连续的 • 3、引导线转折处的线条弯转不宜过急、过多 • 4、被引导对象必须准确吸附到引导线上 • 5、引导线在最终生成动画时是不可见的。
拓展任务
根据所学内容，打开“公转动画.fla” 制作地球公转动画(考虑地球自转）
教你一招
完善动画效果
• 如何关联？
◊ 对齐实例中的中心点 中心点：默认为元件的中心位置，有一个小圆圈。 实 例：元件被应用到舞台中或被应用于另一个
元件中，就叫做实例
动动手
• 任务一： • 打开桌面上的“小球（任务1）.fla”制作小
球运动动画
• 温馨小提示：
• 引导层的操作类似于普通图层，可添加、 删除，当修改引导层中的引导线后，中心 点需重新进行吸附哦！
制作引导层动画
• 1、在“小球”图层上右击，选择“添加引 导层”
• 2、添加引导线，绘制运动轨迹 • 3、对齐路径
引导线绘制
• 引导线是引导层动画的运动轨迹，添加引导 线后，动画中的对象就能沿着这一轨迹运动
• 我们可以使用铅笔工具、钢笔工具、线条工 具等进行引导线的绘制
• 通过设置补间动画的“属性”，可以 调整引导层动画中物体的运动细节。 例如，调整“旋转”效果，设置“调 整到路径”、“同步”、“对齐”等 选项，可以呈现不同的动画效果。
• 谢谢大家！
• 1、引导线不能是封闭的曲线。 • 2、起点和终点之间的线条必须是连续的 • 3、引导线转折处的线条弯转不宜过急、过多 • 4、被引导对象必须准确吸附到引导线上 • 5、引导线在最终生成动画时是不可见的。
拓展任务
根据所学内容，打开“公转动画.fla” 制作地球公转动画(考虑地球自转）
教你一招
完善动画效果
• 如何关联？
◊ 对齐实例中的中心点 中心点：默认为元件的中心位置，有一个小圆圈。 实 例：元件被应用到舞台中或被应用于另一个
元件中，就叫做实例
动动手
• 任务一： • 打开桌面上的“小球（任务1）.fla”制作小
球运动动画
• 温馨小提示：
• 引导层的操作类似于普通图层，可添加、 删除，当修改引导层中的引导线后，中心 点需重新进行吸附哦！
制作引导层动画
• 1、在“小球”图层上右击，选择“添加引 导层”
• 2、添加引导线，绘制运动轨迹 • 3、对齐路径
引导线绘制
• 引导线是引导层动画的运动轨迹，添加引导 线后，动画中的对象就能沿着这一轨迹运动
• 我们可以使用铅笔工具、钢笔工具、线条工 具等进行引导线的绘制
Flash引导层动画
引导层动画的组成
引导层 （用来放 置引导线）
被引导层 （用来放置被引导的 对象）
运动的对象
引导线 （对象运动的轨迹）
引导层的创建方法
引导线的绘制
• 我们可以利用铅笔工具、直线工具、钢笔工具等进行绘制，它有以下 几个特点： • 1、引导线必须是连续的。 • 2、引导线必须要有起点和终点，且起点和终点不能重合 。 • 3、引导线在最终生成动画时是看不见的。
引导层动画制作步骤总结
• 1、创建引导层和被引导层 • 2、绘制引导线 • 3、绘制对象创建补间动画，并且让补间动画前后两端的关键帧分别 吸附于引导线的起点和终点。 • 4、如果想让引导线在动画运行时显示，可以将引导线复制，然后新 建一个图层，在第一帧处原位置粘贴，ctrl+shift+v
活学活用
• 请同学们发挥想象，利用本节课讲的内容，自己设计制作一个引导层 动画。
• 谢谢大家
初中信息技术 （8年级）
Flash引导层动画
作 者：姜 勇
作者单位：连云Βιβλιοθήκη 市连云中学任教学科：信息技术
什么是引导层动画
• 观察下面两个flash动画，比较他们的区别。
第一个动画中，小汽车沿直线运动，第二个动画中，小汽车沿曲线运动。 像这样让对象沿着复杂路径进行移动的动画，我们称之为引导层动画，又 叫路径动画。
引导层动画制作步骤总结
• 1、创建引导层和被引导层 • 2、绘制引导线 • 3、绘制对象创建补间动画，并且让补间动画前后两端的关键帧分别 吸附于引导线的起点和终点。 • 4、如果想让引导线在动画运行时显示，可以将引导线复制，然后新 建一个图层，在第一帧处原位置粘贴，ctrl+shift+v
创意大比拼
粤教版高中信息技术《引导层动画制作》课件
影片讲述了托马斯等一群男孩，被消除掉所有记忆之后，放到一个巨大的迷宫 之中，经过三年多无数次尝试，托马斯和小伙伴们终于成功逃离了迷宫的故事。 男主角托马斯在面对未知、恐惧的冷静态度。在保证自身安全的前提下，努力 做到最多、最好。这种敢于行动和挑战的精神值得我们学习。用行动面对一切， 我们把这种精神叫做行者精神。
4、选中人物图层后，新建引导层。 5、在引导层第一帧中用铅笔绘制路线。
6、在人物图层60帧插入关键帧并在59帧创建补间动画。
7、将第一帧和最后一帧人物与引导线的始端和终端对齐。 8、保存源文件。并导出SWF动画。
完成时间：15分钟 操作指南：
各组统分情况
组名 1组 2组 3组 4组
今天我们的任务就是一个游戏，分成二个小任务， 最终以动画的方式逃离迷宫。
我们分成四组进行比赛，小组成员可以互相帮助， 完成的同学可以走位置帮助未完成的同学。最后 以小组完成的人数计入小组总分。
苦练武功，为逃出迷宫做准备：
一、奔跑技能（补间动画）：
武功秘籍： 动画的原理就是会动的画，它的本质上就是一张 张变化的图片。种类上我们可以分为逐帧动画，补 间动画，引导层动画和遮罩动画。 逐帧动画是由一张静止的图片构成，是电脑中所 有变化的图象、视频的基础。说到底，电脑中任何 运动的画面都会转化为一张张的图片显示出来。 补间动画是做出动画的开始和结束，电脑自动生 成中间的画面，故名补间。就是补中间。而补间动 画又分为位置变化，形状变化等等类型。
任务1分数
任务2分数
小计
二、逃出迷宫（引导层动画）
武功秘籍：
引导层作为一个特殊的层，在引导层的帮助下， 可以实现对象沿着特定的路径运动。
引导线是物体运行的路线，中途不能断开，不在 最终的动画中显示。
4、选中人物图层后，新建引导层。 5、在引导层第一帧中用铅笔绘制路线。
6、在人物图层60帧插入关键帧并在59帧创建补间动画。
7、将第一帧和最后一帧人物与引导线的始端和终端对齐。 8、保存源文件。并导出SWF动画。
完成时间：15分钟 操作指南：
各组统分情况
组名 1组 2组 3组 4组
今天我们的任务就是一个游戏，分成二个小任务， 最终以动画的方式逃离迷宫。
我们分成四组进行比赛，小组成员可以互相帮助， 完成的同学可以走位置帮助未完成的同学。最后 以小组完成的人数计入小组总分。
苦练武功，为逃出迷宫做准备：
一、奔跑技能（补间动画）：
武功秘籍： 动画的原理就是会动的画，它的本质上就是一张 张变化的图片。种类上我们可以分为逐帧动画，补 间动画，引导层动画和遮罩动画。 逐帧动画是由一张静止的图片构成，是电脑中所 有变化的图象、视频的基础。说到底，电脑中任何 运动的画面都会转化为一张张的图片显示出来。 补间动画是做出动画的开始和结束，电脑自动生 成中间的画面，故名补间。就是补中间。而补间动 画又分为位置变化，形状变化等等类型。
任务1分数
任务2分数
小计
二、逃出迷宫（引导层动画）
武功秘籍：
引导层作为一个特殊的层，在引导层的帮助下， 可以实现对象沿着特定的路径运动。
引导线是物体运行的路线，中途不能断开，不在 最终的动画中显示。
引导层动画
1.制作蝶恋花
1.选定需要的蝴蝶和花的图片，导入到库中 （自己绘制更好） 2.建立花层，作为背景层； 3.建立蝴蝶层；设定初始位置和终端位置，设 定动作补间动画。 4.建立引导层，绘制路径。 5.把蝴蝶吸附到路径的始点和终点。 6.按回车键试一试。
2.制作月球绕地球转的动画
3.制作小车过拱桥的动画 4.制作秋天落叶的动画。
引导层动画：带有引导层的动画； 1.引导层：放置对象的运动路径； 2.被引导层：运动、激 光写字等效果的制作。
引导线注意事项
1.不能封闭，要有起点和终点； 2.必须是连续，不能间断，可以是任何形状。 3.用吸附工具把原件编辑区中心拉到引导线上； 4.引导线在最终生成动画时不可见的。 .
课外作业
制作“鱼儿荷间戏”动画
Flash 引导层动画
学习目标
了解引导层动画的基本功能。 熟练掌握绘制引导层动画的制作方法。
逐帧动画
Flash
动
画
补间动画
动作补间
可以设置对象的大小、位置、旋转、 倾斜、颜色、透明度等等。但前提 是此对象为一个独立的元件。
分
类
形状补间
可以设置对象的形状变化。前提 是此对象为分离状态。
Flash引导层动画的几个概念
《引导层动画》课件
案例1：下载引导
指导用户下载软件并介绍其 主要功能，使用户快速上手。
案例2：新手引导
为第一次使用软件的用户提 供全面的功能和操作指引， 帮助他们尽快熟悉软件。
案例3：注册引导
引导用户进行注册并提供详 细的填写提示，确保用户顺 利完成注册流程。
引导层动画实现技术
引导层动画可以通过使用CSS3、HTML5和JavaScript来实现。此外，还可以使 用jQuery插件来简化开发过程。
设计引导层动画的步骤
1
规划引导步骤
确定引导层的内容和步骤，考虑用户需求和操作流程。
2
设计引导层界面
创建引导层的界面元素，包括文本、按钮和提示图标。
3
设计引导层动画
为引导层添加动画效果，使其吸引用户注意并引导操作。
4
界面和动画的组合
将引导层界面和动画无缝结合，创造出流畅的用户体验。
引导层动画的案例
《引导层动画》PPT课件
欢迎收看《引导层动画》PPT课件，本课将带您深入了解引导层动画的概念、 设计原则、实现技术以及其应用场景和案例。让我们一起开启学习之旅吧！
介绍引导层动画及其作用
引导层动画是一种用于展示、引导和提示用户操作的动画效果。它既可以增强用户体验，又可以提高用户学习 和操作的效率。 优势：
• 引导用户了解和掌握软件或网站的功能和操作流程 • 减少用户迷失和错误操作 • 提高用户学习和操作的效率 应用场景： • 软件新功能引导 • 网站导航引导 • 操作流程引导
设计引导层动画的原则
• 情境合理性：与操作场景相符合，不突兀或违和 • 易于理解：简单明了的提示和指引 • 易于操作：操作便捷，不需要复杂的交互步骤 • 可管理性：便于添加、修改和删除引导层 • 轻盈度：不对用户造成过多干扰或加载负担
Flash的引导层动画制作PPT专业课件PPT专业课件
变化。前提是此对象为 分离状态。(Break Apart)
Flash的引导层动画
Flash提供了一种简便方法来实现对象沿着复杂路 径移动的效果，这就是引导层。带引导层的动画又叫轨 迹动画。
引导层可以实现如树叶飘落，小鸟飞翔， 蝴蝶飞舞，星体运动，激光写字等效果的制 作。
知识要点
掌握创建引导层的方法 掌握引导线的绘制方法 掌握将对象吸附到引导线起点和终点的方法 能通过模仿完成引导线动画实例的制作
Flash的引导层动画
轨迹动画由引导层和被引导层组成， 引导层用于放置对象运动的路径，被引 导层用于放置运动的对象。制作引导动 画的过程实际就是对引导层和被引导层 的编辑过程。
一、引导层
1、内容：只放置绘制的运动路径。（引导线） 2、作用：使对象沿着绘制的运动路径（引导线）运动 3、图标：在引导层下方的图层称为“被引导层”,被引 导
(3)利用铅笔工具围绕着花儿的上方绘制如图曲线。
(4)单击引导层的第 35 帧，按 F5 键插 入一个帧，将帧扩展到第 35 帧处。
(5)锁定引导层
制作曲线运动效果
制作好蝴蝶层与引导层，下一步是让蝴蝶沿着 引导层做曲线运动，做出蝴蝶围绕着花儿飞翔的 效果。
操作步骤
(1)选中蝴蝶层，单击引导层的第 1 帧。拖动蝴蝶元件，将蝴蝶元件的中心 点与运动引导层的曲线起点对齐，如图 3.59 所示。
(2)在时间线面板上单击蝴蝶层的 35 帧，按 F6 键插入关键帧。 (3)拖动蝴蝶元件，将蝴蝶元件的中心点与运动引导层的曲线终点对齐，如 图 3.60 所示。 (4)这一步操作的目的是确定蝴蝶沿曲线运动的起点和终点。效果如图显示：
(5)在蝴蝶层的帧编辑区上，单 击鼠标右键，在弹出的菜单选择 “创建补间动画”命令，帧编辑 区上出现浅蓝色背景箭头，建立 蝴蝶从左端移动到右端的曲线运 动动画。
Flash的引导层动画
Flash提供了一种简便方法来实现对象沿着复杂路 径移动的效果，这就是引导层。带引导层的动画又叫轨 迹动画。
引导层可以实现如树叶飘落，小鸟飞翔， 蝴蝶飞舞，星体运动，激光写字等效果的制 作。
知识要点
掌握创建引导层的方法 掌握引导线的绘制方法 掌握将对象吸附到引导线起点和终点的方法 能通过模仿完成引导线动画实例的制作
Flash的引导层动画
轨迹动画由引导层和被引导层组成， 引导层用于放置对象运动的路径，被引 导层用于放置运动的对象。制作引导动 画的过程实际就是对引导层和被引导层 的编辑过程。
一、引导层
1、内容：只放置绘制的运动路径。（引导线） 2、作用：使对象沿着绘制的运动路径（引导线）运动 3、图标：在引导层下方的图层称为“被引导层”,被引 导
(3)利用铅笔工具围绕着花儿的上方绘制如图曲线。
(4)单击引导层的第 35 帧，按 F5 键插 入一个帧，将帧扩展到第 35 帧处。
(5)锁定引导层
制作曲线运动效果
制作好蝴蝶层与引导层，下一步是让蝴蝶沿着 引导层做曲线运动，做出蝴蝶围绕着花儿飞翔的 效果。
操作步骤
(1)选中蝴蝶层，单击引导层的第 1 帧。拖动蝴蝶元件，将蝴蝶元件的中心 点与运动引导层的曲线起点对齐，如图 3.59 所示。
(2)在时间线面板上单击蝴蝶层的 35 帧，按 F6 键插入关键帧。 (3)拖动蝴蝶元件，将蝴蝶元件的中心点与运动引导层的曲线终点对齐，如 图 3.60 所示。 (4)这一步操作的目的是确定蝴蝶沿曲线运动的起点和终点。效果如图显示：
(5)在蝴蝶层的帧编辑区上，单 击鼠标右键，在弹出的菜单选择 “创建补间动画”命令，帧编辑 区上出现浅蓝色背景箭头，建立 蝴蝶从左端移动到右端的曲线运 动动画。
初中八年级-引导层动画(省一等奖)
教学设计案例分析容，逐层显示内容灰太狼影片剪辑元件：导层。
形成制作时要建立多个图层的印象。
讲解示范故事1-狼来了场景1中1、导入背景图片、灰太狼素材2、修改文档属性。
3、图层1命名为背景，选择库中的背景图片添加到舞台，并在第50帧插入帧4、添加图层2命名为灰太狼，将灰太狼影片剪辑元件拖至舞台5、添加运动引导层，使用铅笔工具绘制灰太狼的行走路线。
并在第70帧插入帧。
6、在灰太狼图层的第50帧插入关键帧，调整第一帧和最后一帧中灰太狼学生观察跟着老师的讲解和提问共同制作引导层的制作过程中需要注意很多问题，在初次的尝试制作中，学生体会制作方法，在错误中感悟制作技巧。
的位置，将灰太狼的中心与引导线交叉。
设置灰太狼的运动起点和终点位置。
学生操作，教师巡视。
时限5分钟作品展示展示学生作品，分析制作失败原因总结制作要点：1、图层内容要分清：引导层中只有引导线，引导线是被引导层（灰太狼）的运动路径，自身没有动画效果。
2、引导线：引导线可以交叉，但是不能有重合和断点学生深刻认识到引导层动画的制作技巧课堂小结，巩固学习内容，为下一任务的独立完成打基础。
故事2-狼抓羊师：灰太狼看到了喜羊羊就立刻追上。
看看你的灰太狼是不是能够抓上羊呢展示狼抓羊时间轴学生尝试制作。
分析时间轴与上一任务的区别，多引导层动画，并合作尝试制作学生认识到多引导层的插入方法。
巡视指导学生完成作业。
作品展示展示学生作品，学生讲述设计的关键学生分享加深对引和目的。
制作经验。
导层动画的知识积累。
故事3-拯救小羊（拓展作业训练）懒羊羊被抓了，小羊们要去救他，请设计动画效果。
参考时间轴和背景效果图：学生分析任务认识一个引导层引导多个对象（被引导层）课堂总结这节课我们主要学习了，影片剪辑元件的制作和引导层动画的制作，在绘制引导线时要注意哪些呢学生：引导线不能过于陡峭，线条不能间断、交叉或闭合。
教学反思：课堂情境的创设符合贴近学生，能够引起学生的学习兴趣。
适当的情境与主题任务的选择是一堂课成功的关键，我分析了书中的教学目标和教学内容，设置了学生比较感兴趣的动画题材。
引导层动画
关键桢含义： 关键桢含义： •能使物体在关键部位 能使物体在关键部位 运动的桢。 运动的桢。 （如：物体运动始末 位置、转弯位置等） 位置、转弯位置等）
基本步骤： 基本步骤：
• 第一步：改变颜色，将笔触颜色改为无色，将填 第一步：改变颜色，将笔触颜色改为无色， 充色改为灰白渐变色。 充色改为灰白渐变色。 • 第二步：利用椭圆工具画一椭圆。 第二步：利用椭圆工具画一椭圆。 • 第三步：用选择工具选中并右击鼠标将其转换为 第三步： 图形元件。 图形元件。 • 第四步：在图层 上右击鼠标选择添加引导层，并 第四步：在图层1上右击鼠标选择添加引导层 上右击鼠标选择添加引导层， 利用铅笔工具在引导层上画一条平滑线条， 利用铅笔工具在引导层上画一条平滑线条，并在 桢位置加入关键桢(将笔触颜色改为黑色 第30桢位置加入关键桢 将笔触颜色改为黑色 。 桢位置加入关键桢 将笔触颜色改为黑色)。 • 第五步：利用选择工具将图层 上的椭圆中心放在 第五步：利用选择工具将图层1上的椭圆中心放在 线条的起点。 线条的起点。 • 第六步：在第 桢位置右击鼠标加入关键桢，再 第六步：在第30桢位置右击鼠标加入关键桢 桢位置右击鼠标加入关键桢， 将椭圆中心再放在第30桢末段位置上 桢末段位置上。 将椭圆中心再放在第 桢末段位置上。 • 第七步：选择图层 第1桢，在属性上将其改为动 第七步：选择图层1第 桢 画。 • 第八步：试播放效果。 第八步：试播放效果。
总结： 总结：
•引导层的含义。 引导层的含义。 引导层的含义 •关键桢运用。 关键桢运用。 关键桢运用 •制作引导层动画。 制作引导层动画。 制作引导层动画
引导层导层动画的含义。 掌握引导层动画的含义。 掌握引导层动画的含义 •理解关键桢的含义 理解关键桢的含义 •掌握引导层动画的基本 掌握引导层动画的基本 步骤。 步骤。
第8课制定行驶路线图——制作引导层动画课件
设置引导对象
对元件起始帧进行设置 对元件结束帧进行设置
任务三、
设置动画，让“校车”，沿着绘制的 路线行驶。可以参照书本的方法。
整个小组完成的同学该组加2分。
设置影片停止命令
动作面板 全局函数
时间轴控制 “Stop”命令
外校的同学通过同学们绘制的行 驶路线，已经后时 刻，我校队员投出了一个3分球。球投 进了吗？
（2）新建一个图层，重命名“图层 2”为“校车”，把库中的“校车”图形 拖到工作舞台中停车场边的马路上。
整个小组完成的同学该组加2分。
设置引导层
创建引导层 绘出引导线
任务二、
为“校车”图层增加一个引导层 ，并在引导层中绘出从停车场到江源小 学的一条行驶路线（参照书本55页到56 页）。
整个小组完成的同学该组加2分。
外校的同学乘车来我校参加校际篮 球比赛，但不知走哪条路才能到达我们 学校，让我们帮帮他们，用Flash软件 制作一幅动态路线示意图，使他们能顺 利地到达我校。
第8课
制定行驶路线图—— 制作引导层动画
抢答问题：
能不能将地图与校车元件放在同一 图层里？为什么？
回答问题的同学该组加2分。
任务一、
（1）打开flash,导入图片，重命名“ 图层1”为“地图”，把库中的“地图” 图形拖到工作舞台上，调整位置并锁定 图层。
ThankYou
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
上一页
下一页
首页
退出
教学反思
1.通过情景导入、自主学习、小组讨论学习，小组点评等
方式让每个学生都参与到学习中。有趣的任务牢牢吸引
了学生，增强了课堂的教学效果。 2.在课堂中能较自然地贯穿情感教育：爱护大自然（秋
叶），环保意识。
上一页
下一页
首页
退出
教学反思
3.在课堂中能较自然地贯穿情感教育：爱护大自然（秋
下一页
首页
退出
教学目标 过程与方法目标 1.了解引导层运动渐变动画的特点。学会在运动渐变动画 中使用引导层。 2.熟练掌握缩放、旋转和倾斜对象的方法。 3.通过“动画之星”评选，提高学习积极性和作品鉴赏能 力。
上一页
下一页
首页
退出
教学目标
情感、态度与价值观目标
体验动画制作的乐趣、学习的快乐、成功的喜悦；通过自 主探究与小组合作，培养自学能力与团队合作能力。
上一页
下一页
首页
退出
教学过程 六、布置作业
（一）选择题 1. 下列（ ）不是把层和运动引导层链接起来的方法？ A．将现有的层拖到运动引导层的下面，该层在运动引导层 下面以缩进形式显示。该层上的所有对象自动与运动引导路 径对齐。 B．在运动引导层下面创建一个新层，在该层上补间的对象 自动沿着运动路径补间 C．在运动引导层下面创建一个新层，选择“修改”>“时间 轴”>“图层”，然后在“图层属性”对话框中选择“被引 导”。 D．在运动引导层下面创建一个新层，进行相应命名即可。
上一页
下一页
首页
退出
教学重难点
重点：引导层的建立以及引导线的绘制。
难点：运动对象与引导线的吸附操作；使用“ 调整到路径”等手段控制被引导对象的运动方 向。
上一页
下一页
首页
退出
教 学 方 法
实例演示法，任务驱动法、提问，激发兴 趣， 指导法， 鼓励法等
上一页
下一页
首页
退出
教 学 用 具
多媒体机房，电脑上须安装极域电子教室 （教师控制学生机的软件），Flash CS3 ， ppt等软件。
上一页 下一页 首页 退出
教学过程
二、演示操作，讲解新课 （2）制作简单
的“落下来的秋叶” 动画 1. 在图层1的第 30帧处，按F5
2. 在图层2的第
30帧处，按F6。 3.建立第1帧到
30帧的运动补间。
上一页 下一页 首页 退出
教学过程 二、演示操作，讲解新课 任务二：添加引导层
1.单击时间轴上 的 ，添加一个引导 层，这时，“秋叶” 层上面出现一个名为 “引导层：秋叶”的 层。 2.选择引导层的第 一帧，用铅笔工具的 平滑模式画落叶的路 线。 3.选择第30帧，按 F5。
上一页
下一页
首页
退出
教学过程 三、自主探究，动手实践，提交作品
上一页
下一页
首页
退出
教学过程 四、展示作品，予以评价，评选动画之星
上一页
下一页
首页
退出
教学过程 五、教学小结、合作探究 提醒创建引导动画动中注意的要点引导线动画——可以 自定义对象运动路径，可以通过在对象上方添加一个运 动路径的层，在该层中绘制运动路线，而让对象沿路线 运动，而且可以将多个层链接到一个引导层，使多个对 象沿同一个路线运动。
令。
上一页
下一页
首页
退出
教学过程
★引导层动画的的原理
引导层作为一个特殊的层，在引导层的帮助下，可以实 现对象沿着特定的路径运动。设计中，可以将多个图层与同 一个运动引导层相关联，从而使多个对象沿相同的路径运动。 引导线---在引导层中对象移动的过程中，不在最终的动 画中显示，引导对象移动的线。 引导层动画----能把对象按引导层指定的路径动作的动画。
上一页
下一页
首页
退出
目 录 第8章引导层动画
上一页
下一页
首页
退出
教学目标 知识与能力目标 1.通过实例教学使学生理解Flash中引导线的含义及引导动画 的的原理； 2．通过实例教学使学生学会引导图层的建立和引导动画的实 现方法； 3．通过整个教学过程，培养学生的自学能力与小组合作、创 新精神。
上一页
上一页 下一页 首页 退出
教学过程 六、布置作业 （一）选择题 2．一个运动引导层可以被直接转化成？ Ａ.遮罩层 Ｂ.被遮罩层 Ｃ.普通层 Ｄ.普通帧
上一页
下一页
首页
退出
教学过程 六、布置作业 （二）上机实践题（导入新课中的动画效果中任选一个） 1.存钱罐 3.游动的鱼 2. 我是一只小小鸟 4.生日快乐
上一页
下一页
首页
退出
教学过程 一、创设情景，导入新课
展示与引导层相关的动画，同学们你们说一说，上面演示的这些动画 怎样制作的？
上一页
下一页
首页
退出
教学过程 二、演示操作，讲解新课 制作“落下来的秋叶”动画
上一页
下一页
首页
退出
教学过程 二、演示操作，讲解新课 ★ 实践和观察 任务一：制作秋叶的运动 补间（也可以手绘） （1）、制作背景。 1.启动Flash，新建一个 flash文档 2. 导入树干、秋叶和天空 等背景到图层1，将图层1名 称改为背景层 3.导入秋叶到图层2，将图 层2名称改为秋叶
叶），环保意识。
4. “动画之星”评选是本节课的亮点。通过教学网站评选 作品，生生互评，师生互评，学生参与度高，课堂气氛
活跃。
上一页
下一页
首页
退出
谢谢大家
上一页 下一页 首页 退出
上一页 下一页 首页 退出
教学过程 任务三：让秋叶飘动起来
1.选择秋叶层的 第1帧，把叶拖到 路线的起头。 2. 选择秋叶层的
第30帧，按F6并把
叶拖到路线的终点。
上一页
下一页
首页
退出
教学过程
3. 选择“秋 叶”层的第一帧， 在属性面板中选 择“调整到路径” 项目。 4.执行“控制 →测试影片”命