今天是:
设为首页 加入收藏 网站地图  
正在加截flash,如果长时间无显示,请下载FlashPlayer 9.0
您现在的位置: 呼网互联 >> 技术教程 >> Flash设计 >> 特效实例 >> 教程正文 用户登录 新用户注册
[组图]用flash打造爆炸效果         ★★★
用flash打造爆炸效果
作者:AIYI2003 文章来源:闪吧 点击数: 更新时间:2004-12-25 17:16:40

  首先,我们要打开Flash MX。新建一场景动画,CTRL+J打开动画属性面板,设背景为黑色、帧速为24~48(随你高兴了,自己试试不同的帧速,只要自己觉得满意就行。)

  1、在主场景中画一无线框正圆(大小在50×50象素左右),打开Color Mixer(调色板)在渐变方式中选中Radial(放射性填充)。将左右两个色块都设为白色,并将其外(右)侧的色块Alpha值(透明度)设为0。

  2、选中这个圆,按F8键转换为图形符号,命名为“圆”。(如图1)


  3、Ctrl+F8新建一电影剪辑符号,命名为“运动的圆”。并将刚才做好的图符拖入进来。打开对齐面板使其中心对齐。

  4、在第3帧按F6键插入一关键帧,并将“圆”向上(向左向右向下都行,随你高兴)移动一块(大约半个身位),在属性面板中的Color Styles栏中选择Advanced(高级效果)选项,点击右边Settings...按键进入高级设置选项。设置如下:(如图2)。这时,“圆”符号成黄色。


  5、在第5帧按F6键插入一关键帧,将“圆”再次向上移动一块(约3/4个身位),并用第4步的方法将其改为红色(将G)与B)值都设为-255)。

  6、再在第11帧按F6键插入一关键帧,将“圆”再次向上移动一块(约一个身位)并改为灰色。

  7、第13帧处按F6键插入一关键帧,将“圆”再次向上移动一块(约一个半至两个身位)并将其Alpha属性设为0(即完全透明)。

  8、选中这一层,为这层设置运动动画。(此时场景为图3所示)


  9、回到主场景中,把“运动的圆”拖入进来,在属性栏中将其命名为“ball”,为以后的编程做准备。

  10、在主场景中新建一层,命名为“Action”,用来写代码。
    i=1  
    while (i<=80) {
    duplicateMovieClip("ball","ball"+i,i);
    setProperty("ball"+i,_rotation,random(360));
       i++
    }
    _root.ball._visible=0
    上面的代码的意思是将“ball”复制80份,并将其随机旋转一个角度,这样“ball”就能向四面八方运动了。最后将原"ball"隐藏。

  11、在“ball”电影符号中加入Action:

  onClipEvent (load) {
  this._x+=random(50)
  this._y+=random(50)
  this._yscale = random(50)+50;
    }

  其意义为:电影被调入时,在X、Y轴的坐标随机增加(1~50)个象素,并将其在Y轴的比例随机改变50%左右。

  12、Ctrl+回车测试一下,怎么样,Cool不Cool。
 
  13、爆炸效果到这就做好了,但如果我们想把这种效果应用到自己的Flash动画中还要在“ball”电影符号中的最后一帧中加入如下语句:

    removeMovieClip(this);

  否则的话,爆炸效果会一直持续,只到你关闭Flash播放器,这可不是我们要的,那句程序就是用来卸载被复制的影片的。

教程录入:流云    责任编辑:流云 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    · Win XP设置技巧
    · 注册表全攻略
    · Dreamweaver 8
    · Fireworks 8
    · Flash 8
    · Photoshop CS2
    · Corel Draw
    普通教程[组图]十招学会使用Win
    普通教程[组图]Vista兼容性问题
    普通教程[组图]让低端显卡运行V
    推荐教程[图文]多图激赏:Window
    普通教程[组图]Windows Vista小
    推荐教程[图文]CSS实现星级效果
    普通教程[组图]你知道吗?有关V
    推荐教程[图文]廿五则Windows V
    推荐教程[图文]多图激赏:Window
    推荐教程[图文]CSS实现星级效果
    推荐教程[图文]廿五则Windows V
    推荐教程[图文]CorelDRAW经典教
    推荐教程[图文]蓝色人物绘制教程
    推荐教程[图文]韩式风格教程之油
    推荐教程[图文]AI进阶教程之月亮
    推荐教程XP中可以被禁用的服务对
    CSS实现星级效果总结
    飞扬的韵律—用Photosh
    使用Photoshop CS2轻松
    水漫金山!教你用Photo
    网页设计:一种细腻的导

    多图激赏:Windows V

    CSS实现星级效果总结

    廿五则Windows Vist

    可控声音 flash 教程
    (只显示最新10条。评论内容只代表网友观点,与本站立场无关!)