| 网站首页 | 文章中心 | 电子书下载 | 矢量图库 | 视频教程 | 素材下载 | 程序代码下载 | JS代码 | 论坛 | 
常用软件类:
|杀毒安全 |联络聊天 |网络软件 |多媒体类 |系统工具 |图形图像 |系统工具 |应用软件 |行业软件
开发设计类:
|动画制作 |图像处理 |3D设计 |操作系统 |站长学院 |网络相关 |WEB设计 |数据库类 |程序开发
flash制作绚丽烟雾动画效果

作者:未知    文章来源:网络    点击数:    更新时间:2007-7-1
  在很多Flash影片里都有精彩的爆炸效果,爆炸后涌出的烟雾给爆炸效果增色不少,如果在影片中合理使用一些烟雾效果,其实制作方法非常简单,只需要用到少量的Action Script就可以实现。下面我们就来讲解如何在Flash中制作烟雾效果。

  首先启动Flash,新建立一个大小为200px*300px,背景颜色为黑色的影片。

  选取Insert/New Symbol菜单命令新建一个组件synmol1,进入组件的编辑状态后,使用椭圆工具绘制一个正圆,这里有一个小技巧:在绘制的时候同时按下Shift键就可以绘制出正圆了,然后将正圆的轮廓线删除掉,使用颜料桶工具填充上白色和黑色的线形放射性的颜色,如图1所示:


  接下来制作本实例中较为关键的部分。新建一个Movie clip Symbol2,进入组件的编辑状态后,在第一帧中将组件Symbol1拖到编辑区中,将小球放到合适的位置。然后在第5帧插入一个关键帧,将按下Shift键,然后将小球向上垂直移动一小段距离,然后改变小球的填充色为黄色和白色的线性渐变,最后建立从第1关键帧到第5关键帧的Motion运动过渡效果,如图2所示:

  

  同样在第15帧插入一个关键帧,将小球继续垂直上移一段距离,然后改变小球的填充色为红色和白色的线性渐变,最后建立从第5关键帧到第15关键帧的Motion运动过渡效果,如图3所示:


  最后在第30帧插入一个关键帧,将小球继续垂直上移一段距离,然后改变小球的Alpha透明度为100%,也就是使小球不可见,最后建立从第15关键帧到第30关键帧的Motion运动过渡效果,最终的时间线如图4所示:


  在图层layer1的第1关键帧添加如下的Action控制代码:

  scale = Number(random(50))+30;

  //使用random设置随机数,范围从30到80,然后将生成的随机数传给变量scale,此变量值在后面用来控制小球的缩放幅度。

  setProperty(_target, _x, Number(../:x)+Number(random(12))-6);

  // Number(../:x)中的x为主场景中定义的变量: 对象fire的横坐标//Number(random(12))-6将产生一个范围在-6到+6的随机数字,//Number(../:x)+Number(random(12))-6也将产生一个随机数字,此随机数字会作为//小球的X坐标,这样就可以产生小球随机左右晃动的效果。

  setProperty(_target, _yscale, scale);

  //设置小球的_yscale属性值为变量scale,这样可以产生小球在垂直方向上的尺寸变化

  准备好需要的组件后,回到主场景中,将图库中的组件symbol2拖到舞台的合适位置,并在属性面板中将其命名为fire,然后将图层layer1延续到第3帧,如图5所示:


  在主场景中新建一个图层layer2,分别在第1,2,3帧插入三个关键帧,在第1关键帧添加如下Action控制代码:

  i = 1;

  max = 60;

  //定义并初始化变量i和max

  x = getProperty("fire", _x);

  //取得对象fire的横坐标,然后传给变量x

  第2关键帧添加如下Action控制代码:

  if (Number(i)<=Number(max)) {

  duplicateMovieClip("fire", "fire" add i, i);

  i = Number(i)+1;

  }

  //使用if语句复制60个fire对象的副本

  第3关键帧添加如下Action控制代码:

  if (Number(i)<=Number(max)) {

  duplicateMovieClip("fire", "fire" add i, i);

  i = Number(i)+1;

  }

  gotoAndPlay(2);

  //使用if语句复制60个fire对象的副本

  最终主场景中时间线如图6所示:



  本实例最终效果如图7所示:


  • 上一篇文章:

  • 下一篇文章: 没有了
  • 相关文章