下载文档原格式
案例制作引导层动画引导层动画是一种常见的设计元素，用于引导用户在网站、应用或游戏中进行特定操作。
它可以通过动画效果、文字说明或箭头指示等方式，吸引用户的注意力并指导其如何正确操作。
下面将介绍一个关于制作引导层动画的案例。
假设有一个电商网站，最近推出了一个新功能，即在商品详情页增加了一个添加到购物车的按钮。
为了确保用户能够正确使用这一功能，网站决定制作一个引导层动画来引导用户操作。
下面是具体的步骤：1.确定引导层位置：首先需要确定引导层的位置，即在商品详情页的哪个位置显示引导层。
一般建议选择在按钮附近，以便用户能够直观地找到并进行下一步操作。
在本案例中，我们选择在添加到购物车按钮上方显示引导层。
2.设计引导层样式：引导层的样式需要与网站的整体风格相协调，同时也要突出显示。
可以使用半透明的遮罩层来覆盖整个页面，突出显示引导层。
在引导层上方放置说明文字或箭头，用于指示用户的操作。
3. 制作引导层动画：引导层动画需要在用户进行特定操作时触发，比如当用户进入商品详情页时触发。
可以使用JavaScript或CSS动画来实现引导层的呈现和消失。
比如可以使用淡入淡出的动画效果来显示和隐藏引导层。
4.编写引导层内容：引导层需要提供简洁明了的说明，告诉用户如何进行操作。
比如可以在引导层上方显示文字说明：“点击按钮将商品添加到购物车”。
同时可以在按钮附近绘制一个箭头，指示用户应点击这个按钮。
5.测试和优化：在制作完成后，需要对引导层进行测试，确保它能在不同设备和浏览器上正常显示和工作。
同时，也要关注用户的反馈和体验，如果有用户反馈难以理解或不方便使用，需要及时优化。
此外，还可以考虑一些额外的功能和交互效果，以提升用户体验。
比如可以在用户完成特定操作后，为引导层添加关闭按钮，让用户有主动关闭引导层的选项。
还可以考虑在用户完成操作后，显示一个提示框或弹窗，告知用户操作成功。
总之，制作引导层动画是一项需要设计、技术和用户体验的综合工作。
《引导层动画的制作方法》一、教学内容分析方法，该知识点是任务一的重点，也是本主题的重点内容。
比较《主题五逐帧动画制作》和《主题六补间动画制作》的内容，引导层动画的制作方法相对复杂，是逐帧动画、补间动画的深入。
二、教学对象分析通过《主题五逐帧动画制作》和《主题六补间动画制作》的学习，学生已经掌握了一定的flash操作技巧，对动画制作有了初步的理解，已经能理解元件、普通图层、场景等概念。
绝大部分学生已会制作简单的逐帧动画、动作补间动画、形状补间动画等动画形式来简单地表达一些内容。
同时，在学习引导层动画制作方法之前，学生已经了解了引导层动画的概念、作用，为引导层动画的制作打下了理论基础。
三、教学目标（一）知识与技能掌握引导层动画的制作方法。
培养自主探究学习的水平。
（三）情感、态度与价值观体验动画制作的乐趣、学习的快乐、成功的喜悦。
四、教学重、难点（一）重点1．引导线的绘制。
2．掌握运动对象中心点与引导线的吸附操作。
解决方法：学生通过观察微课视频中的演示步骤、自主学习任务单上的提示以及动手调试动画、制作动画，逐步增强对以上重点知识的掌握。
（二）难点能够举一反三，实行引导层动画的创作。
解决方法：通过多个案例演示，强化制作关键点，激发学生灵感，从而引导学生能够创作出自己设计出的动画，以突破该教学难点。
五、教学过程（一）激趣导入学生欣赏引导层动画作品：《蝴蝶飞舞》、《飞行表演》、《枫叶飘落》、《赛车行驶》。
（二）探究新知学生观察引导层动画制作过程，记录操作关键点，完成任务一。
（三）强化新知学生观看引导层动画制作的步骤讲解。
1．打开（动作）补间动画素材“蝴蝶飞舞”。
2．添加引导层。
右击“蝴蝶”图层，选择添加引导层。
新加的图层名称前面会出现一个弧形的虚线小图标，被引导层会往右移一点。
两个图层形成了引导层与被引导层的关系。
3．绘制引导线用铅笔工具绘制引导线，将该工具的选项设为（平滑），能够使曲线更为顺滑。
绘制位置引导层绘制工具线条、矩形、椭圆等绘制要求不能中断、不能闭合测试影片是否显示否4．将运动对象的中心点吸附到引导线的两端。
如何使用flash制作引导层动画
背景：
在flash制作引导层动画时，首先要熟悉flash的功能，而制作动画可以采用贝塞尔曲线方法，这将会容易让动画更加流畅，并可以控制更多的效果。
还有一些关键要点，比如设置形状并让它们以规律方式运行，添加提示文字，控制元件的运行，等等。
步骤：
一、创建场景
1.打开Flash程序，创建一个新文档，将画布大小调整到你想要的尺寸，比如800×600。
2.定义场景背景：你可以选择一个背景图片，比如你想要用一副漂亮的图片作为你动画的引导背景，可以将其添加到新建的画布上。
3.将场景背景嵌入到时间轴：在第一帧和最后一帧，你可以把场景背景放置在这两帧，以保证背景可以延续贯穿整个动画。
二、添加动画元件
1.添加形状：为了让你的动画更有趣，可以添加一些形状元素，比如三角形，圆形等，在不同的帧之间使用贝塞尔曲线让形状和场景背景一起运行，创造出流畅的效果。
2.添加文字：可以添加一些文字，比如提示性文字，让用户明白动画的具体意思，在适当的帧中添加文字内容并调整文字大小及位置，使动画更加生动有趣。
3.创建按钮：在动画的最后一帧中，可以创建一个按钮，让用户点击按钮继续看下一个动画。
制作引导层动画课程设计一、课程目标知识目标：1. 学生能理解引导层动画的基本概念和原理，掌握引导层动画的制作流程。
2. 学生能掌握并运用引导层动画的相关技巧，如关键帧设置、运动路径规划等。
3. 学生能了解引导层动画在动画制作中的应用和优势。
技能目标：1. 学生能运用动画制作软件，独立完成引导层动画的创作。
2. 学生能在引导层动画制作过程中，灵活运用相关技巧，提高动画制作效率。
3. 学生能通过引导层动画制作，培养观察力、想象力和创新能力。
情感态度价值观目标：1. 学生对动画制作产生兴趣，增强学习动力，形成自主学习的能力。
2. 学生在团队协作中，学会沟通、分享和尊重他人意见，培养合作精神。
3. 学生通过引导层动画的制作，体验创作的乐趣，提高审美素养。
课程性质：本课程为动画制作技术的实践课程，注重培养学生的动手能力和创新能力。
学生特点：学生具备一定的动画制作基础，对新技术和新方法充满好奇心，喜欢动手实践。
教学要求：教师应结合学生特点，采用讲解、示范、指导相结合的教学方法，关注学生的个体差异，提高教学质量。
在教学过程中，注重引导学生主动探索、积极实践，达到课程目标。
同时，将课程目标分解为具体的学习成果，便于教学设计和评估。
二、教学内容1. 引导层动画基础知识：- 引导层概念与作用- 引导层动画原理与分类- 引导层动画制作软件介绍2. 引导层动画制作技巧：- 关键帧设置与调整- 运动路径规划与优化- 引导层动画的平滑与过渡3. 引导层动画制作实践：- 简单引导层动画制作案例- 复杂引导层动画制作案例- 创意引导层动画制作练习4. 引导层动画应用与拓展：- 引导层动画在动画制作中的应用场景- 引导层动画的优势与局限性- 引导层动画的创新发展方向教学大纲安排与进度：1. 第一周：引导层动画基础知识学习，了解引导层概念、原理及分类。
2. 第二周：引导层动画制作技巧学习，掌握关键帧设置、运动路径规划等。
3. 第三周：引导层动画制作实践，完成简单和复杂案例的制作。
教案（ 2012 至 2013 学年第二学期）课程名称： Flash授课教师：叶演习授课班级： xxx教研组：计电组项目六制作引导层动画讲授新课65 分钟放映动画会制作“街头篮球”动画、 “鱼儿荷间戏”动画 、 “蝴蝶戏花” “蜓桥相会”动画 、 “文字轨迹” “花朵气泡”动画 、“圆周运动”动画等丰富有趣漂亮的动画效果。
学习完引导层动画后，我们同样可以制作出精美的作品！（5分钟）在开始对引导层动画进行典型案例分析之前，首先来学习引导层动画的创建方法及其原理，为后续的提高打下理论基础 。
一、引导层原理（10分钟）如上图所示为被引导层上小球在第1帧和第50帧处的位置，如下图所示，为小球的全部运动轨迹。
演示操作实例：“小球做曲线运动”二、创建引导层。
（35分钟）1、用鼠标右键创建引导层创建引导层：新建一个图层，鼠标右击图层，选择引导层。
反之，可取消引导层。
2、【图层属性】对话框 ，选择引导层或被引导层演示操作实例：“赛车”要点提示：引导层上的路径在发布后，并不会显示出来，只是作为被引导图形的运动轨迹。
在被引导层上被引导的图形必须是元件，而且必须创建补间动画，同时还需要将元件在关键帧处的“变形中心”设置到引导层上的路径上，这样才能成功创建引导层动画。
3、被引导层里的对象可以建立动画。
播放动画实例：圆周运动、鱼在游。
讲授、演示组织教学（ 5 分钟）上课礼仪，清点人数，集中学生注意力示范演示（ 7 分钟）制作思路及效果：【操作步骤】1、导入素材布置场景。
（1）新建一个Flash文档。
（2）新建并重命名图层，设置图层的效果。
（3）选择【文件】/【导入】/【打开外部库】命令，将教学素材中的“素材\项目六\蝴蝶戏花\素材.fla”文件打开。
（4）关闭外部库，将“花草”元件拖入到“花草”图层上释放，并相对舞台居中对齐，使其刚好覆盖整个舞台，设置完成后将“花草”图层锁定。
（5）将“前面花”元件拖入到“前花”图层上释放，调整其位置。
一、球滚动
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、控制——测试影片。
