快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

Flash AS制作上升的水泡效果动画

  效果演示:

« Full Screen »

点击这里下载源文件

  假如一个一个的画,工作量繁重并且效果并不好。我们利用AS的复制语句来实现水泡的数量,利用设置属性来改变透明度,大小等。最后在影片剪辑中设置水泡的左右摆动。这样综合在一起,就可以实现水泡上升的效果了。

  详细步骤

  1,开MX新建一文档。并适当修改文档属性(400×300,蓝色背景)

  2,建一个影片剪辑,命名为“h2o”。进入编辑去以后,利用绘图工具,渐变填充绘制一个水泡。如图1所示。

图1   绘制水泡

  3,回到主场景,把图层1命名为“h2o”。从库中把“h2o”影片剪辑拖放到场景的下方,在下面的属性面板中命名它的分身名为“h2o”。如图2所示。

图2  图层“h2o”

  4,主场景中新建一个图层,命名为“as”。在第1帧添加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

  5,详细解释如下:

i=1                                  //初始化变量
while(i<=30){                             //用来控制水珠的数量
 duplicateMovieClip("h2o","h2o"+i,i);         //复制水珠
 setProperty("h2o"+i,_x,random(400));        //在X轴上随机分布复制出的水珠
 setProperty("h2o"+i,_y,random(100)+300);   //同上,只是换成了Y轴
 setProperty("h2o"+i,_xscale,random(60)+40);
 setProperty("h2o"+i,_yscale,getProperty(eval("h2o"+i),_xscale));
                                     //以上两条AS是用来控制水珠大小的。
 setProperty("h2o"+i,_alpha,random(30)+70);//用来控制水珠的透明度
 i++
}
_root.h2o._visible=0                      //将主场景中的水珠隐藏。

  6,选中影片剪辑“H2O”,添加AS:

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;
 }
}

  7,上面的AS语句的意思是:

onClipEvent (load) {                 //用来随机赋于水珠的速度,让水珠运动更加真实。
 speed = random(5)+3;
}
onClipEvent (enterFrame) {
 this._y -= speed;                  //用来改变水珠Y轴的坐标,这样我们看起来水珠是在不断在上升。
 this._x += random(3)-random(3);   //为了上水珠运动更真实些,我们上水珠左右晃动一下。
 if (this._y<-15) {                  //此IF语句的作用是当水珠移出屏幕时,重新放回屏幕中来。
  this._y = random(100)+315;
 }
}



  8,保存测试吧!






返回类别: Flash教程
上一教程: FlashMX 视频教程(39)-遮罩动画
下一教程: Flash ActionScript 基本语法小总结

您可以阅读与"Flash AS制作上升的水泡效果动画"相关的教程:
· Flash制作递增遮照效果动画
· Flash ActionScript制作的一种特别效果动画
· Flash制作移动时的模糊效果动画
· 百叶窗效果动画,Flash无AS的制作方式
· Flash制作变色花环效果动画
    微笑服务 优质保证 索取样品