flash动画制作教程视频教程【汇编20篇】

简单的动画能增加课件色彩，使课件更加生动有趣。下面我将以飞翔的老鹰为例，为大家介绍如何制作简单的动画。

方法/步骤

首先新建一个flash文档。然后在弹出的对话框中设置大小为288像素×209像素。背景颜色为白色等内容。

然后创建背景图层，需要导入“背景.bmp”文件，再选择第30帧，增加过渡帧。

接着导入gif动画。在文档基础上，新建一个图层，选中第1帧，执行【文件】——【导入】——【导入到舞台】命令，导入 “老鹰.gif”文件。

对插入的内容进行调整，可调整对象大小及相应的位置。将老鹰适当缩小一些，并适当调节它的位置。

图层上 添加文字。新建一个图层，输入“天高任鸟飞”。

最后测试存盘。

执行【控制】——【测试影片】命令，观察动画的效果。

如果满意，执行【文件】——【保存】命令，将文件保存成“飞翔的老鹰.fla”文件。

如果要导出Flash的播放文件，执行【文件】——【导出】——【导出影片】命令。

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

方法/步骤

1、创建空白文件

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

创建形状

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

制作关键帧

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

制作关键帧位置

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

创建补间动画

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

预览动画

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

注意事项

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

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

1.就现在各大电视播出的片头来看，制作电视片头不需要太多的3D技术，主要是依靠质感，色彩，镜头感和剪辑出彩，掌握了基本方法后上手快.

2.电视片头制作涉及面广，从前期拍摄到3D制作到后期合成，剪辑，以及音乐编辑，能制作出成片后你就能基本熟悉电视后期制作的流程.

3.市场庞大，目前每个大中型城市有省市及媒体就有10到20家.

3Dmax制作电视片头的基本方法

1.使用MAX做出3D部分，确定好每个分镜头，和镜头的运动

2.使用合成软件，合成分层渲染的3D图像(combustion AfterFX )

3.编辑音乐，一般使用(COOLEDIT Sound Forge 6.0)

4.剪辑影片合成音乐(Premiere6.5)

