flash制作蝴蝶跟随鼠标动【汇总18篇】

本教程是向大家介绍利用flash制作鼠标划过文字产生光的动画特效，教程难度不是很大，制作步骤介绍地也很详细，推荐给大家，希望对大家有所帮助!

学习鼠标划过文字产生的特效。

01、新建flash文档，背景色：645646，帧频30，大小：150*50 。

02、【文件】【导入】【导入到舞台】导入一幅位图。(原文件中此位图为透明背景下图中底色为我们设定的背景色)

03、选中导入的位图，右键转换为元件，命名为“文字”。类型：图形。“Ctrl+B”打散位图，用选择工具选中不需要的部分，删除!

提示：新建元件：过光效果，类型：影片剪辑 。

此mc中添加三个图层，此时共有四个图层，运用两次遮罩，实现两层光效果。

由下至上分别为：文字层，遮1层，文字层，遮2层 。

04、在图层1拖入文字元件，并改图层为：文字。选中文字属性，调整颜色亮度为：24%。第35帧处插入帧：

05、在文字层上面添加图层，改为遮1，在第一帧画一个矩形，分别在17帧，35帧处插入关键帧，并在1--17，17--35帧之间设立形状补间。

06、并把遮1层设为遮罩层，见下面三张图，分别为矩形在1，17，35帧处的形状和位置。

在遮1层上添加图层，改图层名为：文字，选中文字元件。属性栏，颜色亮度为：56%。

07、同样在第35帧处插入帧。

在此文字层上方，添加图层，改为：遮2，在第一帧在文字左端画一个矩形，35帧处插入关键帧，拖动矩形到文字右边，并在1--35帧之间设立形状补间。

08、并把遮2层设为遮罩层。见下面两张图，分别为遮2层中的矩形在1，35帧处的形状和位置。

09、新建元件：名称：透明按钮，类型，按钮。

10、在时间轴的第4帧(点击)插入关键帧，在编辑区画一个矩形，定一个按钮的感应区，什么颜色效果都可以。

11、回到场景，完成后的时间轴图：

12、图层1名称改为：背景，拖入文字元件，放到合适的位置，图层上锁。

13、添加图层，图层2改为：过光效果，第2帧插入关键帧，从库中拖入过光效果元件，与下面图层的文字背景对齐。(第1帧为空白关键帧)

制作到这里大家会发现，过光效果拖入场景时，是看不到什么的，只有蓝色框，怎么好进行对齐操作呢?

技巧：

1)、请大家选中库中的过光效果元件，双击进入元件编辑区，在最上面添加一个图层，改为文字，点击最下面文字图层第一帧，右键复制帧，再点上面文字第一帧，粘帖帧。然后回到场景去进行对齐操作。

2)、场景中其他工作完成之后，再删除刚才多加的文字图层。

14、回到场景中过光效果图层，分别在第19帧、21、39帧插入关键帧。第40帧插入空白关键帧。给下面的文字层也在40帧入插入帧。选中第2帧，第39帧处的过光效果元件，属性栏中透明度(Alpha)设为0

在2--19，21--39帧之间建立动作补间。锁定图层。

15、在上面添加AS图层，第20帧插入空白关键帧在第1，20帧处写入帧动作：

16、添加按钮图层。拖入库中的透明按钮，调整盖住全部文字层。第2帧处插入关键帧、第40帧入插入帧。

点击第1帧，再选中编辑区的按钮，写入按钮动作：

复制代码

代码如下:

on (rollOver) {

//Movieclip GotoAndPlay Behavior

_root.gotoAndPlay("2");

//End Behavior

}

点击第2帧，再选中编辑区的按钮，写入按钮动作：

复制代码

代码如下:

on (rollOut) {

//Movieclip GotoAndPlay Behavior

_root.gotoAndPlay("21");

//End Behavior

}

记得要删除光效果元件中多加的图层哦!

17、全部完成~测试影片!

在动画的制作过程中，一些特殊的按钮也会给人留下深刻的印象，今天在此本人就制作一款随着鼠标缩放的按钮，同时分享制作的步骤和截图，仅供参考使用，希望对你有所帮助。

步骤

1、启动flashcs5，执行ctrl+n组合键，新建一个大小为800*600，帧频为12fps，背景颜色为白色的文档。

2、执行文件-导入-导入到舞台命令，把事先准备好的一副图片导入到舞台，调节其大小为800*600，全居中(水平中齐、垂直中齐)

3、执行插入-新建元件命令，新建一个名称为“缩放按钮”的按钮元件，点击确定后进入编辑区域。

4、选择工具箱里多星形工具，在属性面板中设置工具设置选项，设置样式为星形，边数为20，星形顶点大小为0.9.点击确定在舞台绘制一个多边形。

