flash怎么创建动画效果(汇总20篇)

下面我们来做一个模拟光斑的效果，效果如上图，这一课主要学习色彩的调节变换，因为调节出好的色彩才会使图像更加亮丽，增加层次感和视觉效果。调出好的色彩谁都能掌握，但这需要多看多动手。好了，我们来边看边做。

1. 单击文件菜单点新建命令新建一个动画文件，再单击修改菜单中的场景，在弹出影片属性框中作一下修改，宽(width)为300px，高(height)为160px，背景色为黑色，按确定按钮。

2.单击 插入菜单中添加组件命令，新建一个组件取名为gux(随便取名)，性质设为图像，按确定进入gux的编辑区。

3. 从左边的工具栏中选择矩形工具，在下面的线条颜色按钮上单击，在弹出的选色面板左上角有个描边按钮，把它关闭，如左图，目的是在画出的矩形中去掉外边框。 在工具栏的下面填充颜色按钮上单击， 在弹出的选色面板上单击顶部中间的配色按钮。

通过引导层的路径来引导对象的运动。

1、新建一个flash文件，在图层1中，执行 文件→导入→ 导入到舞台命令 ，导入一张黑板的图片，并对齐到舞台中央。

2、新建一个图层，即图层2。 再执行同上的命令， 导入一张黑板擦的图片。

3、按快捷键F8将黑板擦转换为 图形元件 ，取名为黑板擦。

4、选中图层2，用鼠标点击时间轴下面的 引导层按钮 ，为黑板擦图层创建一个引导层。然后在该图层上绘制 引导路径 。

5、将三个图层的帧数延长到 第60帧 。

6、选中 黑板擦 ，将其移动到引导线的一个端点上，将黑板擦的中心点对齐到 路径的端点处 。

7、在黑板擦图层的第60帧插入 关键帧 ，然后将这帧上的黑板擦移到路径的另一个端点，并且对齐同上。

8、选中该图层中的任意一帧，右击鼠标，创建 补间动画。

9、按组合键 Ctrl+Entet 测试影片。最后导出影片， 格式为 swf 。

本篇教程主要向大家介绍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));

}

我们制作flash动画的时候，经常需要创建遮罩效果。那么如何在Flash中创建遮罩动画呢？下面小编给大家分享一下。

工具/材料

Flash

操作方法

首先打开Flash软件，新建一个背景图层，然后导入背景图片，如下图所示

接下来在背景层顶上创建一个遮罩层，如下图所示，注意一定要将遮罩层放在上面

然后我们在遮罩层的第一帧处用椭圆工具画一个圆，如下图所示

接下来我们右键单击圆形，在弹出的菜单中创建补间形状，如下图所示

然后我们在遮罩层的第30帧处右键单击选择插入关键帧选项，如下图所示

接着将圆形工具从第一帧的地方拖到30帧的地方，如下图所示

然后在背景层的第30帧的地方右键单击选择插入帧选项，如下图所示

然后我们右键点击背景层上面的图层将其设置为遮罩层，如下图所示

最后我们运行动画，你就会看到一个小球的遮罩动画从左上角移动到了右下角，如下图所示

今天为大家分享flash逐帧动画制作画饼充饥动画效果方法，方法很简单，主要用到了逐帧动画等。

最终效果图：

步骤

1、打开FLASH软件，新建FLASH文档;

2、图层1中绘制一个圆，填充为无;

3、对圆进行逐帧动画编辑，如图;

4、绘制饼上面的芝麻;

5、添加文字，画饼充饥，并且分离1次;

6、对文字添加关键帧进行动画编辑;

7、测试影片，修改不足;

8、导出影片，格式GIF 绘制完成。

注意事项

注意箭头处

注意动画的连贯性

本教程是向大家介绍利用flash中的遮照打造3D动画视觉效果，教程比较基础，适合新手学习，希望对大家有所帮助!

首先新建文档，按Ctrl+J修改属性。

导入一幅图片作背景，然后建一新层，然后绘制一条横线和竖线，绘制横线时使用对齐面板。

效果。

再创建一个层，在如下图所示位置绘制一个矩形。

然后按F8转变为元件，类型：图形。然后再第20帧插入一个关键帧，然后调整大小，调到最小。

之后创建补间动画。然后再创建一个图层，绘制一个矩形如下图所示，然后转变为图形元件。