5.通过输出设备输出到广播及的磁带，格式多样一般有(SONY公司的Betacam sp， Betacam IMX， Betacam DVW 松下公司的Dvcpr电视片头的制作流程(以湖南卫视"新闻12点"为例):

1.首先设计好片头的基本风格，色调和分镜头。

2.在3DSMAX中建立标志的模型。用line勾线做出标志然后将其bevel，调整参数，建立如图场景模型。

3.材质。给标志分配好ID号的制作多维材质，主体为兰色反光材质，倒边为白金属

4.用标志做多个适合场景运动的背景，生成后在合成软件中将其模糊。

5.根据设计好的方案制作好场景，在标志周围加上沿路径转动的英文字母

6.调整好灯光和摄象机，设置好每一个分镜头

制作long字上的假质量光(渲染速度快易控制)使用Gradient(渐变)做透明贴图来制作

8.渲染设置

9.合成剪辑输出

10.使用premiere把图象和声音合成输出，以 Matrox DigiSuited的板卡为例，输出Matrox M-JPEG的文件格式：尺寸720/576 每秒25帧，象素比是1.067 声音是4800Hz 16Bit-Stereo，最后输出到Betacam磁带上。

这里教大家怎么用按钮来控制影片的播放，暂停也差不多一样，只是多一个按钮，就不重复了，这里只做播放按钮。

方法/步骤

1、首先把弄好的动画放置于图层1，如图是做的粗略东环

2、之后在第一帧右键点击，添加动作，编写代码，stop()，让其停在第一帧。

3、之后新建图层2

4、然后把事先做好的按钮放置于其中在与动画同尾的第二图层添加关键帧

5、之后同样在按钮的第一帧处编写代码，on play()。

6、测试一下影片，一开始是静止的，等你按动按钮之后才会开始，如果还有暂停按钮的话只要再按暂停，动画便是停止的，很方便。这是我按钮的播放效果，测试的影片就不放了。

注意事项

注意代码要写对，不然会出错

这篇教程主要向大家介绍利用flash制作敌人穷追不舍的追逐动画游戏方法，教程不是很难，只是将sin，cos函数的应用罢了。会应用的话会发现很都游戏的制作都离不开三角函数。

还有的就是在一定的范围内追逐目标。

其实是计算出两点距离d后加一点判断，然后再执行移动

Rt△ABC，∠C=90度。。。∠A所对的边叫a..∠B的对边叫b...

sin∠1=a:c=a/c(对边比斜边)

cos∠1=b:c=b/c(邻边比斜边)

至于asin就是求sin的反值。。。sin是求边的比。。。那么asin就是用比来反求角的值

即asin(a:c)=∠1..

acos就是反求cos的值。。。

还有要用到的是钩股定理。。。

既a*a+b*b=c*c

如下图：

d就可以通过(m.x-m.y)的平方加上(m.y-s.y)的平方的和再开方来求出

然后用asin(abs(m.y-s.y):d)求出∠1...既s1的值...

继续往下看:

s1已知....i就是在1单位时间内移动的距离。。。。因为sin∠1=a:c

假设ss=sin(s1)

所以sin(s1)=a:c=a:i=ss，a=ss*i。

假设cos(s1)=b:c=b:1=cc，c=cc*i。

还有要注意的一个问题。。。。就是要计算出移动后的点的坐标。。。。

。。参照图2

(s.x，s.y)

要去追(m.x，m.y)那个红点。。。再参照图，当红点在蓝点的右上方时————即(m.x>=s.x && m.y>=s.y)

蓝点移动到的点的坐标就是。。。。(s.x+cc*i，s.y+ss*i)

在右下方(m.x>=s.x && m.y

移动后的点(s.x+cc*i，s.y-ss*i)

在左下方时(m.x

移动后的点(s.x-cc*i，s.y-ss*i)

在左上方时(m.x=s.y)

移动后点坐标(s.x-cc*i，s.y+ss*i)

源程序：

复制代码

代码如下:

stage.addEventListener(MouseEvent.MOUSE_MOVE，moves);

var i:int=int(q.text);

var mou:Sprite=new Sprite();//用来得到鼠标的坐标

var s1:Number=0;//角

var d:Number=0;//两点的距离

addChild(mou);

function moves(e:MouseEvent){

m.x=mou.mouseX;

m.y=mou.mouseY;

}

stage.addEventListener(Event.ENTER_FRAME，mm);

function mm(e:Event){

d=Math.sqrt(pf(abs(s.x-m.x))+pf(abs(s.y-m.y)));

s1=Math.asin(abs(s.y-m.y)/d);

if(d>=i){

if(m.x>=s.x && m.y>=s.y){

s.y+=Math.sin(s1)*i;

s.x+=Math.cos(s1)*i;

}else if(m.x

s.y-=Math.sin(s1)*i;

s.x-=Math.cos(s1)*i;

}else if(m.x=s.y){

s.x-=Math.cos(s1)*i;

s.y+=Math.sin(s1)*i;

}else if(m.x>=s.x && m.y

s.x+=Math.cos(s1)*i;

s.y-=Math.sin(s1)*i;

}

}else{

s.x=m.x;

s.y=m.y;

}

}

function abs(n:Number){

return(Math.abs(n));

}//计算绝对值

function pf(n:Number){

return n*n;

}//计算平方

//以下是设定速度的按钮

b1.addEventListener(MouseEvent.CLICK，se);

function se(e:Event){

i=int(q.text);

}

还有的就是在一定的范围内追逐目标。。。。

其实是计算出两点距离d后加一点判断。。。然后再执行移动。。。

教程结束，以上就是flash敌人穷追不舍(鼠标感应)的追逐动画教程，希望能对大家有所帮助!

本例的主要内容是影片剪辑元件的控制命令。现在详细教你如何编写代码让矩形的X位置向右不断移动。

1、点击开始菜单程序文件夹里的FL软件，即打开FL软件，如下图所示。

2、按下 ctrl+N组合键 或执行菜单栏中的"文件>新建"命令打开【 新建文档 】对话框，在【 常规 】选项卡下选择ActionScript 2.0，单击"确定"按钮，即创建一个文档，如下图所示。

3、双击工具箱中的【 矩形工具 】按钮，设置描边和背景色分别为无、蓝色，在舞台上绘制矩形，如下图所示。

4、右击该矩形，在弹出的快捷菜单中选择【 转换为元件 】选项，如下图所示。

5、在弹出的【 转换为元件 】对话框中，更改名称为"矩形"，选择元件类型为【 影片剪辑 】，更改对齐为正中，单击【 确定 】按钮，如下图所示。

6、选择"元件1"按钮元件，按住F9键打开【 动作 】代码框，输入" onClipEvent (enterFrame) { this._x+=1;}"， 如下图所示。

【基本语法】

onClipEvent(参数)

{命令}

onClipEvent用于剪辑元件上

参数：

1)load：当调用该影片剪辑时触发命令。

2)unload：当删除影片剪辑时触发命令。

3)enterFrame：进入帧后影片剪辑不断地触发命令。

