flash怎么制作交互动画效果图【精彩20篇】

flash以其超强的动感画质和多事件的触发机制，为课件的制作提供了强有力的支持，利用Flash所提供的课件模板功能，可使制作课件的过程变得更加轻松，同时也提高了制作课件的效率，节省了开发时间。下面小编就以制作一个简单课件为例，来谈谈利用Flash制作课件的基本要领，希望通过在此讲解能起到抛砖引玉的效果。

方法/步骤

打开Flash，点击“ 文件”-“新建 ”，在弹出的窗口中选择“ Flash幻灯片演示文档 ”，然后点击“确定”正式进入编辑界面。

点击“ 插入”-“新建元件 ”，新建一个名为“背景”的图形元件，点击“确定”后进入“ 背景编辑”界面。选择“文件”-“导入”-“导入文件到库 ”，选择一个背景图片导入库中。

双击库中的图形元件“背景”，进入“背景”元件编辑状态，然后将导入到库中的背景图片拖入到当前窗口中，就完成了“背景”元件的修改操作。

点击窗口左侧的“ 幻灯片1”进入幻灯片编辑状态 ，将库中的“背景”元件拖放到当前窗口中。然后选择工具栏中的文字工具，为当前幻灯片添加文件“百度经验 --经验来源于生活”。

在“幻灯片1”上右击，从弹出的菜单中选择“ 插入屏幕类型”-“幻灯片 ”，新建一个新的“幻灯片2”。选择工具栏中的“选择”工具，点击幻灯片1的窗口，然后选择一种背景色进行填充，然后选择“文字”工具。在幻灯片2上输入文本“欢迎交流”文本字样，并设置字体的大小和颜色。

选择“幻灯片1”，然后点击“ 窗口”→“行为 ”，打开“行为”面板。

点击“行为“ 面板中的”+“号 ，从弹出的的下拉列表中选择” 屏幕“→”转到下一幻灯片 “。

最后发布制作的幻灯片文档。选择“ 文件”-“发布设置 ”，打开“发布设置”对话框，勾选“ Flash(*.，swf) ”，输入要发布的文件名，最后点击“发布”按钮发布即可。

找到生成的文件” MYDISP.swf“ 文件，然后右击，选择”Adobe Flash Player 9.0“打开，然后就可以测试一下效果啦。当点击第一张幻灯片时就要转到下一张幻灯片上。至此，整个幻灯片制作过程完成，大家可以依据这个制作原理，制作出自己喜欢的幻灯片来。

注意事项

制作的幻灯片在播放时需要Adobo Flash Player 9.0的支持才能正常运行。

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

效果演示

运用的知识点:

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

滤镜制作边框效果;

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

AS制作鼠标跟随效果。

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

(二).元件的准备

一.制作百叶窗元件

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

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

图2

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

用flash软件模拟升国旗的过程，用到补间动画，宣扬一下爱国精神。有需要的朋友快快来学习吧!

方法/步骤

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

2、选择矩形工具在图层一种挥之旗杆与旗杆座;

3、新建图层2，在图层2中绘制国旗，

4、选择多变形工具，选择角星，变数选择5;并将其转换为元件;

5、在第50帧设为关键帧，并添加动画补间;

6、按回车键观看效果，导出影片格式为GIF，模拟完成。

注意箭头处

注意国旗的形状

莫尔效应，是移动的栅格与固定的栅格叠加之后产生的视觉效应。分享一下简单的莫尔效应制作。

1、双击运行程序;新建flash文档;

2、修改 文档属性 ;

3、选择 矩形工具 ，绘制一个矩形;

4、复制矩形绘制出一组矩形，如图;

5、选择 圆工具 ，截取圆内图案;

6、新建图层2，绘制另一组矩形条，图层2与图层1矩形条一定要等距;

7、测试效果，把颜色改为一样;

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

注意事项：

注意箭头处

注意矩形间距

用flash制作一种就好像车轮在往前转动方法，操作很简单，适合新手来学习，推荐过来，一起来学习吧!

步骤：

1、打开软件，，打开flash文档然后点击图层一第一帧。再点击颜料版把填充色改成没有，然后按住shift在编辑区内画一个正圆，然后点击对齐面板中的水平中齐和垂直中齐，然后再在空白的地方在画一个，比刚才那个圆稍大一些的正圆。然后水平中齐，垂直中齐。然后添加颜色打开颜色面板，在“混色器”里面找到“类型”然后点击后面的“下拉小三角”点击放射状。调整颜色。

