目前我们见到的一些Flash中的爆炸效果,很多都是应用大量的AS或者粒子技术模拟出来的,对于不是很熟悉AS的朋友来说,确实很难理解和学习。不过大家别着急,本实例我们就来学习一种不使用任何AS(当然最简单的stop()和goto语句是少不了的)来模拟出3种精彩的爆炸效果,其逼真程度一定都不亚于用AS模拟出来的效果。
首先我们需要准备两张静态图片,图片内容为一团烟雾即可,一张亮些,另一张暗一点。熟悉Fireworks的朋友可以很轻松地制作出这样两张图片,如果你对图像处理不是很熟悉,可以从一些图片素材站来寻找,大部分的素材站都有类的图片。
我们新建一个graphic组件,命名为“y1”,在组件编辑区中将事先准备好的亮点的那张图拖到编辑区中。同样再新建一个graphic组件,命名为“y2”,把第2张图片也拖到组件编辑区中。最后再新建一个graphic组件,命名为“y3”,并用圆形工具画一个正圆,然后填充上合适的渐变色,这里我们使用了白色到紫色的渐变效果。这样,我们的前期工作就完成了,接下来就可以开始具体的爆炸效果的制作了。
第1种爆炸效果:
新建一个MC,命名为“yp”,然后将组件y1拖到编辑区中,并设置其RGB颜色值为(255,204,0)。在第30帧插入一个关键帧,设置对象的alpha透明度,并且使对象顺时针旋转一个角度,然后建立第1~30帧的Motion tween。然后再新建一个图层,将组件y2拖到编辑区中,设置RGB颜色值为(255,102.0),接着按照和上面一样的方法,制作一个Motion tween,只不过这次的旋转方向为逆时针。这样第一个简单的爆炸效果就完成了。
第2种爆炸效果:
还是新建一个MC并命名为“yp1”,按照第1种爆炸效果的制作方法分别将组件y1和y2拖到两个图层上,分别设置RGB颜色值为(0,0,255)和(0,204,255),并在两个图层上分别制作一个Motion tween。到现在,第2个效果除了颜色和第1个爆炸效果不同之外,基本上是一样的。
新建一个MC并命名为“yp4”,然后将组件y3拖到编辑区中,用缩放工具将其缩小为一个很小的点。在第9帧插入一个关键帧,建立一个小圆点由小到大并运动一段距离的Motion tween,然后在第12帧建立一个关键帧,建立一个小圆点由大变小并且消失的Motion tween。再在第13帧新建一个关键帧,给此帧加上一句简单的AS“stop();”。
回到组件yp1的编辑区,新建一个图层,在此图层的第1、3、6、10帧处分别插入4个关键帧,然后将组件yp4拖到这些帧中,数量可以自己掌握。发布后看看效果如何,如果满意即可。这样,第2个爆炸效果就制作完成了。
第3种爆炸效果:
同样还是新建一个MC命名为“yp2”,还是像第1个和第2个爆炸效果一样,建立两个Motion tween,这次的RGB颜色分别设置为(255,255,0)和(255,255,153)。
新建一个图层,将组件y3拖到编辑区中,建立一个由大到小的Motion tween。这样,第3种爆炸效果也做好了。
现在回到主场景,我们再来把这3种效果稍微整理一下。建立3个关键帧,分别把组件yp、yp1和yp2放到这3个关键帧中。然后再新建一个图层,同样建立3个关键帧,给每个关键帧上加AS:“stop();”。为了切换不同的爆炸效果,我们可以做一个切换按钮,在第1帧、第2帧和第3帧分别给按钮加上如下AS:
第1帧:
on (release) {
gotoAndStop("2");
}
第2帧:
on (release) {
gotoAndStop("3");
}
第3帧:
on (release) {
gotoAndStop("1");
}
这样,3种爆炸效果就制作完成了。我们可以发现,第1种效果是最基础的,后两种爆炸效果其实都是在第1种效果的基础上增加了其它效果合成的。这样也启发了我们的思维,做复杂效果其实不难,都是从简单效果做起,只要有机地结合起来,就能做出非常漂亮的效果。