4)mouseUp：当松开鼠标按钮的时侯触发命令。

5)mouseDown：当鼠标抬起或按下的时候触发命令。

6)mouseMove：当鼠标滑过的时候触发命令。

_x属性：设置对象的X坐标。

7、按住 Alt+Enter组合键 打开影片，如下图所示。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

提示：

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

鼠标移过，花儿会自动消失，现出隐藏的微笑着的姑娘，然后花儿再回来，时隐时现，欲现还羞。似乎是十年前看到的这个实例。一直很喜欢作者的创意，一个简单的动作做出很美的效果。下面也来试试它的制作吧。涉及影片剪辑的使用及相应脚本。

一、准备素材

1、首先导入一张图片作为背景。文件——导入——导入到舞台。

2、导入的图片处于选中状态，打开对齐面板，在匹配大小中点匹配宽和高。使图片符合舞台大小。当然，文档大小最好与图片同比例，以免更改后的图片出现较大变形。可在修改——文档——尺寸中更改。

3、将更改后的图片与舞台对齐。依然是对齐面板，对齐——水平中齐、垂直中齐。

4、绘制一朵花(在下方的经验引用中有绘制方法)，或者导入一朵透明背景的花(PNG图片)，右键，转换为元件中的影片剪辑元件，取名花。(flash8.0及以下转换为按钮元件)

5、属性面板，锁定宽高，修改宽度为100，回车。将花朵元件同比例缩小。

二、制作影片剪辑动画。使花儿由大至小、由出现至消失，再反之出现。

更改好的花元件右键——转换为元件——影片剪辑，取名转动的花。

双击该元件进入编辑。我们看，第一帧里是花的元件。在20帧里，我们要让它变为最小且完全消失。所以，在第20帧，右键——插入关键帧。

消失的状态要保持一段时间，以便我们可以看到隐藏在下面的图片。所以，在50帧再次添加关键帧。从此帧开始进入出现的过程。

第65帧，添加最后的关键帧。

更改要消失的帧元件。就是20帧和50帧了。属性面板，更改宽高为10，颜色——Alpha，设为0%。图中的小圆就是更改后的元件。

为第1帧和50帧右键，创建补间动画。影片剪辑动画基本完成。

三、为剪辑加上脚本。

完成的剪辑会自动循环着出现——消失、消失——出现的动画，可是我们需要的初始画面是静止的花儿。所以我们还要为这个剪辑第一帧加上停止命令。

单击第一帧，动作面板——时间轴控制——stop();，或者直接在右侧输入框中输入“stop();”，注意在英文输入状态。

加了停止命令的动画会一直停止不动。所以我们为它添加第二个命令：第一帧单击花元件，动作面板——影片剪辑控制——on——rollOver(鼠标移过时)——时间轴控制——gotoAndPlay(2);(进入第二帧并播放)。