2、添加图层2点击第一帧点击"插入"，“新建元件”点击“椭圆工具”在编辑区画一个椭圆，再在这个椭圆上，在画一个椭圆。然后再把后面画的这个椭圆，挪到一边，然后删除，再把线条删除，然后再把剩下的月牙微调。在删除上面的线条，然后点击工具栏，里的任意变型工具，调整中心位置到下面，然后点击右侧，变形工具，再点击下面的“复制并应用变形”，然后框选刚才复制的图。然后右键点击框选出来的图形，转换为元件，确定。回到场景

3、回到场景，把刚才在库里的原件拖进舞台，用任意变形工具调整大小。然后水平中齐，垂直中齐然后再点涂层亿的第一镇按住不放，往上拖到图层二的第一帧两个涂层的第一帧和第二帧同时选中右键点击在转换为元件。然后右键点击图层二的第十五帧，插入关键帧。点击任意变型工具，旋转该图片到一个角度，然后再在涂层二的第30帧;第45帧处。右键点击插入关键帧同时旋转角度，然后分别在第十帧;第二十帧;第四十帧右键点击。创建补间动画。就此完成测试影片，并保存为gif格式

教程结束，以上就是flash制作车轮往前滚动的动画效果方法介绍，操作很简单的，大家学会了吗?希望这篇文章能对大家有事帮助!

今天为大家分享在flash中简单制作打字动画图方法，方法很简单，只需几步即可完成，推荐过来，一起来学习吧!

1、在第一帧用静态文本工具写一个横线

2、 第一帧完成后在第3 ， 5，7帧插入关键帧，第2 ，4 ，6帧插入空白关键帧

3、从第八帧开始，插入关键帧并在横线前输入想要的文字

4、文字输入完成后，在后4帧插入关键帧

5、帧插入完成后，把倒数第2和第4帧的横线删掉

6、删除后按Enter键查看效果即可

flash小游戏相信很网友都玩过，有没有想过自己制作一个呢?本教程教用Flash工具设计开发一个青蛙跳荷叶的小游戏，作者提供了制作的思路，还有步骤效果的源代码，对我们的学习很有利，希望大家能喜欢

制作步骤：

一、青蛙跳动起来。

二、来回移动的荷叶。

三、修改“来回移动的荷叶”。

四、跳上荷叶。

五、背景的移动。

六、更像是跳到荷叶上。

七、加上开始，结束。

八、增加游戏的可玩性(吃小虫)。

九、添加平面，效果。

一、青蛙跳动起来

先完成的当然就是青蛙的跳动了，因为我们是以俯视的的角度，所以高低的状态就是尺寸的大小，移动就是y坐标的减。效果及源代码下载：

效果1

代码及相关注释 ：

//游戏的最大深度，后面会用的，要设一下最大的尝试，因为我们用到一个鼠标拖动。

var numMaxDepth:Number = 1000;

//跳动的过程############################

//青蛙mc名称

var mcPlayer:MovieClip;

//移动

function playerMove() {

//这是自定义的一个从初使值到最高值，再以同样的增量回到初值的类，要结合onEnterFrame循环来移动。

//new casUpTopDown(10) 移动次数

mcPlayer.objUpTopDown = new casUpTopDown(10);

//速度

mcPlayer.numSD = 10;

//什么时候开始

mcPlayer.numStar = 100;

//青蛙移动的速度

mcPlayer.numMoveSd=4

//循环来移动

mcPlayer.onEnterFrame = function() {

if (this.objUpTopDown.run() != 0) {

this._xscale = this._yscale=(this.numStar this.objUpTopDown.run()*this.numSD);

this._y-=this.numMoveSd

} else {

//释放资源

delete (this.onEnterFrame);

delete (this.objUpTopDown);

delete (this.numSD);

delete (this.numStar);

delete (this.numMoveSd);

}

};

}

//

//鼠标#############################

//mouseStyle， 鼠标样式

_root.attachMovie("mouse"， "mouseStyle"， numMaxDepth);

var objMouse:Object = new Object();

// onMouseDown、onMouseMove、onMouseUp 和 onMouseWheel

objMouse.onMouseDown = function() {

//trace("按下");

};

objMouse.onMouseMove = function() {

//trace("移动");

_root.mouseStyle._x = _xmouse;

_root.mouseStyle._y = _ymouse;

};

objMouse.onMouseUp = function() {

//trace("松开");

playerMove();

};

Mouse.hide();

