下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

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

作者:课课家教育     来源: http://www.kokojia.com点击数:3727发布时间: 2019-03-16 20:43:29

标签: flash制作flash基础flash教程

想学设计?来看看大师是如何完成作品的?

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

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

  操作步骤

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

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

背景层,背景层,气泡层和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

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

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

赞(0)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程