然后再第20帧插入关键帧，把图形调整到一条横线，最后创建补间动画。

然后新建立一个图层，绘制一个三角形。

然后执行遮照命令。

最后按Ctrl+Enter进行测试。

本篇教程是向大家介绍flash制作庆祝春节的烟花绽放GIF动画效果方法，教程没有运用AS代码，制作过程介绍地很详细，喜欢的朋友一起来学习吧!

1.首先使用一个至少用了4种颜色的放射填充。中间和外面的颜色透明度设为0%。第二和第三个颜色由你的烟花设计来确定。将这个渐变填转换为图形元件。

2.你需要创一个遮罩象本例一样爆发而出的烟花效果。将它转换为图形元件。

3. 将放射填充放进被遮罩层并锁定。这样只有被遮罩的部分才能看见。

4.在第一帧将遮罩和渐变缩得很小。渐变应比遮罩更小。

5.在时间轴上的一定的位置插入关键帧，将它们放大到300%。渐变至少要大于遮罩。

6.在更远的地方插入两个关键帧，将它们缩小到125%。渐变的透明度减弱到0%。

7.锁定这两个图层然后回车播放或测试你的影片。你将看到一个漂亮的令人满意的烟花绽放效果。

8.画一个轮廓并用两种颜色混合的线性渐变来填充它，两种颜色的外端透明度为0%.

9.将这个渐变用形状补间使它从下面直到上面并消失。

10. 即然这个轮廓的形状补间模似了从下向上爆发的效果，那么你不需要在时间轴上调整烟花为它腾出地方。

11.如果你将这个动画制作成一个元件，你将很容易复制并制作出不同颜色的烟花效果。

12.用一个新的放射填充元件编辑复制的元件。用一个较暗的背景将使烟花更加栩栩如生。

13. 将你的多个烟花效果实例拖到舞台上并让它们在不同的帧开始。

提示：

如果你有一个单色的背景比如黑色，最好不要在补间动动画中使用透明的形状，因为当多个动画效果重叠时它将会集中处理。用与背景相同的颜色替换透明的图形，这将会总是得到一个更好的重放效果 。

在flash中绘图与动画制作占比同样重要，在与之结合的基础上能创作出很多日常生活中的情景，水滴下落，也就是自由落体运动就是一个很好的制作模型。

首先我们需要了解原理，在上面的演示中可以看到运动下落，速度是一个点，水滴的颜色变化是一个点，以及水波的隐约扩散，了解了几个重要的点就可以开始制作了

1、我们先按照默认的方式建立一件，默认的是一个空白的画布，尺寸固定

2、然后在属性面板上设置舞台参数， 帧频率改为12，尺寸200*400 ，背景颜色为蓝色，大家喜欢什么样的蓝色都可以

3、选择 钢笔工具画水滴 ，如果大家不熟悉可以多试一下，然后用部分 选择工具 进行调整

4、选择 颜料桶工具 ，最下面的黑白渐变，然后打开调色板， 黑色改为淡蓝色，填充水滴

5、选择 水滴 ，去掉边框， 即边框颜色为0，Alph值为0，就是选择斜杠

6、将其转化为 元件 ，图形，在第十帧初按F6， 添加关键帧，按住shift键下移

7、在同一帧选择 椭圆工具 ，只有边框，移到水滴中心， 按F7， 添加 空白关键帧 ，选中边框， 按CTRL+X剪切，到11帧按住CTRL+shift+V 同位置粘贴

8、将边框转化为 元件 ，在第16帧初按 F6 ，选中边框，找到属性， Alph值为0

9、回到第11帧，将边框缩小，用 调整变形工具 ，按住 shift

10、 在第11帧与16帧中间任选一帧 ，右击创建传统补件，前面的也是如此

11、因为涉及到重力的问题，所以在第一帧到第十帧中间任选一帧，选择属性， 将缓动改为-100 ，由慢到快

在flash动画的制作中，我们可以利用图层之间相互影响的特点来制作很多特殊的动画。下面介绍利用Flash中上一图层元件对其下面图层的遮挡特点，来制作使物体逐渐显示的动画。

步骤

1、启动Flash cs4软件，新建一个flash文件。

2、在默认的图层1中的第1帧上导入或创建你所要逐渐显示的对象。这里，我们使用“ 钢笔工具 ”绘制出折线。