Mouse.addListener(objMouse); casUpTopDown.as

class casUpTopDown {

//

var numV:Number = 0;

//最大次数

var numMax:Number;

//

var numFx:Number = 1;

//是否反方向

var isFx:Boolean = false;

//

function casUpTopDown(numMax:Number){

this.numMax=numMax

}

//

function run() {

if (numV 1 numV ;

return numV

} else {

if (numV-1>0) {

isFx = true;

numV--;

return numV

}else{

return 0

}

}

}//end fun

}

转眼又将中秋，天高云淡，一切都是那么清爽明净。月夜，让我们开窗赏夜吧，夜，包含的不只有月……下面小编就为大家介绍flash制作推窗的gif动画效果方法，来看看吧!

最终效果图：

步骤

1、整个窗户的制作需要准确定位，所以，首先调出网格：视图——网格——显示网格。

2、R键调出矩形工具，禁用线条色，填充色#E4DAC5，画出一个足够大的矩形。

3、改变填充色(颜色随意)，在矩形上再画一个小些的矩形，选中后，Delete删除，使大矩形成为一个边框。即窗框。

4、新建一层。线条色#B6A896，笔触大小2.25，填充色不变。用同样方法画出一扇窗，左边线条色改为较淡的#E7E1DC，做出窗户的明暗。

5、拉出一个细长的矩形作为窗格，同样用改变线条色做出明暗。

6、新建一层，按住Alt键将窗的帧拖入此层，复制出一帧。然后将复制的窗移至右侧。

7、选中左右窗户的第三帧，F6插入关键帧。后面隔一帧插入一帧，共有1、3、5、7四个关键帧。

8、分别选取2、3层第三帧的窗户(用选择工具拖选，不易遗漏，但要注意将其他层锁定)，Q键调出变形工具，按住ctrl键(使变形框斜切)分别拖动上下边角，将窗户倾斜向内缩小。如图中右窗，左窗为调整后的形状。这是向外打开的图，如果窗位向内打开，则边角为斜向放大，如图2。并且要考虑是否需要添加窗户打开至墙壁的过程。

9、第五帧的左右窗同样方法再向内缩，使整面窗呈大半打开的状态。

10、第七帧删除左右窗，紧贴窗框画一个细长的矩形，使窗户成为完全打开状态。

11、填充色白色，透明度35%，为每个关键帧的窗格填充上“ 玻璃 ”。

12、窗框层第25帧F5插入帧。随后，选中左右窗所有帧，按住Alt向右拖动至图中位置。

13、保持复制的帧处在被选中状态，右键——翻转帧。

14、新建一层作为墙体，填充颜色为#F7F7EC。点开Deco工具，选择藤蔓式填充，枝、叶的颜色分别改为各人喜爱的颜色，这里选择了与墙体相近的色系。

15、Deco工具在墙体部分拖动，使图案填满墙体，成为装饰好的墙面。

16、选择窗框，F8转换为影片剪辑元件。

17、属性面板滚动条拖至底部，打开滤镜，为窗框添加斜角效果。强度50%。

18、Ctrl+F8键新建影片剪辑元件，矩形工具画出窗帘，选择工具改变形状，渐变填充如图。

19、25、50帧分别添加关键帧，将25帧的图形稍作调整。使窗帘向一边飘动。为1帧和25帧创建补间形状。

20、回到场景，库中拖入窗帘，属性面板中色彩效果选“ 高级 ”，参数设置如图。

21、最后，最底层导入背景图，放入两个事先做好的萤火虫，完成制作。

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、执行菜单中的“控制|测试影片”命令，即可得到“心动”动画。

注意事项

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

下面为大家分享flashCS6制作水墨梅花的生长动画方法，教程很不错，方法也很简单，值得大家学习，一起来看看吧!

方法/步骤

在第一帧处，绘制一个无笔触，黑色填充的圆，放置舞台外面约10像素

在该图层的25帧处，单击右键，插入关键帧

选中第25帧，delete删除里面的内容，在舞台上绘制几个圆，如图，使用选择工具，按住alt，拖动，使黑色圆成为墨迹状

在1到25帧处，右键，创建补间形状，

在第30帧处，单击鼠标右键，插入关键帧，

在第80帧处，单击鼠标右键，插入关键帧，

在第80帧处，鼠标选中，delete删除，使用刷子工具，在舞台绘制一个树枝

在79帧处，鼠标右键，选择创建补间形状，

在200帧处，单击鼠标右键，插入帧，

新建一个图层命名为梅花，

