引导层动画基本操作步骤
第12课制作引导动画和遮罩动画
（5）在图层“飞机1”的第50帧插入关键 帧，并将“飞机1”移动到两条曲线的交点 处，在图层“飞机2”的第50帧插入关键帧， 并将“飞机2”移动到两条曲线的交点处， 如图11-9所示。
图11-9
（6）选中图层“飞机1”中的第1帧，在 “属性”面板中按如图11-10所示进行设置， 在第1帧和第50帧之间创建动作补间动画。 用相同的方法在图层“飞机2”的第1帧和第 50帧之间创建补间动画。
（1）新建一个文件，将背景色设为浅蓝色， 大小设为550×300像素，将图层1命名为 “飞机1”，导入图片“飞机1.eps”，将飞 机1按比例缩小，并将其转换为图形元件， 如图11-5所示。
图11-5
（2）新建一个图层，将其命名为“飞机 2”，导入图片“飞机2.eps”，将飞机2按 比例缩小，并将其转换为图形元件，如图 11-6所示。
图11-30
（1）新建一个文件， 将背景大小设为 270×400像素，将 “图层1”重命名为 “背景”，导入图片 “山水.jpg”，并将 其大小调整到能够覆 盖整个场景，如图 11-31所示。然后在 第50帧按【F5】键 沿用帧。
图11-31
（2）新建一个图层，并命名为“文字”， 然后使用文本工具 输入文字“青山流 水”，并将字体设置为“方正黄草简体、 69、白色”，再复制一份文字，将颜色改 为绿色，移动到白色文字的左上方一点， 形成绿字白底的立体字效果，如图11-32 所示。按【Ctrl＋B】键将文字打散，以确 保在没有安装该字体的电脑上也能正确显 示该字体效果。
（2）新建一个图层，导入图片“风景 2.jpg”，将其缩至适当大小，使其刚好能覆 盖舞台，如图11-21所示。
图11-21
（3）现在制作遮罩层，选中图层2，新建 一个图层3，在图片的下方绘制一个无边框 的矩形，如图11-22所示。
FLASH动画学案之四——引导层动画
FLASH动画学案之四——引导层动画学习目标1、理解引导层在FLASH动画中所起的作用；2、学会设置图层的属性，如设置引导层、被引导层等；3、学会制作简单的引导层动画。
重点：制作引导层动画难点：理解引导层中的图形在动画中所起的作用；学习流程：一、自主学习，探求新知1、在FLASH动画中，用到多个图层时，可以通过以下方法修改图层的属性：方法1、选中要修改属性的图层，执行“修改”→“”→“图层属性…”命令，可以打开“图层属性”对话框，如下图所示。
在此对话框中，选择要设置的图层类型之后，单击“确定”按钮，即可将图层的属性修改。
方法2、选中要修改属性的图层，单击鼠标右键，在打开的快捷菜单中，选择“属性…”命令，也可以打开“图层属性”对话框，按照方法1来进行设置即可。
二、应用新知，创建引导层动画范例：制作一个飞机特技飞行的动画，动画效果如影片所示。
（播放影片，观看飞机特技飞行效果）要求：飞行轨迹自设，动画长度自定。
跟老师做（操作演示，跟着做）操作指南1、新建一个FLASH文档；2、创建飞机元件执行“文件”→“导入”→“导入到舞台…”命令，打开“导入”对话框，在该对话框中，选择导入文件所在的文件夹，选择要导入的文件，单击“打开”按钮，即可将图片文件导入舞台。
按CTRL+B键，将导入到舞台的图片打散；选择像皮工具，将图片上的背景颜色擦除；选择任意变形工具，移动图形位置，使图形的注册点与编辑场景的中心重合。
执行“修改”→“转换为元件…”命令，打开“转换为元件”对话框，如下图所示。
在该对话框中，将名称改为飞机，类型选择“图形”，然后单击“确定”按钮，即可得到我们需要的飞机元件。
3、制作引导层插入一个新图层，并将图层属性设置为引导层。
在工具箱中选中铅笔工具，在舞台上画出一条飞机飞行的轨迹线。
在第40帧插入帧。
锁住引导层。
4、制作被引导层选中图层1，并将图层1设置为被引导层。
将飞机元件拖入舞台，放置在飞机开始飞行的位置，并调整飞机的飞行方向和角度；依次在第5帧、第10帧、第15帧、20帧、25帧、30帧、35帧、40帧分别插入关键帧，并在各关键帧调整飞机飞行的方向和角度。
FLASH动画制作——引导层动画演示文稿
拓展创新——小组合作
• 请各小组成员利用老师提供的素材，发挥你们的 聪明才智合作完成一个动画作品，要求如下：
1、小组长负责各成员的任务分工，做到人人参与，人人提高。
2、作品主题鲜明，内容充实。作品的命名要与主题内容相符。 3、完成后以小组号+作品名.swf的文件格子般的心+动画绘制技法+电脑动画软件操作技术
引导线
1、引导线不能是 封闭的曲线，要有 起点和终点
2、引导线在最终 生成动画时是不可 见的
引导层动画的制作要点
1、引导层中只绘制运 动路径（引导线）， 被引导层中设置动作 补间动画。 2、移动对象的中心点 让对象附着在引导线 起点和终点上。 3、要使对象沿着路径 旋转，需在被引导层 的起始帧属性中，设 置“调整到路径”。
学习小结
• 1、引导层的作用就是使对象沿着绘制的运动路径 （引导线）运动。 • 2、引导线不可以是封闭的。 • 3、在引导层中绘制引导线，而在被引导层中设置 动作补间动画。 • 4、将对象吸附到引导线上，对象就能沿引导线运 动。 • 5、在最终生成动画时，引导线是不可以看见的。 • 6、可以使用多图层多引导的方式进行动画设置 • 7、一个引导层引导多个图层的方法设计动画
让自己的心充满想像力，再辅以技法和技术就能让自己的创意飞翔！
演示作品
地球卫星
树叶飞落鱼儿畅游
演示作品
雪花飘落
自行车爬坡
小组作品评价
•请你依照以下评价指标，用心给各小组作品评价打分，选出最优作品
• 动画名称：主题鲜明、富有意义 • 内容结构：紧扣主题、内容丰富 • 动画布局：风格清晰、简洁明了、美观大方
请同学们根据自身能力从基础任务和升级任务中任选一个任务来独立完成。
案例制作引导层动画
案例制作引导层动画引导层动画是一种常见的设计元素，用于引导用户在网站、应用或游戏中进行特定操作。
它可以通过动画效果、文字说明或箭头指示等方式，吸引用户的注意力并指导其如何正确操作。
下面将介绍一个关于制作引导层动画的案例。
假设有一个电商网站，最近推出了一个新功能，即在商品详情页增加了一个添加到购物车的按钮。
为了确保用户能够正确使用这一功能，网站决定制作一个引导层动画来引导用户操作。
下面是具体的步骤：1.确定引导层位置：首先需要确定引导层的位置，即在商品详情页的哪个位置显示引导层。
一般建议选择在按钮附近，以便用户能够直观地找到并进行下一步操作。
在本案例中，我们选择在添加到购物车按钮上方显示引导层。
2.设计引导层样式：引导层的样式需要与网站的整体风格相协调，同时也要突出显示。
可以使用半透明的遮罩层来覆盖整个页面，突出显示引导层。
在引导层上方放置说明文字或箭头，用于指示用户的操作。
3. 制作引导层动画：引导层动画需要在用户进行特定操作时触发，比如当用户进入商品详情页时触发。
可以使用JavaScript或CSS动画来实现引导层的呈现和消失。
比如可以使用淡入淡出的动画效果来显示和隐藏引导层。
4.编写引导层内容：引导层需要提供简洁明了的说明，告诉用户如何进行操作。
比如可以在引导层上方显示文字说明：“点击按钮将商品添加到购物车”。
同时可以在按钮附近绘制一个箭头，指示用户应点击这个按钮。
5.测试和优化：在制作完成后，需要对引导层进行测试，确保它能在不同设备和浏览器上正常显示和工作。
同时，也要关注用户的反馈和体验，如果有用户反馈难以理解或不方便使用，需要及时优化。
此外，还可以考虑一些额外的功能和交互效果，以提升用户体验。
比如可以在用户完成特定操作后，为引导层添加关闭按钮，让用户有主动关闭引导层的选项。
还可以考虑在用户完成操作后，显示一个提示框或弹窗，告知用户操作成功。
总之，制作引导层动画是一项需要设计、技术和用户体验的综合工作。
《引导层动画》课件
案例1：下载引导
指导用户下载软件并介绍其 主要功能，使用户快速上手。
案例2：新手引导
为第一次使用软件的用户提 供全面的功能和操作指引， 帮助他们尽快熟悉软件。
案例3：注册引导
引导用户进行注册并提供详 细的填写提示，确保用户顺 利完成注册流程。
引导层动画实现技术
引导层动画可以通过使用CSS3、HTML5和JavaScript来实现。此外，还可以使 用jQuery插件来简化开发过程。
设计引导层动画的步骤
1
规划引导步骤
确定引导层的内容和步骤，考虑用户需求和操作流程。
2
设计引导层界面
创建引导层的界面元素，包括文本、按钮和提示图标。
3
设计引导层动画
为引导层添加动画效果，使其吸引用户注意并引导操作。
4
界面和动画的组合
将引导层界面和动画无缝结合，创造出流畅的用户体验。
引导层动画的案例
《引导层动画》PPT课件
欢迎收看《引导层动画》PPT课件，本课将带您深入了解引导层动画的概念、 设计原则、实现技术以及其应用场景和案例。让我们一起开启学习之旅吧！
介绍引导层动画及其作用
引导层动画是一种用于展示、引导和提示用户操作的动画效果。它既可以增强用户体验，又可以提高用户学习 和操作的效率。 优势：
• 引导用户了解和掌握软件或网站的功能和操作流程 • 减少用户迷失和错误操作 • 提高用户学习和操作的效率 应用场景： • 软件新功能引导 • 网站导航引导 • 操作流程引导
设计引导层动画的原则
• 情境合理性：与操作场景相符合，不突兀或违和 • 易于理解：简单明了的提示和指引 • 易于操作：操作便捷，不需要复杂的交互步骤 • 可管理性：便于添加、修改和删除引导层 • 轻盈度：不对用户造成过多干扰或加载负担
Flash的引导层动画制作PPT专业课件PPT专业课件
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、引导线动画。
2、引导线的制作方法，制作引导线动画。
3、引导线动画和动画补间动画的关系。
4、影片辑的制作和使用。
5、场景的制作和使用。
（二）过程与方法制作引导线动画实现对象的不规则曲线运动（三）情感态度价值观通过同学之间的合作探究,培养学生互相帮助,让学生享受成就感,树立自信心。
教学重难点重点:1、引导层的添加,2、引导线的应用难点:1、引导线路径必须绘制在引导层中2、创建蝴蝶运动的路线教学过程情境导入动画补间动画可以完成位置、大小、角度、色调、亮度、透明度的变化。
当位置移动的路径是比较复杂的曲线时，可以通过引导线动画来实现。
◆一、引导线动画引导线动画是以运动补间动画为基础（被引导层），再添加一个引导层。
使被引导层中的对象，沿着引导层设定的引导线来运动。
◆二、制作引导线动画制作引导线动画需要分两步完成。
首先制作基本的动画补间动画，然后添加引导图层，完成非直线路径的线路引导动作。
练一练在“蝴蝶.fla＂文件中添加另一只蝴蝶，使用引导线动画完成其飞舞路线。
具体操作步骤如下。
(1)新建“红蝴蝶”图层，将“蝴蝶正面”元件拖动至舞台，在确认选中状态下，调整“属性”面板的“颜色”选项中的色调，将蝴蝶颜色调整为红色。
(2)制作动画补间动画，完成其直线运动。
(3)选择“红蝴蝶”图层，单击时间轴“添加运动引导层”，则“红蝴蝶”图层上方会出现它的引导图层，被引导的“红蝴蝶”图层向里缩进，如图4-1所示。
图4-1 添加运动引导层提示如果误操作，可以右击错误的图层，单击“属性”命令，打开图层属性”对话框，重新设置图层的类型，如图4-2所示。
图4-2 图层属性修改(4)锁定删除“引导层”以外的其他图层，使用铅笔工具，设置“平滑选项，在引导层绘制被引导对象的运动路线，也就是引导线。
(5)锁定除“红蝴蝶”图层以外的其他图层，调整蝴蝶实例在起始关键帧与结束关键帧的位置，其中心点均保持在所绘引导线上，如图4-3所示，这是制作引导线动画能够成功的关键。
浅谈Flash引导层动画的制作方法
92ＯＣＣＵＰＡＴＩＯＮ2016 03S KILLS教学探索浅谈Flash引导层动画的制作方法文／梁建军摘 要：Ｆｌａｓｈ是交互性很强的矢量动画软件，能够在文件数据传输率低的情况下实现高质量的动画效果。
引导层动画是Ｆｌａｓｈ基础动画，本文介绍了引导层动画的构成和相关操作，并介绍了典型的引导层动画“飞舞的蝴蝶”的制作方法。
关键词：Ｆｌａｓｈ 引导层动画 制作方法Flash 动画具有交互性强、文件小、兼容性好等特点，引导层动画作为Flash 基础动画之一，可以实现蝴蝶飞舞、极速赛车、雪花飘飘等多种运动效果。
一、引导层动画的构成引导层动画由引导层和被引导层组成，一个引导效果只能有一个引导层。
引导层又分为普通引导层和运动引导层。
引导层位于被引导层的上方，用来放置对象运动的路径——引导线，引导线是路径，可以用铅笔工具、钢笔工具、线条工具等绘图工具进行绘制，如果使用椭圆工具或矩形工具绘制路径，需要用橡皮擦工具进行擦除，使闭合路径成为开放路径。
引导层上的图形在输出动画时，不会出现。
被引导层位于引导层的下方，被引导层中的对象只能是文字、元件或群组对象，并且动画形式只能是动画补间动画，一个引导层可以引导多个被引导层。
二、引导层的操作引导层的操作有创建和取消两种。
创建的方法有：①按钮法：选中要创建引导层的图层，单击“时间轴”面板左下角的“添加运动引导层”按钮；②快捷菜单法：右击要添加引导层的图层，在快捷菜单中选“引导层”，或在快捷菜单中选择“属性”，在“图层属性”对话框的“类型”项中选“引导层”即可；③命令法：选中要创建引导层的图层，执行“插入”——“时间轴”——“运动引导层”命令。
取消的方法有：①右击引导层，在快捷菜单中取消引导层即可；②用鼠标直接把被引导层拖到引导层上方；③打开“图层属性”，在“类型”项中选中“标准”单选框。
三、引导层动画的制作方法下面通过制作典型的引导层动画“飞舞的蝴蝶”，介绍引导层动画的制作方法和技巧。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
一、球滚动
1、在第1帧处，选中椭圆工具（长按矩形工具不放就可以见到），绘制一个圆，并将其转换为元件。
（单击鼠标右键，选中“转换为元件”）
2、添加引导层（这时选中的应该是引导层）。
3、将圆先拖到别的地方，再重新选中引导层，选择铅笔工具，绘制一条曲线。
4、选择引导层，在引导层的第30帧处插入帧
5、选中图层1，重新选第1帧，将圆中心放置在引导线的开始位置。
6、选择图层1，在第30帧处插入关键帧，并将圆中心放置在引导线的结束位置。
7、在第1—30帧处，单击鼠标右键，插入“创建补间动画”，并选择属性面板的“调整到路径”。
8、控制——测试影片。
二、蓝天白云草地滚动球
1、在之前的蓝天白云的基础上开始，开始的初始界面是：
2、添加一个图层，在第1帧处绘制一个圆，并将圆转换为位图（选中圆，单击鼠标右键）。
3、插入一个引导层
4、选中引导层的第1帧，选择铅笔工具，铅笔模式为平滑，绘制一条曲线。
5、选中图层4的第1帧，将圆的中心放置在起始的位置。
6、在第45帧处插入关键帧，并将圆中心放置在结束位置。
7、选中图层4，并在第1--45帧间单击鼠标右键，插入创建补间动画，并选中属性面板中的“调整到路径”。
8、控制——测试影片。