3、在图层1的第40帧(可以根据所需要的时间长短自由选择)处，右击，选择“ 插入帧 ”(快捷键)命令，结果如下。

4、然后，单击选择图层1，右击，选择“ 插入图层 ”命令。这时，会新建一个图层，默认名称为“图层2”，默认在图层1的上方。

5、选中图层2的第1帧，绘制出遮挡的形状，可以是矩形、椭圆和多边形等。我们这里绘制一个矩形，设置其笔触颜色为空白、填充颜色为文档背景颜色。并将其转化为图形元件(在转化的过程中要将图层1锁定)。并通过移动使其左侧刚好覆盖图层1中的折线。

6、在图层2的第40帧，右击，选择“ 插入关键帧 ”命令。并移动矩形元件，使其左端刚好与折线分离。

7、右击图层2中第1~40帧中任意一帧，选择“ 创建传统补间 ”命令。

8、执行菜单中“ 控制|测试影片 ”命令，即可得到想要的结果。

注意事项

存放遮挡元件的图层要在上面，且元件颜色要与文档背景颜色一致。

这篇教程是向大家介绍利用flash制作字母变换动画效果，这个字母变换效果的技巧在于Movie Clip的利用。对于初学者来说非常的实用，一起来学习吧!

1、创建好字母库

A-Z的字母效果可以自己设计，也可以是普通的文字。然后将其转换为符号。(Insert>>Convert to Symbol>>graphic)，name和字母对应。需要注意的是，每个存放在符号中的字母，坐标位置一定要一致，否则使用的时候会有很多麻烦事，建议不要新建一个符号以后，再输入字母。最好是在场景中将字母先作好，然后转换成符号。这样，坐标都在中心位置，所有符号中的字母坐标位置能够保证一致。做好自己需要的字母以后，可以开始下一步了!

2、字母变换动画制作

新建一个Movie Clip，取name为movie。第一个关键帧放入一个字母符号，比如“A”。调整好中心位置以后，在第二帧中插入一个关键帧。现在你所看到的第一帧和第二帧的内容是相同的，然后选种第二帧的字母，按鼠标右键，选择Properties选项，在Symbol里，可以看到一个黑点所选择的是当前的符号“A”，然后选择符号“B”，按Switch Symbol转换成符号“B”，然后确定。

回到符号Movie Clip，你看到两帧的内容就不一样了，照这样的方法，第三个关键帧的内容就是符号“C”，按照自己需要，可以放入不同的字母、不同的帧数。这样做起来看来很麻烦，但是可以保证字母在变换时不会错位，达到理想效果。

3、利用Movie Clip在时间上的交错，达到变换效果

在例子中的“To Feel All These”，前面的变换效果其实都是一个Movie Clip，只是不播放的时间不同，从而达到看似没有规则的字母变换。

4、把我想要的字母边变出来

首先，确定好自己最终出现的内容，比如“To Feel All These”，一共是14个字母。

在场景中，新增一层，确定好字母“T”的位置，而该字母所放的是符号movie，然后根据内容，放14个符号movie，现在这些符号都在一层，要将他们分别放在不同的14个层里，步骤可以是这样：选种第二个，按Ctrl+X，新建一层，在新建的层里按Ctrl+Shift+V，可以粘贴到原来的坐标位置上，然后再选中第三个，继续操作。

在每层的第100帧上，插入一个关键帧。从第一个符号movie开始，替换成内容所需要的“To Feel All These”，用Switch Symbol转换，保证符号位置不会偏移。然后在时间上错开，把最后一个符号的那帧移到第98帧，倒数第二个字母的那帧移动到第96帧，每前一个符号减少两帧，可根据需要调整。

同样，第一帧中符号movie也需要错开，第二个符号，移动到第3帧，第三个符号移动到第5帧，每后一个符号增加两帧，可根据需要调整，从第而帧开始，每帧的前面都是空帧，无内容。这样，开始利用同一个Movie Clip，在时间上的错开，达到变换效果。到最后一帧，在符号的相同位置上，把变换动画movie替换成一个只有一帧的字母符号，就完成了这个效果。制作过程中比较麻烦的每个符号的坐标位置。

在flash中通常有几种方法创建相同的动画和效果。不管是在时间轴上做的动画还是用actionScript动态生成的，它都允许用户在舒适的环境中工作。一个简单的光圈变换是能用几种不同的方法来制作。我个人不知道这种动画代码从哪儿开始，但是给我一个时间轴和一些关键帧，我将进入我的工作环境。