在90帧处，鼠标右键插入空白关键帧，

填充选为粉色，使用，刷子工具，在树枝上点一个圆，

对着粉色的小圆，单击鼠标右键，选择转换为元件，

命名为花开，影片剪辑类型，按确定，

选择小圆，对其双击进入元件内部编辑，

在第30帧处，单击，鼠标右键，插入，关键帧，

在第30帧处，使用刷子工具，点上5个大圆，组成一朵花的样子，

在第29帧处，单击鼠标右键，选择创建补间形状，

新建一个图层，

在第30帧处，插入关键帧，

在花的中间，使用刷子工具，点上一个小白点，

在该图层的第50帧，单击鼠标右键，插入关键帧，

在下面的图层的第50帧，单击鼠标右键，插入，帧

选择第一个图层的第50帧，使用刷子工具，点上一个大白圆

在第49帧处，单击鼠标右键创建补间形状，

选中第50帧，打开属性面板，点击右上角的箭头，

打开脚本面板，在脚本面板上输入stop();

对着花旁边，双击鼠标左键，在时间轴的第一个图层，的95帧处，单击鼠标右键插入关键帧，

从库中拖动，之前所做的影片剪辑，到树枝上，可以使用任意变形工具更改大小，旋转角度，

在105帧处，单击鼠标右键，插入关键帧，即使从库中拖动花，到树枝上

做完后，ctrl+enter，测试影片，看到长出漂亮的花朵，为自己点个赞，

注意事项

stop();在英文状态下输入

不要选择对象绘制

在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 ，由慢到快

用按钮控制动画运行，对按钮进行语言编辑，通过点击按钮控制动画的开始暂停重播，应用到脚本语言。

1、打开flash软件程序，建立一个FLASH文档;

2、用多角形工具，绘制一个五角星;

3、对五角星就行 形状动画补间 ;

4、新建一个图层，绘制3个按钮，分别为，开始，暂停，停止;

5、先对动画的第 一帧经行脚本编辑，再对按钮进行脚本编辑;

6、导出影片 格式为G IF，动画完成。

注意事项：

添加脚本注意先后顺序，注意脚本语言应该使用半角输入法，那俩点是分号不是冒号。

在一些片头动画里经常能看到很炫的模糊效果，极具视觉冲击。高质量的模糊效果大多利用photoshop处理后才导入flash中进行制作。其实，在Flash中也可以利用其脚本功能来实现动态模糊的效果，效果还是不错的。下面就为大家介绍Flash结合Photoshop制作图片模糊渐变动画，喜欢的朋友可以一起来学习。

首先用Photoshop制作两张图。一张清楚的，一张模糊的(可以用Photoshop的高斯模糊滤镜)。

然后把两张图片导入到FLASH中，分别建立三个图层，顺序依次为：清楚的图片(最下面)、模糊的图片(在中间)、最上层为AS。

最重要一点：选中模糊的图片。按下F8将其转换为movieclip，同时在属性面板上将其实例名命名为blurred。

在as层上加入如下代码。

复制代码

代码如下:

var myColor:Color = new Color(blurred);

var white:Object = {ra:100， rb:255， ga:100， gb:255， ba:100， bb:255， aa:100， ab:255};

myColor.setTransform(white);

setc();

function setc(){

onEnterFrame = function(){

white.rb-=5;

white.gb-=5;

white.bb-=5;

white.ab-=5;

myColor.setTransform(white);

}

}

按Ctrl+Enter测试。

具体制作过程如下：

1、新建一个fla文件，宽400高400，帧频默认，背景颜色黑色，保存。

2、选择多边形工具，设置为5边，星形。在舞台上画一个任意颜色、大小的星。

3、在选取状态下，右键转换为影片剪辑，全对齐，命名为Star，删除舞台上的星。

4、按Ctrl+L组合键，打开库面板，右键单击Star影片剪辑，选择“属性”打开元件属性面板，勾选ActionScript选项，这样就使影片剪辑与Star类进行了绑定。如图：

5、下面开始编写Star类的代码，新建一个ActionScript文件。

输入下面的代码：

