用Flash制作互动火焰效果
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-14
|
如何用Flash制作火焰效果呢？下面我们由简到繁给出几种方法。 方法一：简单位图MC动画实现 这个方法是最为老套最为死板却总是最有效的办法——位图MC动画法（我喜欢称用位图来制作MC的方式叫"位图MC动画法"）。     火焰位图1 火焰位图2 火焰位图3 火焰位图4 我从我的火焰素材库中找到了如上面的几张烈焰效果图，大家如果不满意可以尝试自己去绘制，笔者建议使用Photoshop，因为在它其中就有相应的第三方插件能够非常快速的绘制出十分逼真的火焰效果位图。 仔细观察上述四张图，我们可以看出它们之间的差别非常小，这样才能够形成动画效果更为逼真的火焰。如果大家有时间也可以多作几张图，你的火焰会更具动感。 准备好素材后，我们仍旧按下Ctrl+R将以上的几幅图导入到Flash内，如果大家将上面的图形命名为Fire1、Fire2、Fire3、Fire4的话，那么在导入Flash的过程中应该会看到如下图2的提示框： 
图2 信息提示框
这个提示框的作用是询问你是否要将所有连续文件名的图形作为一个连续帧的形式导入到Flash，在这里我们选择了“是(Y)”，这样的话就形成了如下图3所示的效果：
图3 四张图片四个帧关键帧，形成一个连续帧效果
最后我们在按下Ctrl+M快捷键设置了动画背景色为黑色以后就可以按Ctrl+Enter进行位图火焰动画效果测试了。瞧，感觉还不错是不？原文件下载学习 方法二：用AS实现温火欲动 
图4 火焰之球图
我们利用这个FireGraphic物件来绘制一个名称为Fire的MC，如下图5所示：
图5 火焰之球动画断帧图(注意：使用Edit Multiple Frames)
在第一帧我们绘制了一个浅蓝色的小球，在第五帧是黄色，十五帧是红色，25帧与30帧最是非常淡的颜色效果，并且利用Motion运作使它们连贯。
为了较好的查看这个MC的运动效果我们按下了Edit Multiple Frames按钮，这样大家会发现原来在不同的帧的图形现在在同一画面内存在了，这样更有利于我们查看接近于最终的效果。如果我们按下onion Skin按钮则会出现如下图6所示的效果，现在我们的温火已经初步成形了。
图6 火焰之球动画连贯图(注意：使用onion skin)
大家可能会发现，在这个MC的第一帧上有一个“a”，我们查看一下它的代码如下：
scale = Number(random(50))+30;setProperty (_target, _x, Number(../:x)+Number(random(12))-6); setProperty (_target, _yscale, scale); 我想到后面大家会发现这几行代码的主要作用：主要是让火焰小球产生一个随机动画改变位置的效果（改变_x、_y的值）; 上面的第一、三两句我们可以合并为： setProperty(_target,_yscale,Number(random(50))+30); 
图7温火欲动主场景图
当我们把这个Fire(MC)放置于主场景后我们可以看到如上图7所示效果，我们将此MC的实体名命名为Fire，然后在场景中建立一个AS层，并在第1、2、3帧中输入如下代码行：
第一帧，初始化变量：
? i = 1;? max = 60; ? x = getProperty("fire", _x); 第二帧，复制Fire这个MC： ? if (Number(i)<=Number(max)) { duplicateMovieClip ("fire", "fire" add i, i); i = Number(i)+1; ? } 第三帧，删除复制出来的MC影片： if (Number(i)<=Number(max)) { removeMovieClip ("fire" add i); i = Number(i)+1; ? } gotoAndPlay (2); 瞧，是不是很简单？只需要复制与删除相应的MC就可以了。现在大家可以按下Ctrl+Enter测试一下这个温 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash效果制作：水天一色下一篇: 利用Flash MX模板制作XML动态菜单
关于用Flash制作互动火焰效果的所有评论