1、第一步用椭园工具创建一个圆形。任一填充色，绘制时按住shift键使它成正圆。不要将这个形状转换为元件，相反地将这一层转换为遮罩层。

图1

2、在第1帧将圆缩到最小。用ctrl+alt+s打开缩放与旋转面板，输入一个百分数，点击确定。使用对齐面板(ctrl+k)使圆形相对于舞台居中对齐。

图2

3、在遮罩层时间轴上一些帧后插入关键帧。将圆放大覆盖整个舞台。转化这个形状为轮廓线，(译者注：在图层名称那一栏点右键>属性，然后在弹出的属性面板的下半部有一“将图层转为轮廓”前打钩。)这样你可以在它下面看到舞台。添加一个补间形状，这样这个圆从小到大覆盖整个舞台。

图3

4、增加一个新的图层并拖动它穿过遮罩层，这样它就被连接成了被遮罩层。在这一层包含你要显示的内容。如果你显示的内容需要多个层，那么确认它们全部被遮罩，或者移动所有显示内容到一个新的元件，并将元件拖到被遮罩层。

图4

5、在所有图层的下面创建新图层(不是被遮罩层)然后画一个黑色的矩形尺寸和舞台一样。颜色可以是你选择的任何色，但黑色对于这个效果将更好一些。你可以在舞台上复制并翻转遮罩动画的关键帧添加另一个补间形状。

图5

6、自此你已经用一个动画遮罩创建了一个光圈效果。你以在舞台上很容易控制光圈的聚焦区域。在最后一个关键帧，定位圆在角色的眼晴上。当动画播放时，圆将向眼睛上运动-一个被使用在各个卡通中的典型的技巧。

图6

提示：自由地用其它颜色取代黑色试验。有时放射渐变可为这个变换增加一些有趣的层次感。改变不同的颜色来改变不同的背景，得到你想要的效果是很容易的。

下面向大家介绍利用flash简单制作平移动画效果图方法，教程真的很不错，很基础，很适合新手来学习，一起来学习吧!

方法/步骤

1、创建空白文件

打开flash，弹出的界面后，选择里边的3.0即可，如图所示。

创建形状

点击上方的第一帧，然后点击左侧的矩形，在画布中画一个矩形形状，如图。

制作关键帧

在第20帧鼠标指向，右键选择插入关键帧，并点击确定，如图所示。

制作关键帧位置

将一开始矩形的位置拖动到随意所需位置，然后确定，如图所示。

创建补间动画

鼠标指向1到20帧任意位置，然后鼠标右键，选择创建补间动画，如图。

预览动画

在完成以上操作后，便可以预览自己的第一个动画，只需要按下ctrl+enter键即可运行。

注意事项

一定要插入关键帧，否则不会产生动画

创建补间动画实在两个关键帧直接，无特殊要求

下面给大家介绍flash制作一条蛇游动的gif动画效果方法，是不是很有意思呢。 一起来看看吧。

方法/步骤

打开FLASH，新建文档。参数如图

新建一个元件。类型为图形。确定，绘制一个小球，颜色任意。

回到场景中。拖动小球到工作区。

在35帧按F6建立关键帧。将小球拖动到右边，在中间按右键，建立补间动画

新建图层2。并下移，让图层2在图层1下面，在图层2中，用铅笔，用光滑模式画一条弯曲的黑色的线。

将原来的小球图层1右键设为遮罩层。按回车键看效果。

注意事项

线用光滑模式，尽可能多一些弯曲。

本教程是向大家介绍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制作跟随鼠标旋转的星星动画效果过程，希望对新手朋友有一定的帮助!谢谢收看本教程!

本教程是向大家介绍利用flashAS3.0打造漂亮的水纹GIF动画效果，教程很不错，讲解的也很详细，很值得学习，喜欢的朋友可以过来学习一下!

在这个Flash AS3.0实例教程中，将用到置换图滤镜(DisplacementMapFilter)和BitmapData类的的杂点功能(perlinNoise)，这两个家伙常常给我们带一些令人兴奋的效果，它们的合作为大家创造了一个漂亮的的水汶，看看下面的动画，应该还不错吧。

现在来构建这个漂亮的水纹：