右侧输入栏最终脚本：on (rollOver){gotoAndPlay(2);}，直接在该栏输入此语句亦可。

四，放花

回到场景1，新建一层，放置转动的花元件。按住ALT键复制两个，Shift键单击选中三朵花(或拖动选择框圈住三个)，Alt键复制三个，再次复制成九个。

选中一列九个，复制第二列。如此直至舞台铺满花朵。完成，测试一下吧。

最终效果。鼠标从花上移过的情景。

本教程是向大家介绍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 cs4软件，新建一个Flash文件。

2、执行菜单中“ 视图|标尺 ”命令，添加一条垂直的辅助线。

3、用“ 钢笔工具 ”画出心形的一半，如下图。具体做法，是先画出大致曲线，再使用“选 择工具 ”和鼠标进行调整。

4、复制画好的图形，在粘贴在工作区中(可以选中图形，按住键进行拖动)。

5、选中复制的图形，选中工具箱中“ 任意变形工具 ”，在执行菜单中“ 修改|变形|水平翻转 ”命令，得到下图。

6、选择工具箱中“ 选择工具 “，选中变形后的图形，使用鼠标拖动，将其与原来图形结合。再删除辅助线，填充合适的颜色。并将其转会化为元件(按键即可)。

7、在”第10帧“处，右击执行”插入关键帧“命令。再选中”第1帧“，使用”任意变形工具“将图形缩小。

8、选中”第10帧“，使用” 任意变形工具 “将工作区中的图形旋转一定角度。

9、选中”第1帧“到”第10帧“之间任意一帧，右击，执行”创建传统补间“命令。

10、选中”第20帧“，右击，执行”插入空白关键帧“。然后，将”第10帧“复制，粘贴到”第20帧“。选中”第10帧“到”第20帧“之间的任意一帧，右击，执行”创建传统补间“命令。

11、执行菜单中的“控制|测试影片”命令，即可得到“心动”动画。

注意事项

画好心形后一定要先转化为元件，在进行后续的操作。

用flash制作简单的动画，比如跳动的小球;小编今天分享下有关这方面的操作经验。

1、新建flash的文档;在文档菜单栏中顺序点： 插入-- 新建元件 ;

2、弹出的操作框中，在名称这里输入：球在类型这里选择为“ 影片剪辑”;

3、点击确定;进入元件的编辑页面;我们可以画一个球，也可以在外部拖入球图片; 小编在这里选择在外部拖入球图片 ;

4、选中“球”，然后点变形面板，把“球”居中于舞台;“球”元件就制作好了，存放于“库”中;

5、然后，点下“场景1”，回到文档舞台中;把“图层1”命名为“球”;

6、把库中的“球”元件拖入到舞台中;再点下“ 添加引导层” 的图标， 添加一个引导层;

7、在引导层这里画一条路径，如图中所示;然后， 在引导层的第65帧处按 F5插入帧 ; 再选择“球”图层，在第65帧处按 F6插入关键帧;

8、选中“球”图层，在第1帧处点下，创建动画补间，并勾选“调整到路径”，“同步”、“对齐”也要勾选;勾选“对齐”后，“球”自动移动到路径的开始位置。 前提是“紧贴至对象”按钮是按下的状态。 这里要注意的是，球的变形中心点要与路径开始端点重合;

9、再在“球”图层的第65帧处点下，把“球”图片移动终点的路径上;球 的变形中心点与路径的终点重合，如 图所示;

10、按键盘的 CTRL+ENTER键 ，测试播放影片，影片中球按照路径的轨迹跳动。制作跳动的小球完成。

1.首先新建一flash文档，修改文档尺寸为，宽500，高350，设背景颜色为#006666。然后制作所需的元件：

制作卷轴：

点击插入菜单—选择“新建元件”，在弹出的对话框上名称：填上“轴”，行为：选择“图形”然后确定，

