频道直达 - 专题 - 新闻 - 技巧 - 组网 - 开发 - 安全 - web编程 - 图像 - 操作系统 - 数据库 - 教育 - 旅游 - 健康 - 时尚 - 驱动 - 软件 - 游戏 - 多媒体 - ERP - 讨论组

无AS在FLASH中实现三种爆炸效果

来源: 作者: 出处:巧巧读书 2006-07-01 进入讨论组
关 键 词:access  cgi  fireworks  flash  ie  

目前我们见到的一些flash中的爆炸效果,很多都是应用大量的as或者粒子技术模拟出来的,对于不是很熟悉as的朋友来说,确实很难理解和学习,不过大家别着急,本实例我们就来学习一种不使用任何as(当然最简单的stop()和goto语句是少不了的),来模拟出三种精彩的爆炸效果,

其逼真程度一定都不亚于用as 模拟出来的效果,具体效果请看下面的演示:





首先我们需要准备两张如图1和图2 所示的两张静态图片,图片内容为一团烟雾即可,一张亮些,另一张暗一点,熟悉fireworks 的朋友可以很轻松的制作出下面两张图片,如果您对图象处理不是很熟悉,可以从一些图片素材站来寻找,大部分的素材站都有类似的图片。


无AS在FLASH中实现三种爆炸效果(图一)


图1


无AS在FLASH中实现三种爆炸效果(图二)


图2


  首先我们新建一个graphic组件,命名为y1,在组件编辑区中将事先准备好的那张发亮的图片(图1所示的图片)拖到编辑区中,如图3所示:


无AS在FLASH中实现三种爆炸效果(图三)


图3


  同样再新建一个graphic组件,命名为y2.,把第二张图片(图2所示的图片)也拖到组件编辑区中,如图4 所示:


无AS在FLASH中实现三种爆炸效果(图四)


图4


  最后再新建一个graphic组件,命名为y3,并用圆形工具画一个正圆,然后填充上合适的渐变色,具体颜色您可以根据自己的喜好来设置,这里我们使用了白色到紫色的渐变效果,如图5所示:


无AS在FLASH中实现三种爆炸效果(图五)


图5


  这样,我们的前期工作就完成了,接下来就可以开始具体的爆炸效果的制作了。


  首先我们来制作第一种爆炸效果。

  新建一个mc命名为yp,然后将组件y1拖到编辑区中,并设置其RGB颜色值为(255,204,0),如图6所示:


无AS在FLASH中实现三种爆炸效果(图六)


图6


  在第30 桢插入一个关键桢,然后在次珩设置对象的alpha透明度为佳,并且使对象顺时针旋转一个角度,然后建立第1 祯到第30 桢的motion tween,如图7所示:


无AS在FLASH中实现三种爆炸效果(图七)


图7


  然后再新建一个图层,将组件y2拖到编辑区中,设置RGB颜色值为(255,102.0),接着按照和上面一样的方法,制作一个motion tween,只不过这次旋转的方向为逆时针,这样第一个简单的爆炸效果就完成了,最后编辑区如图8所示:


无AS在FLASH中实现三种爆炸效果(图八)


图8


  下面我们来进行第二种爆炸效果的制作:

  还是新建一个mc并命名为yp1,按照第一种爆炸效果的制作方法,分别将组件y1和y2拖到两个图层上,分别设置RGB颜色值为(0,0,255)和(0,204,255).,并在两个图层上分别制作一个motiontween,到现在,第二个效果除了颜色和第一个爆炸效果不同之外,基本上是一样的,如图9所示:


无AS在FLASH中实现三种爆炸效果(图九)


图9


  新建一个mc并命名为yp4,然后将组件y3拖到编辑区中,用缩放工具将其缩小为一个很小的点,然后在第9祯插入一个关键桢,建立一个小圆点由小到大并运动一段距离的motion tween,然后在第12桢建立一个关键桢,建立一个小圆点由大变小并且消失的motion tween,然后再第13桢新建一个关键桢,给此祯加上as:stop();,第1桢,第9桢,第12桢分别如图10,11,12所示:


无AS在FLASH中实现三种爆炸效果(图十)


图10


无AS在FLASH中实现三种爆炸效果(图十)


图11

无AS在FLASH中实现三种爆炸效果(图十二)

图12


  回到组件yp1的编辑区,新建一个图层,再此图层的第1,3,6,10 祯插入四个关键祯,然后将组件yp4拖到这些桢中,数量可以自己掌握,发布后看看效果如何,如果满意即可,如图13所示:


无AS在FLASH中实现三种爆炸效果(图十三)


图13


  这样,第二个爆炸效果就制作完成了。


  下面我们来制作第三个爆炸效果:

  同样还是新建一个mc命名为yp2,还是象第一个和第二个爆炸效果一样建立两个motion tween,这次的RGB颜色分别设置为(255,255,0)和(255,255,153),如图14 所示:


无AS在FLASH中实现三种爆炸效果(图十四)


图14


  新建一个图层,将组件y3拖到编辑区中,建立一个由大到小的motion tween,这样,第三种爆炸效果也做好了,最后如图15所示:


无AS在FLASH中实现三种爆炸效果(图十五)


图15


  现在回到主场景,我们稍微来把这三种效果整理一下,建立三个关键桢,分别把组件yp,yp1和yp2放到这三个关键桢中,然后再新建一个图层,同样建立三个关键桢,给每个关键桢上加as:stop();,然后为了切换不同的爆炸效果,我们可以做一个切换按钮,在第一桢,第二桢和第三桢分别给按钮加上如下as:

第一桢:


on (release) {

gotoAndStop("2");



}

第二桢:


on (release) {

gotoAndStop("3");

}



第三祯:


on (release) {

gotoAndStop("1");

}



最后主场景如图16所式:


无AS在FLASH中实现三种爆炸效果(图十六)


图16


  这样,三种爆炸效果就制作完成了,我们可以发现,第一种效果是最基础的,后两种爆炸效果其实都是在第一种效果的基础上增加了其它效果合成的,这样也启发了我们的思维,做复杂效果其实不难,都是从简单效果做起,只要有机的结合起来,就能做出非常漂亮的效果。

进入讨论组讨论。
收藏此文】【 】【打印】【关闭
较早的文章:Flash中oop的设计模式

较新的文章:在Flash中使用ASP技术
相关图文阅读
频道图文推荐
健 康 咨 询
时 尚 咨 询
巧巧读书宗旨
相关专题
热点标签: access  cgi  fireworks  flash  ie  
最新论坛文章
站内各频道最新更新文档
站内最新制作专题
热门关键字导读
Photoshop教 程照片处理 照片制作 PS快捷键 抠图
计 算 机 故 障XP系统修复
艺 术 与 设 计设计 流媒体 设计欣赏 边框
计 算 机 安 全ARP
站内频道文章精选
百度推荐,商机无限
搜索您感兴趣的内容
 
Web 本站
巧巧电脑频道编辑信箱  告诉我们您想看的专题或文章