5、选择工具箱里文本工具，设置属性面板，字体设置为“王羲之书法字体”，字体大小设置为30，颜色设置为白色，在多边形上输入文字为“进入”。

6、选择指针经过帧，按f6键插入关键帧，接着选择多边形，选择工具箱里任意变形工具，将多边形放大。

7、在指针经过帧，同样方法将文字“进入”也放大，使其布局美观，点击场景1，返回场景1.

8、在库中找到“ 缩放按钮 ”元件，按住鼠标左键将其拖拽到舞台中，放置在一个合适的位置。

9、选择工具箱里任意变形工具，调整其大小和位置，使其在整个页面上显得更加美观。

10、执行ctrl+enter组合键进行测试动画，执行件-另存为命令，在弹出的对话框中输入名称为“缩放按钮”，找到一个合适的位置进行保存即可。

教程结束，以上就是flash制作一款随着鼠标缩放的按钮方法介绍，操作很简单的，大家按照上面步骤进行操作即可，希望能对大家有所帮助!

flash生日贺卡中，常会看到拿起火柴放至蜡烛上，即可将蜡烛点燃的动画。怎样做到的呢?下面就为大家详细介绍一下，一起来看看吧!

其实道理比较简单：制作一个在第二帧燃烧的蜡烛动画，然后给它下个命令，火柴靠近你时就进入第二帧吧。当然，这个火柴实际上就是鼠标，所以，还要有一个将鼠标变为火柴的过程。涉及图片缩放、对齐，元件交换，透明按钮使用等。

一、准备蛋糕与蜡烛

ctrl+J打开文档属性，背景色设为黑色。

Ctrl+R将蛋糕图片导入到舞台。准备了一张PNG图片，有耐心的童鞋可以尝试自己画一个。

Q键调出变形工具，图片左上角是与舞台对齐的，将变形点移至左上角，按住Shift键拖动右下角，将图片同比缩小至与舞台同宽。

Ctrl+K调出对齐面板，选择底对齐，将蛋糕移至舞台底部。

新建一个影片剪辑元件，我将它取名生日蜡烛2。Ctrl+L调出库面板，将蜡烛元件拖至舞台。这是我事先做好的元件

图层第二帧F6插入关键帧。蜡烛选中状态，Ctrl+F3调出属性面板，点击交换，在出现的面板中选择生日蜡烛。

点开只显示轮廓、编辑多个帧，将第二帧蜡烛与第一帧的对齐。

新建图层2，第一、二帧都插入关键帧。F9键调出动作面板，每帧皆写入stop，使该元件不会自动播放动画，且无论进入哪一帧都会停留在该帧。

蜡烛层上新建一层，取名透明按钮。R键调出矩形工具，颜色面板中线条色禁用，颜色随意，Alpha值为0%。在蜡烛火苗处拉出一个方形。

F8键将透明方形转换为按钮元件。

动作面板中为该按钮写上on (rollOver) {gotoAndPlay(2);}，使鼠标移过时，进入且播放第二帧。

回到场景，新建一层，库面板中将生日蜡烛2元件拖入该层。调整为合适大小。

按住Alt键复制几个，数量随个人心意。此时测试一下，鼠标移过时，蜡烛已可被点燃了。当然，我们要用真正的火柴点燃，所以现在进入下一步。

二、制作火柴

Ctrl+F新建一个影片剪辑元件，取名火柴。在第一帧用线条工具和笔刷工具分别绘出火柴杆和火柴头。

新建一层，库面板中拖入火苗和光晕，变形工具调整到合适大小。

回到场景，新建火柴图层，将火柴元件拖入场景。

属性面板中为火柴取一个实例名，这里输入的是火柴拼音的首字母。

新建一层，时间轴上写入startDrag("hc"， true);Mouse.hide;使火柴可被拖动，鼠标隐藏。测试一下吧。

注意事项

文中用的是as2，请在发布设置，flash的as版本中选择。

用flash_cs6做鼠标特效。

1、双击打开FL。

2、打开后界面。

3、 将要做成鼠标箭头的材料导入 。这里导入的是路飞头像。

4、选中 转换成元件-影片剪辑 。

5、选中 中心点 ，点击确定。

6、命名为 lufei_mc 。(lufei这段字符可以设置成其他， 但必须是字母)

7、 脚本必须是as2.0

8、新建as代码层。选中as层， 按F9。

9、输入代码

Mouse.hide();

onEnterFrame=function(){

lufei_mc._x=_xmouse;

lufei_mc._y=_ymouse;

}

10、完毕。

注意事项：

用英文输入法输入代码，不然极易出错。

本flash教程教你制作一个跟随鼠标感应放大缩小的动画特效，主要利用遮罩来实现的。方法很简单，一起来学习吧!

制作步骤：

首先新建文档

然后导入一幅图片当做背景，我们首先把图片转换为影片剪辑元件，然后在该图层中做放大缩小的动画效果

