FLASH中引导线动画的做法

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

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

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

一、优点1.生动形象。

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

2.增加趣味性。

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

3.强化品牌形象。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

如何使用flash制作引导层动画
背景：
在flash制作引导层动画时，首先要熟悉flash的功能，而制作动画可以采用贝塞尔曲线方法，这将会容易让动画更加流畅，并可以控制更多的效果。

还有一些关键要点，比如设置形状并让它们以规律方式运行，添加提示文字，控制元件的运行，等等。

步骤：
一、创建场景
1.打开Flash程序，创建一个新文档，将画布大小调整到你想要的尺寸，比如800×600。

2.定义场景背景：你可以选择一个背景图片，比如你想要用一副漂亮的图片作为你动画的引导背景，可以将其添加到新建的画布上。

3.将场景背景嵌入到时间轴：在第一帧和最后一帧，你可以把场景背景放置在这两帧，以保证背景可以延续贯穿整个动画。

二、添加动画元件
1.添加形状：为了让你的动画更有趣，可以添加一些形状元素，比如三角形，圆形等，在不同的帧之间使用贝塞尔曲线让形状和场景背景一起运行，创造出流畅的效果。

2.添加文字：可以添加一些文字，比如提示性文字，让用户明白动画的具体意思，在适当的帧中添加文字内容并调整文字大小及位置，使动画更加生动有趣。

3.创建按钮：在动画的最后一帧中，可以创建一个按钮，让用户点击按钮继续看下一个动画。

Flash引导层动画实例：引导线制作飞舞的蝴蝶我们知道传统补间动画主要⽤在对图形的移动、缩放、旋转等操作中，在这些动画中如果不使⽤引导线，那么有些动画我们只使⽤关键帧来做是相当⿇烦的，⽐如蝴蝶的飞舞，如果不使⽤引导线来做，那么做出的蝴蝶飞舞的路线将会⼗分⽣硬，本节就以蝴蝶飞舞为例讲解如何制作引导线传统补间动画。

⽅法/步骤1、打开Flash新建⼀个actionscript3.0的⽂件。

2、从⽂件菜单-导⼊-打开外部库（ctrl+shift+0）,选择上节做好的蝴蝶⽂件并打开库。

3、从打开的外部库中将蝴蝶影⽚剪辑拖⼊到场景中。

4、将蝴蝶影⽚剪辑调整⼤⼩和位置如图所⽰。

5、在蝴蝶所在层上点右键，在菜单中选择“添加传统运动引导层”，为蝴蝶层加⼀个引导线层。

6、选择钢笔⼯具（也可以使⽤直线⼯具），在场景中绘制⼀条弯曲的由下到上的曲线作为引导线。

7、选择引导层的第20帧，然后点右键或按F5插⼊帧，并在蝴蝶所在层的第20层按F6插⼊关键帧。

8、选择蝴蝶层第⼀帧点右键创建传统补间动画。

9、选择第⼀帧上的蝴蝶影⽚剪辑，然后打开吸附⼯具，将蝴蝶吸附到引导线起点位置。

10、选择第20帧上的蝴蝶影⽚剪辑，然后将蝴蝶吸附到引导线的终点位置，然后按c trl+回车测试。

11、测试发现动画执⾏速度过快，是什么问题呢，⼀是帧频过快，⼆是动画帧数太少，解决办法，可以将播放头移动到第10帧处，然后按住f5不放，这样可以插⼊多个帧，直到动画的速度满意为⽌。

12、但此时我们还发现⼀个问题，那就是动画⼀直是头朝上的，⽽不是随着线条改变⽅向，显得⽐较死板，怎么办呢，⾸先要将第1帧最后⼀帧的蝴蝶使⽤变形⼯具旋转到与线条⼀致的⽅向，然后就要⽤到上节讲到的，传统补间动画的⼀个属性“调整到路径”，选择补间的任⼀帧，然后打开属性⾯板，勾选“调整到路径”选项，这时候再测试，可以看到蝴蝶可以完全按路径进⾏飞⾏了。

以上就是以蝴蝶飞舞为例讲解如何制作引导线传统补间动画的过程，希望对⼤家有⼀定的帮助！谢谢⼤家观看！。

flash动画---引导线动画Flash动画---引导线动画本节课学习内容:1、了解相关概念2、完成学习任务----让“小飞机”完成飞行特技3、完成创意练习例如“小飞人逃离迷宫”动画【要了解的相关概念】什么是引导线动画,引导线动画是关键帧动画中动作补间动画的一种变化。

若为一个或多个层设置引导层，在引导层绘制出运动路径(不间断的任意曲线)，则被引导层中的对象即可沿这条路经运动。

引导层中的对象在播放时是看不到的。

【学习任务】一、让小飞机在天空中自由盘旋(完成飞行特技—盘旋.fla) (1)添加引导层(2)在引导层上画出飞行路线(铅笔工具的使用)在工具栏上选择铅笔工具，选项选择平滑，在引导层画弧线(3)注意路线与飞机飞行方向的关系用选择工具的吸附选项，将开始关键帧的中心对准路线起点，同理结束关键帧中心对准路线结束点;(4)创建小飞机层的动作补间动画思考问题:怎样让小飞机飞行自然，随路线方向改变飞机方位, 提示:试试下面各选项的效果二、让小飞机在天空中画圆(完成飞行特技—画圆.fla) 圆形路径线的简单画法(椭圆工具的使用)在工具栏上选择椭圆工具，填充色选择“没有颜色”，变为然后在引导层画圆思考问题:路线可以使用闭合的圆吗,怎样让小飞机飞行自然，随路线方向改变飞机方位,三、提高任务: 挑战双驾特技(尝试完成飞行特技—阵列.fla) 挑战自己，试着完成“飞行特技—双驾特技”实现同一引导线引导多层动画。

1、打开“飞行特技—阵列.fla”文件，尝试实现下图动画效果。

2、注意观察下图中各图层的层次关系，以及各层动画帧的时间安排、可通过加锁/解锁、隐藏/显示，分别对各层操作。

3【创意练习】1、请打开“我的创意.fla”文件中的库，看看准备了哪些资源。

2、提供(1)小飞人逃离迷宫(2)蜜蜂采蜜(3)飞舞的蝴蝶，3个选题参考，也可以自由根据资源发挥创意。

3、优秀作品参考标准评价指标评价标准故事性你的创意要合理，有一定的故事情节性。