如何用Flash绘制逼真的气泡上升过程动画

作者:课课家教育更新于： 2019-03-16 20:42:56

　　在Flash的运用中，绘制上升气泡是很常见和必要的，绘制步骤也没有想象中那么复杂，其实还挺简单的，非常适合新手们练习和操作。具体步骤是怎样的呢？我们一起来练习一下吧。

　　用Flash制作气泡上升过程其实并不难，而且很容易就能制作得逼真，很适合大家练习，主要制作过程就是利用as代码来控制一个气泡的影片剪辑，这样就可以完成了，大家一起来试试。

　　操作步骤

　　1、首先我们是打开flash软件，来新建一个FLA文档，个选项选择默认就可以了。

　　2、然后是在时间轴上面新建三层，这三层分别是背景层，气泡层和AS代码层。如下图所示：

　　3、再导入一张准备好的背景图片，可以根据自己的喜好和需要来选择，这里我选用一张海底植物的图片550*400为例，大小和舞台一致，选择文件》》导入》》导入到库。

　　4、现在我们把背景图片拖入舞台的背景层，选择图片在属性面板中，x和y项设为0，（压缩文件和舞台一样大）这样就可以对齐舞台了。

      5、然后新建一个气泡影片剪辑，在舞台中绘制一个气泡图形，这里的气泡还可以先用ps软件处理好再导入也可以。效果如下图：

  　6、再回到主场景，选中气泡层，把刚才绘制好的气泡影片剪辑拖入舞台，位置可以根据自己的习惯随便放就可以。在气泡影片剪辑实例名中，命名为“h2o”。如图所示：

　　7、用鼠标选中气泡元件，这里需要注意的是不是时间帧，而是元件，选中后打开动作面板，输入以下代码：

　　onClipEvent(load){

　　speed=random(5)+3;

　　}

　　onClipEvent(enterFrame){

　　this._y-=speed;

　　this._x+=random(3)-random(3);

　　if(this._y<-15){

　　this._y=random(100)+315;

　　}

　　}

　　8：选中as层第一帧，打开动作面板输入以下代码：

　　i=1

　　while(i<=30){

　　duplicateMovieClip("h2o","h2o"+i,i);

　　setProperty("h2o"+i,_x,random(400));

　　setProperty("h2o"+i,_y,random(100)+300);

　　setProperty("h2o"+i,_xscale,random(60)+40);

　　setProperty("h2o"+i,_yscale,getProperty(eval("h2o"+i),_xscale));

　　setProperty("h2o"+i,_alpha,random(30)+70);

　　i++

　　}

　　_root.h2o._visible=0

　　好了，我们现在就可以测试一下影片了，大家可以用这个方法，发挥你超强的创造力，打造出生动的海底世界景观。

　　小编总结：简单的几步，我们就能绘制出生动的气泡上升动画，并且还能在这基础上发挥自己的动手能力，制作出更多的动画。怎么样，是不是很简单呢？快来练习一下吧~