既然是水纹，想首先要找一张含水的图片吧，河道，湖泊，水池，喜欢就行。

1、新建一AS3.0文档，将帧频设为30，将图片导入到库中，点右键，在属性面板中将“使用JPEG导入品质”前的钩钩去掉，这样做图片的体积就会大大地减小哦。

2、新建一个影片剪辑元件，将图片拖到舞台上，设置图片的大小，你想设多大呢?反正我是按默认的550x400。图片在大小与文档大小一样大。点击对齐面板，相对于舞台居中对齐。

3、回到主场景，将MC拖到舞台上，居中放置，为它设置一个实例名称，我用的是“pic”图层上锁。

4、新插入一图层，将图片(注意是图片不是MC)，拖到舞台上，打开对齐面板，宽高匹配，居中对齐。现在第1，2层的图像是完全重合的，请确认是这样的。选择图片，点击 修改>分离，将水面部分选出，删除。可以将第1层隐藏，看看删除后的效果。

如下图：

5、新建一层用来写代码，打开动作面板，输入下列代码：

复制代码

代码如下:

1. var bmp:BitmapData = new BitmapData(550，400);

2. var zh:DisplacementMapFilter = new DisplacementMapFilter(bmp，new Point(0，0)，1，2，10，600);

3. var p1:Point = new Point();

4. var p2:Point = new Point();

5. var zdxg:Array = [p1，p2];

6. addEventListener(Event.ENTER_FRAME ，ld);

7. function ld(e:Event):void {

8. zdxg[0].x += 0.2;

9. zdxg[1].y += 0.1;

10. bmp.perlinNoise(168，5，2，4，true，true，2，true，zdxg);

11. pic.filters = [zh];

12. }

OK，测试影片，一个漂亮的水汶效果立即出现在你的眼前。

代码分析：

首先声明了一个与图片一样大的BitmapData类实例bmp，用来作为置换图滤镜的参数。

var bmp:BitmapData = new BitmapData(550，400);

然后声明一个置换图滤镜zh，将bmp作为参数。

var zh:DisplacementMapFilter = new DisplacementMapFilter(bmp，new Point(0，0)，1，2，10，600);

接下来声明了两个点，并将这两个点放到到一个叫zdxg的数组中，这个数组将用于bmp产生杂点的参数。

var p1:Point = new Point();

var p2:Point = new Point();

var zdxg:Array = [p1，p2];

然后，在ENTER_FRAME事件中调用ld函数。

addEventListener(Event.ENTER_FRAME ，ld);

ld函数，动态改变两个点的位置，然后使bmp应用杂点功能，在每一帧的间隔产生不同的杂点效果，使置换滤镜效果产生变化，最后让影片剪辑pic，应用滤镜，实现水汶效果。

function ld(e:Event):void {

zdxg[0].x += 0.2;

zdxg[1].y += 0.1;

bmp.perlinNoise(168，5，2，4，true，true，2，true，zdxg);

pic.filters = [zh];

}

本教程是关于使用flash制作梦幻仙剑效果，主要是运用时间轴特效来制作百叶窗效果，用滤镜来制作边框效果，混合模式制作图片色彩变幻的效果，而鼠标跟随效果由AS编程来实现。希望本教程能给您带来帮助～

效果演示

运用的知识点:

用时间轴特效制作百叶窗;

滤镜制作边框效果;

混合模式制作图片色彩变幻的效果;

AS制作鼠标跟随效果。

(一).新建FLASH文档，大小600*400，其他数值默认.

(二).元件的准备

一.制作百叶窗元件

1.插入—新建元件，类形图形，命名为线条

笔触颜色禁止，填充色任意，用矩形工具画一个600*3长方形(图2).

图2

用黑箭头工具选中长方形，全居中(相对舞台，水平中齐，垂直中齐)(图3)

用flash模拟弯弓射箭，用到补间动画与形状动画，下面小编就为大家详细介绍一下，不会的朋友可以参考本文。

步骤

1、打开FLASH软件，新建FLASH文档;

2、在图层1中绘制弓;

3、新建图层2绘制弦;

4、新建图层3绘制箭;

5、添加关键帧，添加补间动画与形状动画;

6、测试影片，导出影片，格式GIF 绘制完成。

注意事项

注意箭头处

注意补间动画的设置

这篇教程向大家介绍flash制作春雷闪电效果动画过程，教程不是很难，制作出来的效果很不错，一起来学习吧!