package {

importflash.display.MovieClip;

import flash.geom.ColorTransform;

import flash.events.*;

public class Star extends MovieClip {

private var starColor:uint;

private var starRotation:Number;

public function Star () {

//Calculate a random color

this.starColor = Math.random() * 0xffffff;

// Get Access to the ColorTransform instance associated with star.

var colorInfo:ColorTransform = this.transform.colorTransform;

// Set the color of the ColorTransform object.

colorInfo.color = this.starColor;

// apply the color to the star

this.transform.colorTransform = colorInfo;

//Assign a random alpha for the star

this.alpha = Math.random();

//Assign a random rotation speed

this.starRotation = Math.random() * 10 - 5;

//Assign a random scale

this.scaleX = Math.random();

this.scaleY = this.scaleX;

//Add ENTER_FRAME where we do the animation

addEventListener(Event.ENTER_FRAME， rotateStar);

}

//This function is responsible for the rotation of the star

private function rotateStar(e:Event):void {

this.rotation += this.starRotation;

}

}

}

6、保存在fla同一目录下，保存名为Star.as。注意：这一步非常重要，一定要同fla主文件保存在相同的目录下，如果保存在其它的目录下，要指明路径。初学者在测试时往往出现找不到类的错误提示，问题都在这里。

7、返回到fla， 在第1层的第一帧输入代码：

for (var i = 0; i

var star:Star = new Star();

star.x = stage.stageWidth * Math.random();

star.y = stage.stageHeight * Math.random();

addChild (star);

}

8、好了，所有的工作都已经完成，测试你的影片。

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版本中选择。

前面用图层混合模式和as遮罩做过图片变换效果。这次我们只用更改alpha值来制作类似效果。也就是说类似的效果，要达到却可以有很多的方法。对软件了解越多、运用越多，掌握的方法自然也多了。

1、导入备好的图片：文件——导入——导入到舞台。

2、所有图片选中状态，对齐面板中选匹配宽高、水平居中、垂直居中。这一步主要是将图片与舞台同大，居中是后面要用到的方法，顺带说一下。

3、将每一张图片转换为图形元件。方法，选中图片，按下F8，类型选图形，取个名字，确定。

4、删除三张图片元件，将三张图片做成变换的元件：Ctrl+F8创建新元件。类型选影片剪辑，取个名字，确定。如图。

5、图中拖入图1元件，对齐面板中水平居中、垂直居中。

6、30帧处F6键插入关键帧，40帧处插入关键帧。

7、40帧处属性面板中将图片元件的alpha值降为0。回到30帧创建传统补间。

8、新建一层，30帧处插入关键帧(此处帧数为图片停留时间，个人根据需要设定，例图中此处为5帧)，将图形元件2拖入，40帧处转换为关键帧。

9、30帧元件alpha值改为0%，创建传统补间。

10、70帧处插入关键帧，80帧处插入关键帧。将80帧的元件alpha值降为0%，70帧创建传统补间。完成第二张图片动画。

11、新建第三层，选中图层2的30-80帧所有帧，按住Alt键拖至第三层70帧处，将这50帧复制至此。

12、将每一个关键帧上的图2元件换为图3元件。方法：选中该帧元件——属性面板——交换——选图3元件，确定。

13、新建图层4，复制层3的70—80帧至层4的110帧处。如图。将110、120帧的元件换为图1元件。使整个动画形成一个循环。

14、做好的影片拖入舞台，水平垂直居中。完成动画制作。

本例主要讲解利用【标尺】和【遮罩层】来制作上下滚动字幕。下面详细教你如何制作上下滚动字幕。

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

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

3、单击工具栏中的" 文本工具 "按钮，打开属性面板，将字体大小设为20， 字体系列为Adobe 楷体 Std，字符间距设为4， 字体颜色为白色，在舞台上输入一首宋词(自选)，如下图所示。

4、按下 ctrl+Shift+Alt+R组合键 或执行菜单栏中的"视图>标尺"命令，打开标尺，拖出两条标尺线，分别在距顶部30和380的位置，目的是为了确定文字的运动范围，如下图所示。

5、将第1帧中的文字对象的顶部与下面的标尺线对齐，右击" 图层1 "的第150帧，在弹出的快捷菜单中选择" 插入关键帧 "选项，将文字对象的底部边缘与上面的标尺线对齐，在第1至150帧创建传统补间动画，如下图所示。

6、新建"图层2"图层，单击工具栏中的" 矩形工具" 按钮，在两条标尺线之间覆盖所绘制的白色矩形，右击该图层，在弹出的快捷菜单中选择" 遮罩层 "选项，如下图所示。

7、按下 Ctrl+Enter组合键 测试影片，如下图所示。

地震是目前人类还不能完全避免和控制的，可能有一些网友还没有感受过地震，那就很幸运了。四川汶川地震刚发生不久，就传来了过万同胞遇难的噩耗。现在我们为灾区人民祈福，下面通过flash制作地震效果的教程，看看地震时候高楼是怎么摇晃的!