使用矩形工具，关闭颜色工具的边框，选择油漆筒，打开右边的混色器将颜色状态设置成线性，将线性渐变设置成如图所示，

用矩形工具画出卷轴主要部分，使用任意变形工具调整其形状并将中心小圆与小十字对齐，再用同样方法在上下两端画出黑色的轴心。

卷轴就做好了，回到场景。

毛笔的制作：

新建元件，命名“笔”，行为：图形。方法同卷轴的制作方法相似，只不过在上端画上挂绳，下端用任意变形工具，按住ctrl键调整出上宽下窄，笔尖使用圆形工具填充线性渐变，然后使用实心选择工具(箭头)调整出毛笔尖形状。

毛笔做好后回到场景。

书法字体的制作：

新建元件，命名：字。行为：图形。选择合适的字体将字打上去。作者使用自己书写的字体，去掉背景后导入到库。使用时通过菜单—修改—位图—将位图转换为矢量图。

2.制作卷轴展开。打开—窗口—库，将库中元件“轴”拖入场景，将该层命名为：左轴。新建一层，命名：右轴。将元件轴再拖入该层，调整两个层中的轴为并列并位于中央位置。

点击左轴层的第一帧，右键—选择创建补间动画，在第5帧处点击右键—插入关键帧，选择场景中的卷轴，将其移动到文档的最左边。用同样的方法，将右轴层的右轴移动到文档的最右边。

3.制作纸张铺开。在最下面新建一图层，命名：纸。按照卷轴展开的位置画出浅黄色的纸边，注意在纸与卷轴之间不要留有空隙，然后再在黄色纸上画出白纸芯，位置大小适当。在图层纸上新建一层，命名：遮罩。用随便的颜色画一很窄的矩形，一定要与纸相同高，右键点击该层第1帧—创建补间动画，在第5帧处点击右键—插入关键帧，使用自由变换工具，将其宽度修改成文档宽度，右键点击遮罩层—选择遮罩，如图。

4.制作写字动画。在右轴层上新建一层，命名：字。在该图层第6帧处插入关键帧(可以从右键菜单中选取)，并保持该帧选择，从库中将元件“字”拖入场景，使用任意变形工具将其调整到合适的大小和位置。

使用橡皮擦工具，将文字按照笔画相反的顺序，倒退着将文字擦除，每擦一次按F6键一次(即插入一个关键帧)，每次擦去多少决定写字的快慢。

这样一直把所有的书法字体都擦完了。然后在“字”图层上，从第6帧开始一直到最后一帧全部选择，点击右键在右键菜单中点击“反转帧”，将其顺序全部颠倒过来。

5.制作毛笔动画。在字图层上面新建一层，命名“笔”。在该图层第6帧处插入关键帧，使用任意变形工具将其调整到合适的大小和起笔的位置，

按F6插入关键帧，并移动毛笔，使毛笔始终随着笔画最后的位置走，

如果有直线笔画，可以使用补间动画一直走到最后一帧，

即最终完成

现在有很多朋友在使用flash做动画，但是有些朋友对于制作遮罩动画还不是很了解，其实遮罩动画是flash中一种常见的动画效果，如何在flash中制作遮罩动画呢，关键是要掌握制作遮罩动画的要领，对于这个问题小编刚开始的时候也有点困惑。今天小编通过一个实例“转动的地球”来给大家讲解一下在flash中如何制作遮罩动画，希望您能掌握遮罩动画的要领!

1、我们首先打开flash软件，准备制作一个 flash遮罩动画 !

2、从我们的电脑上导入世界地图的图片，世界地图图片我们可以网上下载!

3、图片导入到舞台上后，如果大小不合适，你可以自己修改图片的大小，尽量让图片细长点!当然这一步可以省略!

4、将图片调整到合适大小后，我们把图片复制粘贴一份。可以在图片上 右击鼠标选择复制 ，然后右 击鼠标选择粘贴。

5、我们选中其中的一个世界地图图片，如图将图片进行水平翻转!这样的目的是让我们的世界地图更长一点，动画效果更美观一些!