教程如下：

1、按“Ctrl+M”打开影片属性对话框，设定动画的大小宽为240高为400，背景为黑色，单击“确定”。

2、单击“insert→new symbol”(ctrl+f8)，在弹出对话框中命名为“city”，类型选“movie clip”。

3、用acdsee等看图软件找一张可以作为闪电效果背景的图片，用firework等图像编辑工具编辑一下，去掉背景(去背的技巧有很多的，这里就不多说了，但是有一点要注意，输出的时候一定要输出为gif文件，这样才能够让去掉的背景变得透明)。编辑好之后，回到falsh，确定是在city mc的里，按“Ctrl+R”打开图像导入对话框，选择刚才编辑好的gif的图像。

4、回到场景，接着建立午夜的背景，因为是晚上有点月光的时候，这里选择一张带蓝底的图片，(关于找背景图像的事这插一句话，背景找得好，可以为你的flash表现效果得到最大发挥!这次贡献出来的背景图是我做过的mtv--《开不了口》中的背景，倾情贡献啊，热烈鼓掌!)单击“insert→new symbol”(ctrl+f8)，在弹出对话框中命名为“back”，类型选“movie clip”。

选择底图!签于这张底图的质量要求不是很高，因此可以用编辑软件在外部改为尺寸比较小一点的，然后到flash中用尺寸调节工具拉大!这样可以最大程度地减少输出为swf后文件的大小，而且整体颜色完全可以掩盖住马赛克的出现!

5、场景中基本的元素差不多了，但还缺少今天的主演，那就是闪电，接下来我们就让这位主演出场吧!单击“insert→new symbol”(ctrl+f8)，在弹出对话框中命名为“f1”，类型选“movie clip”，选择铅笔工具(单按y)，然后在工具条的下面options项目里选择ink项，这样可以让画出来的闪电更自然，好了，现在发挥你的鼠标手绘能力在场景中创作吧，这个能力不是一天两天能做得好的哦，假如你有画卡通的基础，又有很好的压感笔用，那是可以画的很好的!当然闪电这东西也容易画，随便拖几根白色的曲线出来就可以了，我画好的如图3说示，你也可以从源文件中直接拿来使用。

6、新建一个mc“f2”主要是复制f1中的内容，选择，然后在info面板中的stroke height匡中将1改为3。增大画线的粗度。

7、按ctrl+e回到场景，现在各个演员都已到位，该是进行表演的时候了。将“city”mc拖入场景中，将这层命名为backcity，然后在下面新建一层blueback，主要是在城堡后面放蓝色暗背景。到这里我们想一下，风云变幻的时候天空应该是在动的，也就是说城堡后面的背景要动，这就必须要求mc里面的元素也要动，因此，我们还必须建立一个backmovie的mc。单击“insert→new symbol”(ctrl+f8)，在弹出对话框中命名为“backmovie”，类型选“movie clip”。打开liberay，将back拖入，然后估计场景中的动画长度为120帧，按f6建立关键帧，将back从左端移到右端，距离为“back”mc的宽度!做motion动画!

8、再次按ctrl+e回到场景，将刚才的backmovie拖入blueback层，感觉覆盖不了整个电影的面积，这里就必须用scale工具将其变大以至覆盖整个场景，选择这个backmovie，然后在工具栏的options项选择scale，将backmovie拉大到足够宽度和高度，覆盖动画场景。

9、修改场景中backcity层中的元素，将城堡变得阴暗些!点选effect面板下拉菜单中的tint项，将百分数改为88%。这样城堡变阴暗了。

10、建立sound层，找个打雷的声效，在15帧处建立关键帧，拉入声效stom.wav，对这个声效多听几回，以便做出的动画跟声效相吻合。

11、在其上新建一层light1，根据这个声效，我们在第17帧的地方做关键帧，在这里我们安排一个小闪电的出现。将f1拖入，用scale工具调小出现在城堡上空，第18帧消逝，然后在第19帧场景中不同的位置出现一个更大一点的闪电，其实也是用f1这个mc，只不过没有经过scale变小而已!第20帧继续保持。

12、在backcity层选择场景中的city，然后copy一下，选择light1层，在其下新建一层，命名为city，在第20帧处，也就是第二次闪电出现的时候，建立关键帧，安ctrl+shift+v，原位置复制，然后在effect面板中将选项改为none，呵呵，怎么样，灰暗的城堡变明亮了吧!