地震是很恐怖的，能在瞬间把高楼建筑夷为平地，在此我们为四川汶川灾区的人民祈福。下用Flash实现的地震效果也很有震撼效果，下面我们就来制作这个效果一起来体验下。

1、场景的大小比导入的图片小10-20像素，黑色背景。帧频为15fps。

2、按快捷键Ctrl F8打开“创建新元件”面板，创建一个名为“影片”的影片剪辑元件。接着在其编辑场景中按快捷键Ctrl R导入一张图片(世贸大楼被“砸”的图片)。注意，让图片的左上角顶点和场景的中心重叠，如图1所示。可以按快捷键Ctrl I打开“信息“面板进行辅助设置，如图2所示。

3、回到主场景，按快捷键Ctrl L打开“库”面板，把“库“中的“影片”元件拖放到场景1中。点选场景1中的“影片”元件，按快捷键Ctrl K打开“对齐”面板，点选“相对与舞台”按钮，然后再点击“水平对齐”和“垂直对齐”两个按钮(如图3所示)，使影片“元件”在居中于场景内。

flash简单制作遮罩动画效果QQ空间的开机动画大家应该都有，从最初的出现的一点到后面全部出现，如此神奇的效果到底是怎么做的呢，一起来看看吧!遮罩特效： 由于百度只能上传500k以内的照片，所以效果图片质量不是很好，当然，我们一般做的特效是.swf，这里是为了方便大家观看，所以做成了gif.

步骤：

1、打开flash面板，创建新项目。

2、点击文件——导入——导入一张图片。

3、窗口——库，这里我们可以看到导入的位图。

4、双击位图，可以看到它的大小，449*313。

5、点击修改——文档，弹出如下对话框 ，我们把尺寸改成刚才位图的尺寸。

6、在下面的属性面板中，可以看到坐标位置，把它调成x:0，y:0.这样位图就和文档的大小完全一样了。

7、插入一个新的图片，改个名字，养成好习惯，以后才能很容易就找到自己错的地方。

8、选择椭圆工具，在位图上面画一个椭圆。(这里需要明白一点，遮罩用的是形状，不是颜色，所以没有必要刻意调整椭圆的颜色。)

9、选中椭圆，按F8将其转换为影片剪辑元件。在库面板中可以看到。然后把刚才画的椭圆剪切掉，把这个元件1拖动到场景中。

10、在60帧处新建一个关键帧。

11、挨到任意变形工具，把椭圆拉大，直到覆盖住整个位图。

12、然后我们选中zhezhao图层，在时间轴中右键单击，创建补间动画。

13、接着选中图层，右键单击——遮罩。然后按ctrl+enter测试一下。

14、最后导出影片。

15、效果如下。

教程结束，以上就是flash简单制作遮罩动画效果教程，怎么样，大家学会了吗?感兴趣的朋友可以参考本文，来看看吧!

flash是一个动画制作软件，那么你知道如何快速的制作元素逐渐显示效果么？下面我们跟着以下图文步骤，学习下制作的技巧。

工具/材料

Flash CS3

一、设定文档背景颜色并建立文本

在属性面板找到背景属性，将背景颜色设为：黑色。

在工具箱里，选择文字工具，将文本类型设为：静态文本。

在舞台的范围，输入文本内容。

全选文本内容，将文本颜色设为：白色。

将当前的文本字号，通过“属性”面板调整到 45字号 。

二、转换为遮罩层

在时间轴上的第30帧，右击鼠标选择“插入帧”命令延长帧。

插入一个新图层，按照以上步骤补齐关键帧。

选择“图层 2”，右击选择“遮罩层”命令，将其转为遮罩层。

三、创建补间形状

将转换完成的“遮罩图层”的小锁，单击鼠标解开。

选择遮罩图层，通过“矩形工具”，在舞台上绘制一个可以遮盖文字的矩形。

移动时间线指针到第20帧，右击鼠标选择“转换为关键帧”，将当前帧转为关键帧。

选择“遮罩图层”的任意一帧，右击执行“创建补间形状”，为其创建补间形状动画。

四、制作动画

移动到第一帧，选择“任意变形”工具，将矩形形状向左拖拽成压扁形状。

遮罩动画制作完成后，将“遮罩图层”再次锁定，完成动画制作。

特别提示

按下 Ctrl+Enter 键，预览动画效果。