Flash的引导层动画解析

Flash 8 引导路径动画详解及实例单纯依靠设置关键帧，有时仍然无法实现一些复杂的动画效果，有很多运动是弧线或不规则的，如月亮围绕地球旋转、鱼儿在大海里遨游等，在Flash中能不能做出这种效果呢？答案是肯定的，这就是“引导路径动画”。

将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。

这种动画可以使一个或多个元件完成曲线或不规则运动。

1．创建引导路径动画的方法（1）创建引导层和被引导层一个最基本“引导路径动画”由二个图层组成，上面一层是“引导层”，它的图层图标为，下面一层是“被引导层”，图标同普通图层一样。

在普通图层上点击时间轴面板的“添加引导层”按钮，该层的上面就会添加一个引导层，同时该普通层缩进成为“被引导层”，如图3-6-1所示。

图3-6-1 引导路径动画（2）引导层和被引导层中的对象引导层是用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。

而“被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。

由于引导线是一种运动轨迹，不难想象，“被引导”层中最常用的动画形式是动作补间动画，当播放动画时，一个或数个元件将沿着运动路径移动。

（3）向被引导层中添加元件“引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。

所以操作时特别得注意“引导线”的两端，被引导的对象起始、终点的2个“中心点”一定要对准“引导线”的2个端头，如图3-6-2所示。

图3-6-2 元件中心十字星对准引导线在图3-6-2中，我们特地把“元件”的透明度设为50%，使你可以透过元件看到下面的引导线，“元件”中心的十字星正好对着线段的端头，这一点非常重要，是引导线动画顺利运行的前提。

2．应用引导路径动画的技巧（1）“被引导层”中的对象在被引导运动时，还可作更细致的设置，比如运动方向，把【属性】面板上的【路径调整】前打上勾，对象的基线就会调整到运动路径。

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引导层动画的优点及制作方法——以“蝴蝶飞舞”为例Flash引导层动画是指在网页设计中利用Flash技术制作的动画效果。

它可以增加网页的吸引力，提高用户的黏性，让网页更为生动、丰富，给用户留下深刻的印象。

下面我们以“蝴蝶飞舞”为例，介绍Flash引导层动画的优点及制作方法。

一、优点1.生动形象。

Flash引导层动画可以通过灵活的运动方式展现出任何一个物体或人物的特点，这样可以让用户更加直观地了解网站特点。

2.增加趣味性。

Flash引导层动画的动感和趣味性，可以吸引用户的视线，提高用户留存时长。

3.强化品牌形象。

Flash引导层动画可以以更加直观的方式显示出品牌特点，让用户对品牌印象更深刻，提高品牌美誉度。

二、制作方法1.画图：首先，我们要用制图软件画出蝴蝶。

这里我们借用网上的蝴蝶图片，并且对它进行裁剪，选取一张适合飞舞效果的蝴蝶图片。

2.动画设置：在Flash课件上打开蝴蝶图片，设定其为静止状态。

接着，我们要将此图片运动的路径进行设定，让蝴蝶像活生生的一样，在网页上飞舞。

在Flash坐标系中设定好蝴蝶路径，然后将蝴蝶图片放置在路径的起始位置上。

3.添加动画效果：为了让蝴蝶飞舞的过程更加鲜明，我们可以给蝴蝶添加一些鲜花、天空等背景元素。

同时，为了让蝴蝶的飞舞效果更真实，我们可以设置蝴蝶在运动过程中要做出一些翅膀的扇动动作。

4.导出动画：当我们完成了蝴蝶飞舞动画的制作之后，就可以将它导出，添加至网页上。

在Flash编辑器中点击文件——导出——导出到静态swf文件中，导出动画。

5.嵌入网页：到网页上编辑区，蝴蝶主图片的位置设置为绝对定位，再在该图片底下添加上导出的动画模块，提交网页即可。

如此一来，我们所制作的蝴蝶飞舞动效就能展现在我们的网页上了。

综上，Flash引导层动画的优点十分显著。

以“蝴蝶飞舞”为例，它可以让网页动感十足，增加页面的趣味性和交互性，展示品牌形象，让用户对品牌产生强烈的印象。

用Flash制作“引导层动画”内容的教学分析武安市实验中学孙波涛（一）用Flash制作“引导层动画”知识点学习引导层动画前的必要知识储备：图层、绘画工具、导入图片、运动补间动画新知识点：1.基础部分：(1)引导层动画的原理(2)引导层的添加与使用方法(3)旋转中心点(4)引导层动画的制作步骤2.提高部分(1)创建、编辑、修改影片剪辑(2)利用影片剪辑制作嵌套动画效果传统的信息技术教学过程（二）关于制作“引导层动画”教学内容的思考1.创设情境非常必要，应该尽量简短并突出主题。

新课程非常提倡为学生创造恰当的情境，让学生融入到比较真实的情境中进行学习，这会大大提高学生的学习兴趣。

近些年老师们逐渐意识到情境的重要性，但也要注意情境设置的一些要点。

(1)情境导入要直观。

《寻找缺失的一角》引导层动画中，一上课老师用了两分钟讲述一个圆去寻找它缺失的一角，经历了四个难关，最后找到它。

讲述的过程，老师放的是演示文稿，画面都是静止的，学生听完故事非常疑惑，不清楚本节课要学习什么内容。

其实，老师完全可以将故事做成动画，并要突出引导线的应用，让学生非常直观地了解本节课要学习的要点内容。

(2)情境导入避免用大动画效果，目标要明确。

有一些老师希望提高学生的欣赏水平，从而提高学生制作动画的水平，所以上课用一些非常绚美的动画吸引学生，学生的确非常兴奋，但本节课要导入的情境其实就是一闪而过，学生的注意力并没有放到这些内容上，喧宾夺主，并没有演示切合本节课内容，学生能达到的小动画效果更好。

(3)创设提示新旧知识之间联系的情境能够达到事半功倍的效果。

复习对于Flash教学来说非常重要，比较有教学经验的老师都很重视新授课前的复习。

很多初中安排信息技术课是一周一课时，学生会忘记上一周学习的内容，Flash各知识点之间的联系又比较紧密，所以每节课前如果能够利用一个动画承上启下，既能达到温故知新，让学生简述上节课学到的要点，又可以引出下一个要学习的知识要点，会使本节课进行更顺利。