高手网：网页制作教程

Flash专栏>flash实例教程>烟花效果制作

日期:2004-03-13 10

作者:客家小子

来源:太平洋网络学院

大家好，我是客家小子，今天我向大家介绍一种烟花效果的制作，效果还不错吧！其实实现这种效果并没有什么特殊的技术，掌握了运动和隐形按钮的制作这两种技术就不难做出，只不过做这个效果要有耐心，比较烦一点，好！多们下面开始！

1；新建一个长：600宽：400黑色背景的fla文档。

2；选择Insert/New Symbol,在Nane那里命名为五角星，Behavior选项选择Graphic.如下图：

3，现在工作区变为无限大了，选择几形按钮

，颜色设为白色，在工作区拉出一个长约一厘米高约三厘米的白色几形，然后删除几形四周的边缘，把工作区放大为800%，把几形拉为成为等高三角形。如下图：

4，移动三角形把三角形底边和工和区的中心的十字重合，（一定要重合，不然做不了五角星），选中三角形按F8把三角形定义为图形；

5，选择Window/Inspectors/Transform,把Rotate改为72，然后连按五次“Copy"，再选取箭头工具

，把五个三角形选中，按F8定义为图案。这样一个五角星就做好了！

6，把工作区的那个白色三角形连按二次Ctrl+B把它打散，然后选取油漆桶工具

，把它填充为红色，按F8定义为图案，再把这个红色三角形用Ctrl+B打散，然后填充为绿色，依次做出七种颜色的五角星。

7，选择Insert/New Symbol,在Nane那里命名为隐形按钮，Behavior选项选择：Button,如下图：

8，在Hit那帧按右键先择Insert Keyfrane插入一个关键帧，然后在工作区中用矩形工具

画一个约三厘米的正方形，颜色任意，不要用黑色就行了。也把边缘删除。

9，再选择Insert/New Symbol,在Nane那里命名为“动画”Bhavior选项选择：Movive Clip,如下中图：

10，按Ctrl+L调出控制面版，在Layer 1层里把那个隐形按钮拉到工作区中心。然后点击

新建一个运动层，在Layer 2层第一帧双击，选取Actions点击

，选择"stop",如下图：再在第二帖按右键选择Insert Blank Keyfrane插入一个空的关键帧。

11，为了以后便于操作，在工作区中作一个浦助层，就是在Layer 1运动层上多做一个层命名为“浦助层”，这样便以把那么多的五角星放成一个圆形，实际上在完成后要把这个层删除的；下面会说到，现工作区见下图：

在“浦助层”的第二帧按右键选择Insert Blank Keyfrane插入一个空的关键帧。在工作区画一个正园，大小自已定吧！然后在第二十帖按F5插入一个结构帧。好！把“Layer 1层”和“浦助层”用小锁锁好！下面开始考验你的时候了！

12,在Layer 2层的第二帧里，把做好的那个白色五角星拖到工作区中心，就是把两个十字对齐，然后，在第五帧按右键选择Insert Keyframe插入一个关键帧，把这个星星拖到浦助圆内的任一个地方，然后把第二帧那个五角的Alpha值设为50%；

设好后，又击第二帧，在弹出的对话框中选择Tweening，设为Motion运动。

选择第五帧的五角星，在二十帖处按右键选择Insert Keyframe插入一个关键帧，然后把这个五角星拉到“浦助圆”的下方，把它的Alpha值设为0；双击第五帧，在弹出的对话框中选择Tweening，设为Motion运动。

13，同样新建一个运动层，再做一个Motion运动。只是这个层的星星飞出的方向和Layer 2层不同罢了，就这样，每一种颜色的星星都做三个不同运动方向的Motion运动。很烦的啊！二十多个层啊！最后工作区如下：当然你有时间多做几个层效果会更好！

14，好！做到这里差不多了！只是我们要做得更真实一些，我们再在工作区中心加一些小火花！这和上面的做法差不多！只是把星星拖出缩小罢了！我也做了十多个层！工作区如下：

其实星星的运动层你做得多些更好看！那要看你的耐心了！而且爆炸后的形状你也改为别形状。还的一点我要说的就是各层星星做消失运动时的时间不要那么统一！要有长有短，这样更真一些！你自已做时看好了！

15，做到这里就差多完工了！把上面的各层都锁好！返回第一个运动层！在那个隐形按钮上单击右键，选择properties/Actions点击

，选择Go to,把Frame/Number中的"1"改为“2”把Go to and play打上勾。如下图所示：点击确定。

16，好！锁好第一个层，我们再在动画中加入声音，（没的这里下载）点击File/Import把你要加入的声音双击即可，看控制面版中多了一个扬声器的符号！那就你刚才加载有声音了，选择第三个运动层的第二个帧，把声音拖入工作区中，把这个层也锁好！一个烟花动画就做好了！好，我们把刚才用到的那个“浦助层”删除。这时工作区如下：

17，好了，隐形动画终于做好了！点击

，选择scene1，返回主工作区，然后把控制面版中的动画一个个拖到工作区中，布满即可！

好！这就是这个动画制作过程，呵呵！我也是第一次写这个！这个动画也太烦了点，所说写不很清楚！下面是源文件！你有兴趣就下载回去慢慢看吧！

Flash专栏：	基础教程 \| 技巧运用 \| MTV实例教程 \| 游戏实例教程 \| 实例教程 \| AS教程(new)
photoshop专栏：	基础 \| 进阶 \| 技巧总汇 \| 精彩实例 \| 文字特效 \| 滤镜魔术 \| 实际应用
网页设计：	Dreamweaver教程 \| FireWorks教程 \| CorelDraw设计 \| Freehand/Illustrator教程 \| 音乐转换教程