6、我们把两张图片首尾相连，这样地图看起来很长了，这个地方可以鼠标拖动调整到合适位置!

7、我们选中两张图片，点击修改菜单，然后将两张图片组合为一个整体!

8、把第一帧中的图片用鼠标向左拖动调整到合适的位置!

9、接下来我们在第50帧插入一个 关键帧 ，当然其它帧也可以。用鼠标把图片向右边拖动调整到合适位置。

10、然后我们在 两个帧之间右击鼠标， 创建补间动画!

11、通过上面的操作，地图的制作和动画设定完成，我们现在增加一个新图层。

12、我们选择 工具的椭圆工具， 在新图层上绘制出一个合适大小的圆形!

13、现在是制作遮罩动画最关键的一步，大家仔细看!在新建的图层(也就是圆形这一层)上单击鼠标右键，选择遮罩!

14、现在遮罩动画已经成功完成了，什么是 遮罩 呢，其实我们这个动画中的圆形就是遮罩层，地图那一层就是被遮罩层。遮罩就是通过遮罩层可以看到被遮罩层的东西!被遮罩层的其他内容将不会再看到!

15、现在我们可以测试一下动画效果!

16、为什么不太好看呢?那是因为我们舞台的背景色是白色的，我们可以把背景色改为黑色的。通过菜单修改-文档-文档属性进行更改!更改后我们再看看动画的效果，是不是很漂亮呢!自己试试吧!

注意事项：

制作遮罩动画的关键是上面的第13步和14步，大家要明白遮罩层和被遮罩层的区别!

本例将使用图形动画的同步播放原理来制作树枝的伸展动画

本例思路

.使用绘图工具绘制树枝。

.利用遮罩功能为树枝制作同步伸展动画。

Part 1 绘制树枝

(1)新建一个尺寸为550×300像素，帧频为25fps的空白文档，然后制作出一个放射性绿色背景，如图3-1所示。

图3-1 制作背景

(2)新建一个图层，使用“线条工具”和“铅笔工具”绘制树枝的图形轮廓，如图3-2所示。

图3-2 画图

(3)使用绿色填充图形，然后删除轮廓线，再按F8键将其转化为图形元件，名称为“树枝”，如图3-3所示。

图3-3 转换为图形

(4)进入图形编辑区，然后新建一个图层，用于制作树枝的遮罩层，使树枝向上伸展，如图3-4所示。

图3-4 制作遮罩层

(5)下面绘制树叶。使用“椭圆工具”绘制一个椭圆，然后使用“移动工具”将其调整成树叶形状，如图3-5所示。

图3-5 绘制树叶轮廓

(6)打开“颜色”面板，设置类型为“线性”，然后设置第1个色标颜色为(R:137，G:248，B:24)，第2个色标颜色为(R:91，G:199，B:12)，填充效果如图3-6所示。

图3-6 填充颜色

(7)复制一份树叶，然后按Ctrl+G将树叶组合起来，并调整好其位置，再将其转换为影片剪辑(名称为“叶子”)，如图3-7所示。

图3-7 复制图形

(8)将树叶放置在树枝上，然后调整好位置和大小，如图3-8所示。

图3-8 调整树叶

Part 2 制作伸展动画

(1)选中所有叶子，然后按Ctrl+Shift+D组合键将其分散到各图层上。

(2)选中所有叶子图层的第15帧，然后按F6键插入关键帧，再选中第1帧，使用“任意变形工具”将叶子调整成如图3-10所示的效果。

图3-10 调整叶子形状

技巧提示：

为了在下一步创建传统补间动画时使叶子从根部产生慢慢放大的效果，因此在变形叶子的时候需要按住Shift+Alt组合键将叶子做等比例缩放。

(3)选中所有叶子图层的第1帧，然后在该帧单击右键，并在弹出的菜单中选择“创建传统补间”命令，如图3-11所示。

图3-11 创建传统补间动画

