制作引导层动画
动画设计与制作——Flash CS6 06 制作引导层动画
（3） 在“引导层”图层下面新建图层并重命名为“篮球”层，在第4 帧插入关键帧，然后将“篮球”元件从【库】面板中拖动到“篮球”图 层上。
（4）在“篮球”图层的第30帧插入关键帧，在第4帧～第30帧创建传 统补间。
西南科技大学毕业论文答辩
（5）单击【贴近至对象】按钮 ，选择【选择】工具 ，设置篮球在第4 帧的位置到引导线的最左端，设置第30帧的位置到引导线的最右端，并 确保“篮球”元件的“变形中心”在引导线上。
第6章 制作引导层动画
了解引导层动画的制作原理。 熟悉引导层的创建方法。 掌握使用引导层制作动画的技巧。 掌握使用引导层模拟生物的方法。
西南科技大学毕业论文答辩
6.1 了解引导层动画制作原理
一、创建引导层和被引导层
在“图层1”上单击鼠标右键，在弹出的快捷菜单中选择【引导层】或【添 加传统运动引导层】命令可将其转化为引导层，如左图所示，如果要将 “图层2”转换为“被引导层”，需将“图层2”拖到“图层1”的下面，当 引导层的图标从 变为 时，释放鼠标左键，即可将其转换为被引导层，如右 图所示，其中“图层1”是引导层，“图层2”是被引导层。
西南科技大学毕业论文答辩
操作一 【重点案例】──制作“树叶上的毛毛虫”
西南科技大学毕业论文答辩
1、素材准备 西南科技大学毕业论文答辩
2、制作毛毛虫效果 西南科技大学毕业论文答辩
3、制作毛毛虫动画 西南科技大学毕业论文答辩
操作二 【突破提高】──制作“鱼戏荷间”
西南科技大学毕业论文答辩
1、制作鱼儿 （1）打开文件 （2）放置元件
（6）用鼠标右键单击“引导层”图层，在弹出的快捷菜单中选择【引 导层】命令，将其转化为引导层。 （7）将“篮球”图层拖动到“引导层”图层的下面，将其转化为被引 导层，如下图所示。
第8课制定行驶路线图——制作引导层动画课件
设置引导对象
对元件起始帧进行设置 对元件结束帧进行设置
任务三、
设置动画，让“校车”，沿着绘制的 路线行驶。可以参照书本的方法。
整个小组完成的同学该组加2分。
设置影片停止命令
动作面板 全局函数
时间轴控制 “Stop”命令
外校的同学通过同学们绘制的行 驶路线，已经后时 刻，我校队员投出了一个3分球。球投 进了吗？
（2）新建一个图层，重命名“图层 2”为“校车”，把库中的“校车”图形 拖到工作舞台中停车场边的马路上。
整个小组完成的同学该组加2分。
设置引导层
创建引导层 绘出引导线
任务二、
为“校车”图层增加一个引导层 ，并在引导层中绘出从停车场到江源小 学的一条行驶路线（参照书本55页到56 页）。
整个小组完成的同学该组加2分。
外校的同学乘车来我校参加校际篮 球比赛，但不知走哪条路才能到达我们 学校，让我们帮帮他们，用Flash软件 制作一幅动态路线示意图，使他们能顺 利地到达我校。
第8课
制定行驶路线图—— 制作引导层动画
抢答问题：
能不能将地图与校车元件放在同一 图层里？为什么？
回答问题的同学该组加2分。
任务一、
（1）打开flash,导入图片，重命名“ 图层1”为“地图”，把库中的“地图” 图形拖到工作舞台上，调整位置并锁定 图层。
ThankYou
《制作引导层动画》课件
本课程将介绍制作引导层动画的技巧。我们将探讨引导层动画的目的、规划、 选择软件和技术，同时提供最佳实践和避免常见错误的建议。
引导层动画的目的
1 增加视觉吸引力
引导层动画可以通过视 觉效果和动感图像吸引 观众的注意力。
2 解释复杂概念
引导层动画可以以一种 简明扼要的方式解释复 杂的概念和过程。
时间轴导航
1
帧与时间
理解时间轴上的帧和时间之间的关系，
层次结构
2
掌握动画的时间控制。
在时间轴中使用图层和目录将元素组
织起来，方便管理和调整。
3
动画控制
利用时间轴上的关键帧和动画面板， 对元素的动画进行调整和编辑。
3 增强信息传递
引导层动画可以帮助观 众更好地理解和记忆演 示文稿中的信息。
规划引导层动画
1
确定主题
选择一个清晰的主题，确保引导层动画与主题相一致。
2
故事梗概
建立一个引人入胜的ቤተ መጻሕፍቲ ባይዱ事梗概，编排好引导层动画的顺序。
3
制定脚本
编写一个简洁且有条理的脚本，确保引导层动画的内容流畅有序。
选择适合的软件
2D 动画软件
引导层动画的技巧
图像和文字
结合图像和文字，使引导层 动画更生动有趣。
转场效果
使用各种转场效果和过渡动 画，为引导层动画增加动感。
循序渐进
将引导层动画分为逻辑上连 贯的步骤，逐步展示和解释 信息。
关键帧制作引导层动画
1
确定起始帧
根据故事梗概和脚本，确定引导层动画的起始帧和初始状态。
2
设计关键帧
设计每个关键帧，确保元素的位置和外观在动画过程中连贯平滑。
动画制作——引导层动画
制作引导动画需要注意的：
引导路径必须是连续，并且是分离属性（即：打散） 的线条 被引导的对象必须是群组属性（即：元件符号） 被引导被引导层拖到引导层下方 右键单击图层，选取“引导”或“被引导”
小结
引导层的特点：
引导层可以控制被引导层的运动补间动画的路径，路 径是连续的曲线，可以是封闭的，也可以是非封闭的。 当被引导层的开始位置运动到结束位置有不止一条路 径时，系统会自动选择较短的路径作为引导路径 。若 补间动画的开始位置和结束位置在同一个地方则不能 实现引导层动画效果 引导层中的对象（即：路径）不会在动画中显示
动画制作——引导动画
让实体沿着一定的路径运动产生的动画效果。 引导层的作用：使对象实体沿着引导层中的路径 （直线、斜线、不规则曲线等）运动。 创建引导层的方法
在需要成为引导层的层上点击右键，选择“引导” 在需要被引导的层的时间线上单击鼠标，选择“添 加引导层”
引导层和被引导层的关联方法：
案例制作引导层动画
案例制作引导层动画引导层动画是一种常见的设计元素，用于引导用户在网站、应用或游戏中进行特定操作。
它可以通过动画效果、文字说明或箭头指示等方式，吸引用户的注意力并指导其如何正确操作。
下面将介绍一个关于制作引导层动画的案例。
假设有一个电商网站，最近推出了一个新功能，即在商品详情页增加了一个添加到购物车的按钮。
为了确保用户能够正确使用这一功能，网站决定制作一个引导层动画来引导用户操作。
下面是具体的步骤：1.确定引导层位置：首先需要确定引导层的位置，即在商品详情页的哪个位置显示引导层。
一般建议选择在按钮附近，以便用户能够直观地找到并进行下一步操作。
在本案例中，我们选择在添加到购物车按钮上方显示引导层。
2.设计引导层样式：引导层的样式需要与网站的整体风格相协调，同时也要突出显示。
可以使用半透明的遮罩层来覆盖整个页面，突出显示引导层。
在引导层上方放置说明文字或箭头，用于指示用户的操作。
3. 制作引导层动画：引导层动画需要在用户进行特定操作时触发，比如当用户进入商品详情页时触发。
可以使用JavaScript或CSS动画来实现引导层的呈现和消失。
比如可以使用淡入淡出的动画效果来显示和隐藏引导层。
4.编写引导层内容：引导层需要提供简洁明了的说明，告诉用户如何进行操作。
比如可以在引导层上方显示文字说明：“点击按钮将商品添加到购物车”。
同时可以在按钮附近绘制一个箭头，指示用户应点击这个按钮。
5.测试和优化：在制作完成后，需要对引导层进行测试，确保它能在不同设备和浏览器上正常显示和工作。
同时，也要关注用户的反馈和体验，如果有用户反馈难以理解或不方便使用，需要及时优化。
此外，还可以考虑一些额外的功能和交互效果，以提升用户体验。
比如可以在用户完成特定操作后，为引导层添加关闭按钮，让用户有主动关闭引导层的选项。
还可以考虑在用户完成操作后，显示一个提示框或弹窗，告知用户操作成功。
总之，制作引导层动画是一项需要设计、技术和用户体验的综合工作。
微课教学设计：引导层动画的制作方法
《引导层动画的制作方法》一、教学内容分析方法，该知识点是任务一的重点，也是本主题的重点内容。
比较《主题五逐帧动画制作》和《主题六补间动画制作》的内容，引导层动画的制作方法相对复杂，是逐帧动画、补间动画的深入。
二、教学对象分析通过《主题五逐帧动画制作》和《主题六补间动画制作》的学习，学生已经掌握了一定的flash操作技巧，对动画制作有了初步的理解，已经能理解元件、普通图层、场景等概念。
绝大部分学生已会制作简单的逐帧动画、动作补间动画、形状补间动画等动画形式来简单地表达一些内容。
同时，在学习引导层动画制作方法之前，学生已经了解了引导层动画的概念、作用，为引导层动画的制作打下了理论基础。
三、教学目标（一）知识与技能掌握引导层动画的制作方法。
培养自主探究学习的水平。
（三）情感、态度与价值观体验动画制作的乐趣、学习的快乐、成功的喜悦。
四、教学重、难点（一）重点1．引导线的绘制。
2．掌握运动对象中心点与引导线的吸附操作。
解决方法：学生通过观察微课视频中的演示步骤、自主学习任务单上的提示以及动手调试动画、制作动画，逐步增强对以上重点知识的掌握。
（二）难点能够举一反三，实行引导层动画的创作。
解决方法：通过多个案例演示，强化制作关键点，激发学生灵感，从而引导学生能够创作出自己设计出的动画，以突破该教学难点。
五、教学过程（一）激趣导入学生欣赏引导层动画作品：《蝴蝶飞舞》、《飞行表演》、《枫叶飘落》、《赛车行驶》。
（二）探究新知学生观察引导层动画制作过程，记录操作关键点，完成任务一。
（三）强化新知学生观看引导层动画制作的步骤讲解。
1．打开（动作）补间动画素材“蝴蝶飞舞”。
2．添加引导层。
右击“蝴蝶”图层，选择添加引导层。
新加的图层名称前面会出现一个弧形的虚线小图标，被引导层会往右移一点。
两个图层形成了引导层与被引导层的关系。
3．绘制引导线用铅笔工具绘制引导线，将该工具的选项设为（平滑），能够使曲线更为顺滑。
绘制位置引导层绘制工具线条、矩形、椭圆等绘制要求不能中断、不能闭合测试影片是否显示否4．将运动对象的中心点吸附到引导线的两端。
Flash的引导层动画
形状各异旳引导线
引导层动画制作措施
1）在一般层中创建一种对象（注意：对象必须是元
件，或组合旳图形）。
2）单击
按钮，在一般层上层新建一种引导层
，一般层自动变为被引导层。
3）在引导层中绘制一条途径，然后将引导层中旳途
径延续到某一帧（插入一般帧，或按F5）。
4）在被引导层旳第一帧，将象旳中心点移动到引
引导层中只绘制运动途径，在被引导层中设置 动作补间动画。
启用“紧贴至对象”工具
，指向元
件旳中心点,拖动对象吸附到引导线旳起点和
终点。
要使对象沿着途径旋转，需在被引导层旳起始 帧属性中，设置“调整到途径”。
多层引导动画
多层引导动画，就是利用一种引导层同步引 导多种被引导层中旳对象。
一般情况下，创建引导层后，引导层只与其下 旳一种图层建立链接关系。假如要使引导层 能够引导多种图层，能够将图层拖移到引导 层下方，或经过更改图层属性旳措施添加需 要被引导旳图层。
引导层旳创建措施
用
按钮创建
用菜单命令创建
将一般图层转换为引导层
二、引导线
1、引导线不能是封闭旳曲线，要有起点和终点 2、起点和终点之间旳线条必须是连续旳，不能间
断，能够是任何形状 3、被引导对象必须精确吸附到引导线上，也就是
对象中心点必须位于引导线上（按“Ctrl+加号” 将对象放大），不然被引导对象将无法沿引导 途径运动 4、引导线在最终身成动画时是不可见旳
Flash旳引导层动画
Flash旳引导层动画
轨迹动画由引导层和被引导层构成 ，引导层用于放置对象运动旳途径， 被引导层用于放置运动旳对象。
一、引导层
1、只放置绘制旳运动途径（引导线）。 2、作用是使对象沿着引导线运动。 3、在引导层下方旳图层称为“被引导层”,被引导 层会比其他图层往里缩进某些。
如何使用flash制作引导层动画
如何使用flash制作引导层动画
背景：
在flash制作引导层动画时，首先要熟悉flash的功能，而制作动画可以采用贝塞尔曲线方法，这将会容易让动画更加流畅，并可以控制更多的效果。
还有一些关键要点，比如设置形状并让它们以规律方式运行，添加提示文字，控制元件的运行，等等。
步骤：
一、创建场景
1.打开Flash程序，创建一个新文档，将画布大小调整到你想要的尺寸，比如800×600。
2.定义场景背景：你可以选择一个背景图片，比如你想要用一副漂亮的图片作为你动画的引导背景，可以将其添加到新建的画布上。
3.将场景背景嵌入到时间轴：在第一帧和最后一帧，你可以把场景背景放置在这两帧，以保证背景可以延续贯穿整个动画。
二、添加动画元件
1.添加形状：为了让你的动画更有趣，可以添加一些形状元素，比如三角形，圆形等，在不同的帧之间使用贝塞尔曲线让形状和场景背景一起运行，创造出流畅的效果。
2.添加文字：可以添加一些文字，比如提示性文字，让用户明白动画的具体意思，在适当的帧中添加文字内容并调整文字大小及位置，使动画更加生动有趣。
3.创建按钮：在动画的最后一帧中，可以创建一个按钮，让用户点击按钮继续看下一个动画。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Thank you!
引导线：对象运动路径的轨迹。引导线在输出SWF文件中是不可见的 。
引导线的常用绘制工具与画法：
铅笔工具
椭圆工具
矩形工具
FLASH引导层动画制作的一般步骤
①先完成动画补间动画（一般为位置移动） ②在被引导层（动画补间动画图层）上方“添加引导层” ③在引导层中绘制引导线，并设置起始帧和结束帧的动画对象
Flash的引导层动画
作品对比回答问题：
原
引导层
提问1：在“飞机”图层上面，多了一个什么图层？
提问2：这个图层里面放的是什么？有什么用？
Flash的引导层动画
引导层动画：让对象沿着指定的线路进行运动。 （必须由两个图层组成，上一层为引导层，下一层为被引导层 。制 作引导层动画的实质就是在引导层设置引导线，在被引导层创建补间 动画。）
④保存后按CTRL+ENTER测试、调整、再保存
Flash的引导层动画
小组选题： 1、制作神州七号绕地球运动动画。 2、制作我校运动会400米跑动画。 3、制作小红帽爬水车动画。
Flash的引导层动画
小结： （1）引导层 （2）被引导层 （3）制作引导层动画的一般步骤
Flash的引导层动画
作业： 制作多片落叶飘落的动画。