关于我们 广告服务 社区论坛
设为首页 加入收藏

行业新闻
服 务 器
模版下载
建站指南
冲浪宝典
办公软件
网站运营
操作系统
QQ 专题
网页制作
安全防御
视频教程
网络编程
SEO专区
软件下载
图像设计
Cisco
网页特效
Wap 技术
联盟赚钱
网页素材
 首页 | 企业建站 | 网页制作 | 网站运营 | 网络编程 | 图像设计 | 冲浪宝典 | 操作系统 | SEO专区 | 联盟赚钱 | Cisco

欢迎来到e天下网络首页>>图像设计>>FLASH>>正文|FLASH制作爆炸效果动画

FLASH制作爆炸效果动画

[ 来路:网页教学网      时间:2007-7-10 3:35:34    点击: ]

 

  效果演示:

点击这里下载源文件

  制作步骤:

  很久以前看到了此篇教程,但是一直保存了其源代码,在网上查了半天没查到该教程,所以只有自己重新给大家做一个教程了!

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

  1、按住Shift键在主场景中画一无边框正圆(大小在50×50象素左右),打开混色器面板在填充样式中选中放射性填充。将左右两个色块都设为白色,并将其外(右)侧的色块Alpha值(透明度)设为0。

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

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

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

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

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

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

  8、选中这一层,为这层设置运动动画。

  9、回到主场景中,把“运动的圆”拖入进来,把层的名字改为“ball”,选中圆在属性面板中将其命名为“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);
  _root.gotoAndPlay(1);

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

::::站长友情提示:多花一分钟学点什么都好::::

 

上一篇:Flash实用编程五---下雨动画的制作  下一篇:Flash制作最简单的可拖拽窗口教程

 ::热点信息::

 

= = 免责声明 = =

① 欢迎转载我网所刊信息,请注明“来源:E天下网络”。
② 凡本网注明“来源:XXX(非E天下网络)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行。
※联系方式:Airtofly@163.com

::推荐文章::

 

Photoshop 轻松打造神秘银河系

::网页制作::

 

初学:什么是DIV+CSS?有什么
网页制作实例CSS用一张图片实
用CSS控制图片自适应大小的方
小技巧:CSS列表标签出现问题
CSS网页设计中使用背景图片须
想让DIV居中,如何编写CSS的
总结两年以来使用DIV网页排版
DIV CSS技巧:对CSS命名的一
更多内容..

 

 

关于我们 广告服务 友情链接 合作伙伴 社区论坛 免责声明

Copyright © 2007   21kn.com Inc. All rights reserved.e天下网络工作室

网站白天客服QQ:26875416 (非24小时)  合作QQ:597004688    粤ICP备06026423号