(4)为了让树枝的伸展动画节奏与叶子的动画节奏相配合，所以当树枝伸展到叶子所在位置时叶子才能播放伸展放大动画，因此要调整补间动画的位置，如图3-12所示，调整完后的关键帧如图3-13所示。

图3-12 调整帧位置

图3-13 调整关键帧位置

(5)调整好关键帧后观察下动画效果，如图3-14所示。

图3-14 动画效果

(6)回到主场景，然后设置图形“树枝”的循环动画选项为“播放一次”，如图3-15所示。

图3-15 设置播放次数

图3-16 复制树枝

图3-17 观察动画效果

(8)为了让树枝更具真实感，所以要为其添加阴影，首先将帧复制到一个新图层中，再调整好图形的位置，然后在属性面板中设置图形颜色为(R:3，G:61，B:2)，如图3-18所示，阴影效果如图3-19所示。

(9)最后为画面添加一些文字作为点缀，如图3-20所示，然后按Ctrl+Enter组合键发布动画。

图3-20 添加文字

教程已完毕，现在大家应该学会利用flashCS4制作树枝的伸展动画效果了吧，希望这篇教程对大家有一定的帮助。

下面为大家分享flash制作电闪雷鸣的雷雨动画场景教程，制作出来的效果很不错，来试做这个场景吧。

一、制作零件

先用渐变填充制作一个正常的天色做底，颜色自己感觉合适就行。

同样用矩形工具，颜色深蓝色做一个阴雨时的天空，F8键保存为图形元件。

制作雨丝。Ctrl+F8新建一个影片剪辑，填充色禁用，线条色白色，绘制几条斜线，作为雨丝。

选中全部斜线，F8转换为图形元件。再次按下F8转换为影片剪辑元件。

双击进入编缉，新建一层，用笔刷工具绘制几条宽窄错落的竖线，这些线条作为雨丝的遮罩线。

20帧插入关键帧，将线条稍稍聚拢，线条形状也稍作调整。回到第一帧添加形状补间。

回到雨丝层，在第20帧插入关键帧，将雨丝元件向右移动，创建补间动画。

右键点击遮罩层，将其变为遮罩图层。完成雨丝制作。

线条工具绘出乌云，颜色填充如图。填充条颜色分别为#466372、#47576F。

F8键转换为影片剪辑元件，图中是转换后的属性。

将预先准备好的声音文件导入到库中。

二、组合

场景中，新建一层，取名前罩。将第二步做的矩形元件放入，如图插入关键帧(我这里是根据文章需要设定的帧数，各人按需而定)。

第一帧元件的alpha值改为9%，第二个关键帧处的改为90%，在第一帧创建补间动画……后面的如图设置。

新建一层，取名亮层。在前罩层开始由暗转亮的关键帧处，插入关键帧，绘制一个矩形，颜色设置如图。关键帧如图设置。每个关键帧的内容相同。

新建一层，取名闪电。线条工具，在该层，比亮层第一个关键帧向前三帧处插入关键帧。绘制出闪电形状。转换为影片剪辑元件。在该关键帧向后10帧处插入关键帧，再向后三帧插入关键帧。

库中将闪电元件直接复制一个。双击进入编辑，将部分线条变形。

属性面板中将第三个关键帧处的元件交换为刚复制的元件。

复制该层所有帧，向后10帧处粘贴。

新建一层，取名遮罩层，如图插入关键帧，在闪电上方绘制一个大小可以遮住闪电的矩形，10帧后的关键帧上将该矩形拖至闪电上方，创建补间动画。再10帧后F5插入帧，然后复制这20帧，向后10帧粘贴。并将该层改为遮罩层。

新建乌云层，将云拖入放入舞台上方超出舞台处，在感觉合适的帧数处降至与舞台平齐，后面每隔约10帧插入一个关键帧，做云左右移动的动画。一直到闪电进行到一半时结束云的移动。

