Flash 点燃红烛的制作原理与思考

制作步骤

1.启动FLASH8 软件

2.确立文档属性 设置动画尺寸为550*500，帧频为12，背景颜色黑色，其它默认,点击确定，进入场景1。如图1所示：

（图1）

3.创建图形元件

选择“插入－新建元件”，创建一个名为“蜡烛”的图形元件。点击确定，进入元件编辑区。用矩形工具和椭圆形工具绘制一支蜡烛，如图2所示：

图2

4.创建影片剪辑元件

（1）选择“插入－新建元件”，创建一个名为“火苗”的影片剪辑，点击确定，进入元件编辑区。选择椭圆形工具，打开混色器，设置其参数如图3所示：

图3

选择第一帧，在工作区拖一个规格为12*35的竖向，无边框椭圆，然后，用充分变形工具将其色调调整为上白下红，全居中。在第3、5帧处插入关键帧，并将第1、3、5帧上的所有实例打散，并将其注册点移至下端点。点击第3帧，将工作区中的实例放大规格为13*50。分别点击第1、第3帧，创建这两个区域间的形状补间。如图4所示：

图4

（2）选择“插入－新建元件”，创建一个名为“火源”的影片剪辑元件，点击确定，进入元件编辑区。添加一个图层，共两个图层。上层为火苗，下层为柴杆。

a.选择柴杆图层第一帧，用线条工具画一条无填充色，笔触为3的黄禄色线段，用任意变形工具将其调整为，如图5所示：

图5

b.选择火苗图层第一帧，从库中拖出“火苗”影片剪辑，将其下端放到柴杆的左端点，如图6所示：

图6

（3）选择“插入－新建元件”，创建一个名为“空影片”的影片剪辑元件，点击确定，进入元件编辑区。如图7所示:

图7

注：此元件为空，不进行编辑。

5.创建按钮元件

（1）选择“插入－新建元件”，创建一个名为“火柴”的按钮元件，点击确定，进入元件编辑区。点击弹起帧，从库中拖出“火源”影片剪辑至工作区，在“按下”帧插入普通帧。如图8所示：

图8

（2）选择“插入－新建元件”，创建一个名为“隐钮”的按钮元件，点击确定，进入元件编辑区。在“点击”帧插入空白关键帧，用矩形工具在工作区拖一个无边框的矩形，颜色任意，规格为50*40。如图9所示：

图9

6.组织编辑场景 返回场景1，添加七个图层，共八个图层。自下而上分别命名为空影片、蜡烛、火苗、火柴、文本、隐钮、边框和as。

（1）选择空影片图层第一帧，从库中拖出“空影片”剪辑至工作区。如图10所示：

图10

右键该空影片剪辑，打开动作面板，在as编辑区输入如下语句：

onClipEvent(load){
_root.h1._visible=0;
_root.h2._visible=0;
_root.h3._visible=0;
}

在第2帧插入帧，锁定该图层。

（2）选择蜡烛图层第一帧，从库中分别拖出三个“蜡烛”图形元件至工作区，调整好大小，摆放在你指定的位置，在第2帧插入帧。上锁。如图11所示：

图11

（3）选择火苗图层第一帧，从库中分别拖出三个“火苗”影片剪辑至工作区，调整好大小，分别依次放在三个蜡烛的上方。如图12所示：

图12

分别依次在属性面板中填写<实例名称>为h1、h2、h3。如图13所示：

图13

在第2帧插入帧，锁定该图层。

（4）选择火柴图层第一帧，从库中拖出“火柴”按钮元件至工作区， 填写其实例名称为：a 。调整好大小，放置在场景的右下角。如图14所示：

图14

右键该按钮，打开动作面板，在as编辑区输入如下指令语句：
 
on (release) {
startDrag ("_root.a", true);
_root.draging=1;
i=1;
}

在第2帧插入空白关键帧，锁定该图层。

（5）选择文本图层第一帧，用文本工具输入相关内容，如图15所示：

图15

在第2帧插入空白关键帧，用文本工具输入作者名称、制作日期或做相关链接。上锁。

（6）选择隐钮图层第一帧，从库中分别拖出“隐钮”四个放置在火苗和熄灭火柴之上。如图16所示：

图16

右键左边第一个蜡烛火苗上的隐形按钮，打开动作面板，在as编辑区输入如下语句：
 
on (release) {
if((draging==1)&&(_root.h1._visible==0)){
a[i]=1;
_root.h1._visible=1;
i++;}
}

右键左边第二个蜡烛火苗上的隐形按钮，打开动作面板，在as编辑区输入如下语句：
 
on (release) {
if((draging==1)&&(_root.h2._visible==0)){
a[i]=2;
_root.h2._visible=1;
i++;}
}

右键左边第三个蜡烛火苗上的隐形按钮，打开动作面板，在as编辑区输入如下语句：
 
on (release) {
if((draging==1)&&(_root.h3._visible==0)){
a[i]=3;
_root.h3._visible=1;
i++;}
}

右键“熄灭火柴”上的隐形按钮，打开动作面板，在as编辑区输入如下语句：
 
on (release) {
 gotoAndStop(2);

}

在第2帧插入空白关键帧。锁定该图层。

（7）选择边框图层第一帧，导入或制作一个边框，设置其规格为550*500，全居中，在第2帧插入帧。上锁。如图17所示：

图17

（8）选择as图层第一帧，右键该空白关键帧，打开动作面板，在as编辑区输入停止指令：

stop();

在第2帧插入帧，锁定该图层。

7.该作业完成后的时间轴如图18所示：

图18

8.测试存盘

*说明：

1.文本图层第2帧的相关链接，可参照《如何在flash作品中添加QQ留言》。

2.在火苗上添加火苗闪动的光环效果会更加逼真可观。

3.如果将此教程添加一个生日背景、音乐，或将蜡烛放置在蛋糕上，再加上个性的创意来制作一份生日贺卡送给你的长辈和朋友，是不是很不错啊！那就试着创作一个吧。