然后我们创建一个新图层，创建一个圆，转换为影片剪辑元件，命名实例名，然后设置为遮罩层，效果如下：

本篇教程主要向大家介绍flash制作鼠标点击图片显示打散的gif动画效果方法，教程很不错，很值得学习，下面一起来看看吧!

1、新建Flash文档，550*400，其它默认。

2、创建影片剪辑，选椭圆工具，笔触无，填充色放射渐变，画一个椭圆,右键库中设置链接，类名Ball。

3、返回场景1，第一层建背景(随意)，新建as图层，在as图层第一帧输入代码：

复制代码

代码如下:

//小球的初始位置

[code]//小球的初始位置

var ballx:Number = 275;

var bally:Number = 400;

//小球运动速度

var speed:Number = 5;

stage.addEventListener(MouseEvent.CLICK，shoot);

function shoot(e:MouseEvent):void

{

for(var i:int = 1;i

{

//从库中创建小球

var ball:Ball = new Ball();

//初始化小球位置

ball.x = ballx;

ball.y = bally;

//根据三角函数计算小球的速度

ball.spdx = cosD(i*-20)*speed;

ball.spdy = sinD(i*-20)*speed;

//注册enterFrame事件

ball.addEventListener(Event.ENTER_FRAME，ballMove);

e.target.addChild(ball);

}

}

function ballMove(e:Event):void

{

//获取小球的引用

var obj:MovieClip = e.target;

//设置小球的坐标，实现运动

obj.x += obj.spdx

obj.y += obj.spdy

if(obj.y550||obj.y>400)

{

//移除enterFrame事件

obj.removeEventListener(Event.ENTER_FRAME，ballMove)

//从显示列表删除

stage.removeChild(obj)

}

}

//角度转换为弧度

function angleToRadian(angle:Number):Number

{

return angle*(Math.PI/180);

}

function sinD(angle:Number):Number

{

return Math.sin(angleToRadian(angle));

}

function cosD(angle:Number):Number

{

return Math.cos(angleToRadian(angle));

}

蝴蝶飞舞，树叶村落的场景我们都有看到过，很美很美，我曾经用ps做过蝴蝶舞动的动态图片，可是，ps是制作图片最适用的工具，用它来做动态的东西其实效果并不理想，专业的动画还得用flash。由于蝴蝶飞舞就像树叶飘落一样，路线是不规则的，所以要用引导线才能做出来。下面跟着我来看看如何利用flash引导线来制作飞舞的蝴蝶吧!

步骤/方法

1、新建flash文档。

2、导入一张背景图片。

3、双击该位图，查看大小，然后修改文档的大小与之相符。

4、在属性面板中，把x.y全部调整为0.

5、导入一个psd或者png格式的素材。

6、拖入场景中，F8将其转化为元件。

7、选择任意变形工具，调整素材的大小，选择工具调整位置。

8、右键图层1，添加引导层。

9、找到铅笔工具，画出一条弯曲的线。

10、在图层1的60帧处插入关键帧，用选择工具将蝴蝶素材拖动到线条的最上面，然后调整大小。

11、接着回到图层1，创建补间动画。

12、ctrl+enter测试一下，然后保存。

END

我们经常会使用flash制作各种动物飞舞的动画，那么如何制作蝴蝶飞舞动画呢？下面小编给大家分享一下。

工具/材料

Flash

操作方法

首先右键点击Flash顶部的文件菜单，选择导入下面的导入到舞台选项，如下图所示

接下来在弹出的界面中选择要导入的背景图片，如下图所示

等到背景图片导入进来以后我们通过对齐工具将背景图充满整个舞台，如下图所示

然后我们将准备好的蝴蝶图片拖到舞台中，注意蝴蝶图片需要是背景透明的，如下图所示

接下来选中蝴蝶的左翅膀，将其转换为影片剪辑元件，如下图所示

然后在第10帧的地方插入关键帧，如下图所示

接着在第10帧的地方选择变形工具，将蝴蝶左翅膀的形状改变，如下图所示

接下来将第一帧的效果复制到第20帧处，如下图所示

然后我们在第一帧到第15帧，第15帧到第20帧分别创建传统补间，如下图所示

接下来新建一个引导层，如下图所示，并利用画笔工具画一条引导线，如下图所示

然后在引导层的第一帧拖到引导线的开始处，如下图所示

接着在引导层的100帧处插入关键帧，并将蝴蝶拖到引导线的末尾，如下图所示

接下来调整蝴蝶图层的传统补间属性，勾选调整到路径复选框，如下图所示

最后运行Flash，我们就可以看到蝴蝶随着引导线的方向进行飞舞了，如下图所示

很多朋友一定在网上看到别人制作的flash时针非常的炫酷，但是又不知道怎么制作，下面为大家分享flash制作跟随系统时间的动态时钟的基本方法，希望能够起到抛砖引玉的作用，对您有所帮助，大神或各位看官非喜勿喷!

方法/步骤

打开Adobe Flash Professional CS6，其他版本的flash软件也可以。

新建一个文档，宽高为：500*500像素，帧频为24.00fps，背景颜色根据自己爱好选择，这里默认为白色。

把图层1改为表盘，在第一帧上绘制出表盘。

新建图层2，改名为大刻度，绘制大刻度，并将其注册点调到表盘中间位置。

在变形面板中将旋转角度设置为15°。

然后选择“重置选区和变形”按钮，点击12次。

新建图层3，改名为小刻度，用同样的方法绘制出小刻度。

新建图层4，改名为中心点，并绘制出中心点。

新建图层5，改名为时针，新建影片剪辑，命名为时针，绘制时针。

将绘制好的时针在属性面板中将实例名称改为“sz”(这一步很重要!)

新建图层6，改名为分针，新建影片剪辑，命名为分针，绘制分针。

将绘制好的分针在属性面板中将实例名称改为“fz”(这一步也很重要!)

新建图层7，改名为秒针，新建影片剪辑，命名为秒针，绘制秒针。

将绘制好的秒针在属性面板中将实例名称改为“mz”(这一步也很重要!)

新建图层8，改名为as。

在as图层第一帧出单击右键，点击动作。

在动作面板中输入以下代码，这一步相当重要!

至此，大功告成，按Ctrl+Enter，进行影片测试，好好欣赏您的作品吧!

注意事项

注意时针，分针，秒针为影片剪辑，并且其实例名称要与代码中的一致

在浏览网页最吸引眼球的可能就是网页特效了，尤其是图片的过渡效果，有的随着鼠标移动图片自动变化，下面根据制作的一种特效跟大家交流一下，鼠标左右移动则图片也随着左右移动，并且鼠标离屏幕中心越远，图片移动的速度就越快。

1、打开flash8，新建一个文档，设置大小为400*250，背景颜色为白色，帧频为12fps。

2、执行导入-导入到舞台命令，把事先准备好的水浒英雄图片导入到舞台中，并且该图片也会自动导入到库中。

3、打开库，找到水浒英雄图片， 双击该图片打开其位图属性面板，你会看到大小为2204*400.记住其宽度。

4、执行插入-新建元件命令，新建一个名称为” 移动“ 的影片剪辑元件，单击确定进入元件编辑区域。

5、从库中把水浒英雄图片拖入到编辑区域，选择该图片并设置全居中(水平中齐、垂直中齐)使其 中心和编辑区域中心对齐。

6、再次从库中两次拖入水浒英雄图片，分别放置在第一次拖入图片的两侧， 并调整三幅图片的位置，使他们首尾相接。

7、执行插入-新建元件命令，新建一个名称为” 缩放“ 的影片剪辑，点击确定进入编辑区域。

8、从库中拖拽 ”移动“ 影片剪辑元件到编辑区域，在属性面板中输入实例名称为 picmove。

9、返回到主场景，从库中拖拽“ 缩放 ”元件到舞台，在属性面板中输入实例名称为pic.选择该元件，打开动作面板输入代码。

10、新建图层2，选择工具箱里椭圆工具，设置笔触颜色为黑色，填充颜色为无， 按住shift键在舞台中心绘制一个正圆。

11、设置圆的大小为50*50，选择工具箱里的铅笔工具，在圆中绘制一个“ 十 ”字图样。

12、选择工具箱里的文本工具，设置字体为王羲之书法字体，大小为60，颜色为黑色，在舞台上输入 ”水浒英雄“。

13、 执行文件-保存命令 ，保存名称为水浒英雄， 然后按ctrl+enter组合键进行测试。

本教程是向大家介绍flash制作跟随鼠标旋转的星星动画效果，教程介绍的很详细，并对每个代码进行解析，非常适合新手学习，希望对大家有所帮助!

第一步：

打开FLASH，新建一个影片剪辑元件，命名为“星星”，在里面绘制一个星星出来，并且把它的中心点和舞台注册点对齐，在第20帧和第40处各插入一个关键帧。选中第20帧，在它的中心点和舞台的注册点对齐的情况下按住SHIFT键进行等比例缩小(你认为差不多就行了)，然后选中第1到20帧的任意一帧创建补间动画，打开属性面板把它的转调成逆时针，选中第20到40帧的任意一帧创建补间动画，打开属性面板把它的转调成顺时针。

第二步：

在新建一个影片剪辑元件，命名为“转圈的星星”，在图层面板的地方找到“添加运动引导层”添加一个引导层出来，在选中该图层的情况下按住AIT+SHIFT键在舞台上绘制一个有边框无填充色的圆(大小你认为合适就OK)，然后用鼠标圈住它的一点边选中后删除(这样做是给它一缺口)，选中绘制好的圆，把它的左和上对齐舞台中心的注册点，选中第40帧处添加一个帧，锁定该图层，选择第一个图层把我们库中的星星拖进来并把它的中心点对齐引导层中圆的上边的那个缺口的地方，选中第四十帧插入一个关键帧把它的中心点对齐引导层中圆的下边的那个缺口的地方。回到舞台，把库中转圈的星星放到舞台任意位置，并给它一个实例名称mc。

第三步：

继续插入一个影片剪辑元件，命名为“as"，选中第一帧添加以下代码：

复制代码

代码如下:

var k:Number=64;//用来定义星星的个数;

var n:Number=16;//用来定义一圈星星的个数;

var r:Number=2;X坐标和Y坐标的缓动，值越大跟随鼠标移动时就越慢;

for(var i=1;i

duplicateMovieClip("_root.mc"，"mc"+i，i);

setProperty("_root.mc"+i，_rotation，360/n*i);

setProperty("_root.mc"+i，_alpha，100/k*i);

}

setProperty(_root.mc，_visible，0);

选中第二帧处插入一个空白关键帧添加以下代码：

复制代码

代码如下:

for(var j=1;j

setProperty("_root.mc"+j，_x，_root["mc"+j]._x+(_root["mc"+(j-1)]._x-_root["mc"+j]._x)/r);

setProperty("_root.mc"+j，_y，_root["mc"+j]._y+(_root["mc"+(j-1)]._y-_root["mc"+j]._y)/r);

}

选中第三帧处插入一个空白关键帧添加以下代码：

复制代码

代码如下:

gotoAndPlay(2);

添加完代码以后回到主场景;

第四步：

把库中名为as的元件拖放到舞台上，给它一个实例名称mc0.在主场景内添加一个图层在第一帧加上拖动代码：

复制代码

代码如下:

startDrag("_root.mc0"，true);

注意这里是mc0不是mc，虽然你拖动的影片里面没有东西，在下面后细说的;

做到现在就算完工了，在这里就把重点的地方说一下。N为什么是它的一圈星星的个数

在第一个for循环语句里有这样一段，

setProperty("_root.mc"+i，_rotation，360/n*i);

看它的_rotation的值是360/n*i

也就是"_root.mc"+i，_rotation=360/16*i

也就是

_root.mc1._rotation=360/16*1

_root.mc2._rotation=360/16*2

_root.mc3._rotation=360/16*3

_root.mc4._rotation=360/16*4

_root.mc5._rotation=360/16*5

_root.mc6._rotation=360/16*6

_root.mc7._rotation=360/16*7

_root.mc8._rotation=360/16*8

_root.mc9._rotation=360/16*9

_root.mc10._rotation=360/16*10

.............._root.mc64._rotation=360/16*64

也就是说把360度平均分成16份，它们的角度就是这个值，360/16=22.5。

第一个MC的角度是从原MC角度22.5的地方开始复制出来的，第二个MC的角度是从原MC角度45的地方开始复制出来的，第三个MC的角度是从原MC角度67.5的地方开始复制出来的，直到乘到17的时候就重叠了，因为360/16*6=382.5，角最大值是360，当到382.5的时候它就把360看成0来计算了，结果就是22.5，当你把N的值调大的时候，比如36它就会有36个星星围成一圈了，360/36*i 也就是mc1角度是10*1，mc2的角度是10*2 ，mc3的角度是10*3 当乘到37的时候它的角度多了10也就是370，第37个MC的角度会是原MC角度的370-360也就是10，这就是N的值等于一圈星星的原因。

我们在主场景第一帧里放的代码明明是拖动的MC0，为什么MC复制出来的影片会跟着鼠标走，把在AS第二帧设置X、Y坐标的循环代码拿下来分析一下：

复制代码

代码如下:

for(var j=1;j

setProperty("_root.mc"+j，_x，_root["mc"+j]._x+(_root["mc"+(j-1)]._x-_root["mc"+j]._x)/2);

setProperty("_root.mc"+j，_y，_root["mc"+j]._y+(_root["mc"+(j-1)]._y-_root["mc"+j]._y)/2);

}

看它的X坐标，

setProperty("_root.mc"+j，_x，_root["mc"+j]._x+(_root["mc"+(j-1)]._x-_root["mc"+j]._x)/2);

setProperty这句话是说设置括号内(目标，目标的属性，该属性的值);

我们现在的目标就是主场景上面的mc1，mc2，mc3，mc4，mc5......mc64;

它们的X坐标值各是多少，为什么会跟随鼠标移动，我们来仔细地看下它们的值

_root.mc+i._x_root["mc"+j]._x+(_root["mc"+(j-1)]._x-_root["mc"+j]._x)/2

也就是

mc1._x=mc1._x+(mc+(j-1)._x-mc1._x)/2

假设mc1现在的坐标是300

也就是mc1._x=300+(mc+(j-1)._x-300)/2

现在我们已经得到两个数字了，还有一个mc+(j-1)._x，先算括号内，j-1第一次运行循环的时候j的值是1，就是1-1，也就是0;也就是mc+0，也就是mc0，也就是我们拖动的那个没有东西的影片剪辑。mc0是跟着我们的鼠标动的，上面搞清楚后，我们就在给mc0也就是我们鼠标的坐标假设一个值。随便设定一个我们就假设100吧，值有了我们在接着做算术。

mc1._x=300+(100-300)/2

也就是

mc1._x=300+负200/2

也就是

mc1._x=300+负100 //注意下负值是越乘负的越多，越除负的越少，加减相反

也就是

mc1._x=200;

当计算机运行到这里时，mc1的坐标是200了，但200还不符合我们所看到的效果，我们运行的时候是它的坐标是跟着鼠标走的，那么程序会接着往下走，它就会执行设定MC2的坐标了，MC2的坐标会是250，接着是MC3的坐标是275，总之是越往下它们坐标的间隔就会越小，你自己可以测试下看。

当循环完64次以后程序跳出循环了，那么就会TOGO到下一帧，执行gotoAndPlay(2);

又回来了，接着又是循环64次，代码还是相同的代码，不一样的是这次的坐标都是已经设置过的了，我们在看一下MC1现在的坐标是多少了，上次设置过后是200，那么现在是

mc1._x=200+(100-200)/2

也就是

150

这个坐标值会离鼠标越来越近的，直到和鼠标的坐标一样，那么相同后面的MC也一样会近，直到它们的坐标和鼠标相等为止，而且它们的坐标永远也不会小于鼠标的坐标。

教程结束，以上就是Flash制作跟随鼠标旋转的星星动画效果过程，希望对新手朋友有一定的帮助!谢谢收看本教程!

flash是一款功能强大的二维矢量图形制作软件，利用该软件给我们提供的工具箱，我们可以制作各式各样的图形，而且还可以填充上我们喜欢的颜色，下面我们就来制作一个卡通的蝴蝶图形，制作的图形如图所示：

步骤

1、打开flash这款软件，进入flash的操作界面，如图所示：

2、在工具箱里找到钢笔工具，如图所示：

3、点击钢笔工具，在舞台上绘制蝴蝶的一个小翅膀，如图所示：

4、选择绘制的曲线，在属性里修改笔触大小为3，如图所示：

5、在工具箱里找到椭圆工具，如图所示：

6、在翅膀的旁边绘制一个椭圆作为蝴蝶的身体，如图所示：

7、选择左边的翅膀，按下键盘上的alt键复制一个，并在工具箱里选择任意变形工具，调节其位置和左边的对称，如图所示：

8、在工具箱里选择油漆桶工具，在属性里修改填充色为粉色，给翅膀填上颜色，如图所示:

9、在工具箱里选择钢笔工具，给蝴蝶绘制两条胡须，如图所示：

10、选择椭圆工具，在属性里修改填充色为黑色，按下键盘上的shift键给蝴蝶绘制两只眼睛，如图所示：

11、选择直线工具，给蝴蝶的肚子绘制花纹线，并调节其形状，卡通蝴蝶就制作完了，如图所示：

前面做了一个文字跟随效果，文字跟随鼠标移动。这次我们让MC跟随鼠标移动，并产生相应的延迟效果。鼠标在舞台上划动，MC跟随鼠标轨迹出现，虽只一个MC，因紧跟前一步，却产生连续的效果。

一、制作运动的星

Ctrl+F8 新建影片剪辑元件，我给它取名洒光。

星元件是事先绘好的，将星元件拖入舞台，第20帧插入关键帧。新建四层到图层5，选中层1所有帧，按住Alt键拖动，复制到每一层中。

0flash制作一颗闪闪的星

从层4开始，每层最后的关键帧选中后，向后拖动，比上一层多出5帧。如图。

第5层上新建一个引导层，线条工具绘出一条弧线，形状看个人需要，延长至40帧(40帧按F5插入帧)。

点上贴紧至对象，将层5最后一帧的星拖动至线条，注意变形点与线条结尾对齐，“ 贴紧至对象 ”会帮助我们做到。回到第一帧右键——创建补间动画。

图层4到1同样处理 ：最后一帧的星拉至引导层线条的末尾，添上补间动画 。

分别按住每一层向上拖动，如图，出现加入的标注松开，使每一层都成为被引导层。完成该元件制作。

二、制作洒光的蝴蝶

蝴蝶是网上收集的GIF图，首先我们将它导入到flash文档里。 文件——导入——导入到库 。导入进来的动画是以影片剪辑类型存放，并包含有每一帧中的图片。

新建影片剪辑元件，取名蝶舞。将蝴蝶元件拖入舞台。 修改——变形——水平翻转 (是否翻转，按个人需要)。第40帧插入关键帧。

新建一层，将洒光元件拖入蝴蝶上，各五帧错开加入一个，共三个(个数看个人心意)，如图。

新建一个ActionScript层，在最后一帧输入： this.removeMovieClip(); 使该元件运动39帧后，在第40帧从画面移除。

回到场景，将蝶舞元件拖入，取一个实例名，在后面的脚本中使用。

在时间轴上输入：var time = 3;

var i = 0;

_root.onEnterFrame = function() {

_root.onMouseMove = function() {

if ((i % time) == 0) {

_root.stars_mc.duplicateMovieClip(("stars_mc" + i)， i);

_root[("stars_mc" + i)]._x = _root._xmouse;

_root[("stars_mc" + i)]._y = _root._ymouse;

}

i++;

};

};

最终效果。

本例教朋友用flash制作鼠标跟随效果。用鼠标拖动萝卜，兔兔眼睛总盯住萝卜，很可爱噢...

制作方法：

一、做三个元件

1、插入新元件，行为电影剪辑，命名为兔子。画出兔子的外形，也可以画其他动物，只是眼珠不画。如果要兔子耳朵、嘴巴、手动的话，要分层用逐帧改变形状。如图所示：

2、插入新元件，行为电影剪辑，命名为眼睛，确定，进入眼睛编辑窗口。在第一帧画一个跟兔子眼眶一样大小的、没有填充色的圆(这里是30*30)，并让其全居中，在里面贴住圆的右边线再画一个没有线条的红色眼珠，然后把眼眶边线的透明度设为0。

新建一个层，选中第一帧，打开“动作-帧”面板，输入以下代码：

this.onMouseMove=function(){

; eyeX=_root._xmouse-this._x ; eyeY=_root._ymouse-this._y ; ang=Math.atan2(eyeY，eyeX)*180/Math.PI ; this._rotation=ang }

如图所示：

3、插入一个新元件，行为电影剪辑，命名为萝卜。画出萝卜，选中萝卜，让其居中。如图所示：

二、布置主场景：

新建三个层，由上到下命名为萝卜、眼珠、兔子、背景。

1、选中背景层的第一帧导入一幅你喜欢的背景图。

2、选中兔子层的第一帧，从库拖出拖出兔子MC，放在合适位置。

3、选中眼睛层的第一帧，从库里拖出两个眼睛MC，分别放在兔子的眼眶里。注意也是放在眼眶的右侧(两圆相切)位置。

4、选中萝卜层的第一帧，从库里拖出萝卜MC，放在树下。选中萝卜，并在电影剪辑属性面板命名为“lb”。打开“动作-电影剪辑”面板，输入如下代码：

onClipEvent (mouseMove) {

; mouse.hide(); ; startdrag("_root.lb"， true); }

如图所示：

至此本实例完成，测试、存盘。

本教程向大家介绍利用flash制作跟随鼠标移动拉伸的蜘蛛丝动画效果，方法很简单，其中用到了Flash函数，推荐给大家，希望对大家有所帮助!

大家移动鼠标，可以看到蜘蛛丝会跟随鼠标移动和拉伸。

下面我们来讲实现的方法。

1、在Flash中先建三个MC。

一个是spider_mc，画一个蜘蛛，像样点就算了，呵呵!

一个是net_mc，一个蜘蛛网，当背景用的，没有太大用。

最后一个是空的MC，line_mc，用来画线(蜘蛛丝)。

2、回到场景，建三个层。

最底下一个叫NET，用来放背景net 的，把net拉进去。

中间一个层叫line，用来放line_mc的，把line_mc拉进来，并给这个剪辑命名line_mc。

最后一个当然是放spider_mc 的。

3、最关键一步，多建一个action层，写上如下代码。

复制代码

代码如下:

speed=10;

spider_mc.onEnterFrame = function() {

dx = _root._xmouse-this._x;

dy = _root._ymouse-this._y;

p =Math.atan(dy/dx)*180/Math.PI;

rota = (dx>0) ? (90+p):(270+p);

this._x += dx/speed;

this._rotation = rota;

this._y += dy/speed;

};

line_mc.onEnterFrame = function() {

this.clear();

this.moveTo(0， 0);

this.lineStyle(1， 0xffffff， 100);

this.lineTo(_root.spider_mc._x， _root.spider_mc._y);

};

最后生成swf，完成。

跟随鼠标移动flash教程，本例教朋友用Flash制作鼠标跟随效果。用鼠标拖动萝卜，兔兔眼睛总盯住萝卜，很可爱噢...

效果演示：

制作方法：

一、做三个元件

1、插入新元件，行为电影剪辑，命名为兔子。画出兔子的外形，也可以画其他动物，只是眼珠不画。如果要兔子耳朵、嘴巴、手动的话，要分层用逐帧改变形状。如图所示：

2、插入新元件，行为电影剪辑，命名为眼睛，确定，进入眼睛编辑窗口。在第一帧画一个跟兔子眼眶一样大小的、没有填充色的圆(这里是30*30)，并让其全居中，在里面贴住圆的右边线再画一个没有线条的红色眼珠，然后把眼眶边线的透明度设为0。

新建一个层，选中第一帧，打开“动作-帧”面板，输入以下代码：

this.onMouseMove=function(){

eyeX=_root._xmouse-this._x

eyeY=_root._ymouse-this._y

ang=Math.atan2(eyeY，eyeX)*180/Math.PI

this._rotation=ang

} 如图所示：

3、插入一个新元件，行为电影剪辑，命名为萝卜。画出萝卜，选中萝卜，让其居中。如图所示：

二、布置主场景

新建三个层，由上到下命名为萝卜、眼珠、兔子、背景。

1、选中背景层的第一帧导入一幅你喜欢的背景图。

2、选中兔子层的第一帧，从库拖出拖出兔子MC，放在合适位置。

3、选中眼睛层的第一帧，从库里拖出两个眼睛MC，分别放在兔子的眼眶里。注意也是放在眼眶的右侧(两圆相切)位置。

4、选中萝卜层的第一帧，从库里拖出萝卜MC，放在树下。选中萝卜，并在电影剪辑属性面板命名为“lb”。打开“动作-电影剪辑”面板，输入如下代码：

onClipEvent (mouseMove) {

mouse.hide();

startdrag("_root.lb"， true);

} 如图所示：

至此本实例完成，测试、存盘。

我们在浏览一些网页或者动画时经常会看到一些特殊的效果，随着鼠标的移动会产生不同的效果，这种效果也可以利用flash制作出来，今天小编在这里就跟大家交流一下鼠标的跟随效果制作的方法，同时把自己制作的过程分享出来，希望对你有所帮助。

1、启动flash cs5，执行文件-新建命令，新建一个基于actionscript2.0的flash文档， 设置其大小为800*400，帧频为12fps， 背景颜色为黑色。

2、执行插入-新建元件命令，新建一个名称为“ 泡泡 ”的图形元件，然后点击确定按钮进入编辑区域。

3、选择工具箱里椭圆工具，设置笔触颜色为无，填充颜色为淡黄色(可以根据自己的需要选择)，接着在编辑区域按住shift键绘制一个圆形。

4、 执行插入 -新建元件命令 ，新建一个名称为“ 点击按钮 ”的按钮元件，点击确定按钮后进入编辑区域。

5、在按钮编辑区域内，选择 时间轴上的点击帧 ，右键单击选择下拉菜单中的 插入关键帧选项 ，接着选择工具箱里椭圆工具，设置填充颜色为淡黄色，笔触颜色为无，在编辑区域绘制一个圆。

6、执行插入- 新建元件命令 ，新建一个名称为“ 运动” 的影片剪辑元件，单击确定后进入编辑区域。

7、返回到场景，将库中的点击按钮元件拖拽到场景中，选择该图层的第一帧处右键单击选择下拉菜单中的动作面板，打开该面板， 添加stop();语句 。

8、选择“点 击按钮 ”元件，修改属性面板中的alpha为30，点击时间轴左下方的新建按钮新建一个图层2，选择该图层的第二帧插入空白关键帧，将库中的“运动”元件拖拽到舞台中，在 15帧处插入关键帧修改该元件的alpha值为20%。

9、在图层2的2-15帧之间的任意一帧处右键单击从下拉菜单中选择创建传统补件动画选项，创建一个补件动画。

10、选择图层1的第一帧处选择舞台上的“ 点击按钮” 元件，打开其动作面板，在其中输入代码为 ： on(rollover){play();};

11、返回场景1，将库中的“ 运动 ”影片剪辑文件多次拖拽到舞台上，创建若干个影片剪辑实例文件。

12、到此制作就基本完成了， 按ctrl+enter组合键进行测试 ，执行文件-存储为命令，输入名称为鼠标跟随效果，找到一个合适的位置后点击保存就可以了。

flash是动画工具。下面，我们来看看如何使用flash制作蝴蝶飞舞的动画吧。

操作方法

新建文件

首先打开Flash软件工具，然后新建一张空白文件，如下图所示：

导入图片

然后找到一张关于蝴蝶的图片，并且导入它，如下图所示：

插入关键帧

在第一帧的位置更改图片的大小和位置，然后再第30帧处插入关键帧，更改图片大小与方向，如下图所示：

传统补间动画

然后在第1帧和30帧中创建传统补间动画即可，如下图所示：

如果想要让蝴蝶飞舞起来更形象的话，则先把第1帧和30处对图片进行打散，再创建形状补间动画即可，如下图所示：