新建雨层，在闪电结束处插入关键帧，将雨的MC拖入多个，摆放合适。每隔15帧添加一部分，产生雨越来越多的效果。可用复制一片，粘贴后再移动位置的方法。

分别新建雷声与雨声层，在乌云下降大半时放入闷雷声，属性——编辑里调整到满意效果。下降基本结束时插入雷声。雷声较短，可放入两个。

雨将开始时放入雨声。根据需要编辑声音。完成制作。

用flash模拟大树被砍伐倒下去，用到补间动画，感兴趣的朋友一起来看看。

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

2、绘制大树;

3、 转换为元件;

4、添加关键帧，

5、新建图层2，把树桩复制到图层2中;

6、 调整位置添加动画;

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

注意事项：

注意图层1与2的连贯性。

本篇教程主要向大家介绍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实例制作了一个有趣的“小丑吹泡泡”动画，主要运用了椭圆、直线工具，以及任意变形和渐变填充等，操作简洁易懂，适合练习。先看下效果吧：

制作步骤：

1、新建一个Flash文档，Ctrl+F8新建一个元件，命名为“boy”。选择椭圆工具，设笔触为黑色，按住Shift键画出一个正圆作为小丑的脸。

2、新建一个图层，命名为“nose”，再画一个小椭圆作为鼻子。

3、嘴巴和耳朵都可以都画在鼻子图层上。先用直线工具画出如下两条直线作为嘴和脸颊。

立体图形在我们的生活中无处不在，尤其是立体几何，它要求我们要有很好的立体抽象能力才能处理问题，如果没有很好的立体感，立体几何的问题就无法解决，为了能够从不同角度审视立体图形，在此就利用flash制作一个简单的立体图形，帮助你更好的审视立体图形，培养立体感，本经验仅供参考使用。

1、启动flash cs5， 执行文件-新建命令 ，在弹出的窗口中选择新建一个基于actionscript2的flash文档。

2、找到属性窗口，修改编辑区的大小为800*600像素，帧频为15fps，背景色为黑色。

3、 执行窗口-公共库- 按钮命令 ，在弹出的公共库窗口中找到classic buttons文件夹，在该文件夹中将按钮 arcade button - green和arcade button - blue拖拽到库中。

4、执行插入-新建元件命令，新建一个名称为a的影片剪辑文件，并将库中的两个按钮元件拖拽到编辑区中，重新设置他们的大小为50*50像素，并调整他们的位置，使其布局美观。

5、在舞台上选 择arcade button - green按钮， 右键单击该按钮在弹出的对话框中选择动作选项，打开动作面板，然后输入代码 on(press){delete onEnterFrame;}， 同时检查语法是否有错误。

6、选择舞台上的 arcade button - blue按钮 ，同样方法打开动作面板，接着在动作面板中输入代码： on(press){ onEnterFrame=mm;}， 点击语法检查，查看是否有编译错误。根据错误修改代码内容。

7、选择图层1的第一帧，右键单击从下拉菜单中选择动作，打开动作面板，在该面板中输入代码，一段关于画图的函数代码。

function draw()

{

clear();

lineStyle(1， 0xffffff);

moveTo(A1.x， A1.y， A1.z);

lineTo(A2.x， A2.y， A2.z);

lineTo(A3.x， A3.y， A3.z);

lineTo(A4.x， A4.y， A4.z);

lineTo(A5.x， A5.y， A5.z);

lineTo(A8.x， A8.y， A8.z);

lineTo(A7.x， A7.y， A7.z);

lineTo(A6.x， A6.y， A6.z);

}

对代码进行语法检查。

8、接着输入其他自定义函数代码并进行调试运行，直至代码无误为止。

9、返回到场景1， 将库中的影片剪辑元件a拖拽到舞台上并调整其大小和位置 ，使其布局美观。

10、按 ctrl+enter组合键 进行测试，测试完成后， 执行文件-另存为命令 ，在弹出的对话框窗口中输入立体图形，找到一个合适的位置后，点击保存按钮。

这篇教程向大家介绍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的方法。