13、好，城堡被闪电照亮的效果出来了，然后再接着安排一个更大的闪电，以及几个闪电同时出现。新建一层light2，在21帧处建立关键帧，拉入f2这个更大的“闪电”，保持到第24帧，同时在第22帧出现以前那个小点的闪电，预览一下，怎么样?商店的效果有点样子了吧，但是应该想一想，这样高强度多个闪电的同时出现，会将整个天空都照亮的，那么，天空照亮的效果又如何实

现呢?其实说白了也就是将整个场景中的背景变白，在动画表现中，给观看者的影像就会觉得城堡变得更亮了!下面我们来实现这个效果。

14、新建一个mc，命名为white，用矩形工具在场景中作矩形，无边，颜色为白色，回到场景，在city图层下新建一层whiteback，在第23帧做关键帧，将white拉入场景，并用scale工具调整到覆盖整个场景，城堡在白色背景之上，白色背景在24帧消失。

15、至此，我们整个关键的部分就做完了，如果进行精细调节的话，可以根据需要，在后面的帧中不定时地插入一两个小闪电，如我的在第35帧插入了一个小闪电，减少整个画面的单调感!

16、根据声效，我们设的场景中的帧数为120，在后面的动画中，我们还必须的加入一两个高强度的闪电，这里，我们同时选择whiteback层到light2层的16帧到24帧，复制这些帧。

17、在light2上新建一层，选择你要插入闪电高峰出现的位置，按f6建立关键帧，然后在这个帧上单击右健出现菜单，选择paste frames，将帧粘帖到新层上，删除粘帖后出现的多余帧。这样就很方便地使闪电的高峰再次出现。当然你也可以像我们上面做第一次闪电出现时候的效果那样一个一个地细心将闪电做出来，而不是用所说的copy frames的方法。

flash滚动字幕效果主要通过遮罩层来完成这个功能，这是一个小技巧，可以让你在短时间了解遮罩层的原理——在同一个图层中，遮住的显示，不遮住的不显示(这是我的理解)。所以你可以试试下面的方法制作一个简单的字幕滚动效果，算是Flash的进阶。

1、首先是要新建三个图层： 背景，文字，遮罩 。图层的建立是Flash的关键一步。同时，把页面的高度属性改为200px。

2、通过点击“ 文件 ”里面的“ 导入到舞台 ”，将素材导入舞台主界面。并且按快捷键 CTRL+K 弹出调整对齐和背景的大小与舞台适应。记住此时必须中 “背景 ”层中执行以上操作

3、接着，在“ 文字” 层中，按 快捷键T， 输入欢迎文字“欢迎来到我的博客!”并且通过右侧的字符调整面板，把文字的字间距拉大一点。

4、然后，在 “ 遮罩“层，按住R，使用矩形工具拉出一个小矩形，填充颜色随意。并且在遮罩层的 300帧处按住F6复制帧， 文字层和背景层都按 F5延长帧。

5、接着，在遮罩层的第300帧下，按住Q，使用变形工具将制作出来的小矩形横向拉长到覆盖所有文字。并且在遮罩层创建补间形状，右击 遮罩层 ，选择选择" 遮罩层"， 把遮罩层添加到文字层上面。

6、此时你就可以按 CTRL+ENTER 测试一下你制作的滚动字幕效果了。

注意事项：

以上制作为了显示出效果夸大了一些设置，可以适当调度。

这里给大家介绍一个所掌握的图片变形方法，下面一起来看看用flash制作图片变形动画效果，希望能帮到大家。

方法/步骤

首先选中时间轴第一帧——按矩形工具在舞台上制作一个矩形图案——记得去掉线条工具，因为线条是不会随填充变形的，影响美观，把矩形打散。

之后在40帧处插入一个空白关键帧。

再用椭圆工具绘制一个正圆，并且打散ctrl+b。

在时间轴中间用右键点击鼠标插入形状补间，不是动画补间哦。

可以浏览一下效果了，ctrl+enter测试影片

你就可以看到一个矩形慢慢变成正圆的全程，当然时间快慢你可以通过你插入的帧数来调，想快点就放30帧就可以了，慢点可以增加到80帧。

注意事项

注意不要添错了补间，动作补间是做移动动画是要用的，形状补间则是顾名思义做变形。