黄易小说覆雨翻云全本:鼠标触发水珠滴落的制作原理与方法

教学目的：通过本节教学了解和掌握水滴的绘制原理、方法，以及鼠标触摸水滴水滴使其下落的动画效果。
教学对象：本教材是针对有一定动画制作基础和对属性面板、工具箱和相关界面，以及动作面板与as语句有所了解的朋友们编制的，因此省略了一些步骤，还望谅解。
教学要点：动作面板、实例名称、按钮、混色器、Alpha和as语句。
作前准备 准备一张规格约为310*220的,嫩绿的透明叶子，经过制图软件（ps、fw）处理后放到指定的文件夹待用。
制作步骤
1.启动FLASH8 软件
2.确立文档属性
设置动画尺寸为550*400，背景天蓝色，其它默认,点击确定，进入场景1工作区。如图1所示：


图1
3.将准备好的素材图片导入库中，待用。

（素材图）
4.创建图形元件
选择“插入－新建元件”，建立一个名为“水珠”的图形元件，点击确定，进入元件编辑区。就一个图层。
选择图层1第一帧，用椭圆工具，笔触高度为1，颜色黑色，填充色为白色，在舞台拖一个规格为15*22的椭圆形，全居中。如图2所示：

图2
点击中间白色的椭圆，打开混色器，共四个色码快，均为白色。其不透明度Alpha的百分比由左到右分别，如图3所示。

图3
再用填充变形工具，点击该实例，做以相应的调整，直到你满意为止。完成后的实例变化，如图4所示：

图4
鼠标双击该实例边线，起麻点后，在混色器笔触中设置其参数，如图5所示：

图5
舞台实例变化如图6－1，再用填充变形工具，点击该实例，做以相应的调整，直到你满意为止。完成后的实例变化，如图6－2，调整其不透明度（参考图5），实例变化如图6－3。其全部流程，如图6所示：

图6
5.创建按钮元件
选择“插入－新建元件”，建立一个名为“隐钮”的按钮元件，点击确定，进入元件编辑区。就一个图层。
选择图层1第4帧（点击），插入空白关键帧，用椭圆工具在舞台拖一个规格为26*26的，无边线的椭圆，颜色随意，全居中。如图7所示：

图7
6.创建影片剪辑元件
（1）选择“插入－新建元件”，建立一个名为“水滴1”的影片剪辑元件，点击确定，进入元件编辑区。添加三个图层，共四个图层。自上而下命名为水滴、按钮、帧标签、as。
A.选择水滴图层第一帧，从库中拖出“水珠”图形元件到舞台，规格不变，全居中。如图8所示：

图8
在第12帧插入关键帧，用任意变形工具选中该实例，将其倾斜一个小角度。如图9所示：

图9
在第35帧插入关键帧，将该实例垂直向下移动一定距离，用任意变形工具将其调正并缩小其规格为8*12，设置其不透明度Alpha为50％。如图10所示：

图10
返回第一帧，再将该帧上的舞台实例缩小为4*6，并设置其不透明度Alpha为0％。点击该图层名称处，待本图层所有帧变黑后，在属性面板创建各区域间的动画补间。在第36帧插入空白关键帧，在第60帧插入帧，上锁。
B.选择按钮图层第一帧，从库中拖出“隐钮”按钮元件到舞台，全居中。如图11所示：

图11
选中该实例，按f9，打开动作面板，在as编辑区输入，如下指令语句：
on (release, rollOver)
{
gotoAndPlay(12);
}
在第12帧插入空白关键帧，在第60帧插入帧。上锁。
C.选择帧标签图层第一帧，在属性面板填写其帧标签为：start 。如图12所示：

图12
在第12帧插入空白关键帧，点击该帧，在属性面板填写其帧标签为：over 。如图13所示：

图13
在第60帧插入帧。上锁。
D.选择AS图层第11帧，按f9，打开动作面板，在as编辑区输入停止指令：stop ();  在第12帧插入空白关键帧，点击该帧，按f9，打开动作面板，在as编辑区输入，如下帧语句：
starttime = getTimer() + 8000 + radomtime;
在第60帧插入帧。上锁。
E.本环节完成后的时间轴，如图14所示：

图14
F.为该影片剪辑作属性链接。右键库中的水滴1－链接，打开该影片剪辑元件的属性链接面板，填写其标识符为：bol 。其它参数，如图15所示：

图15
(URL处可随便填写一个网页地址)
（2）选择“插入－新建元件”，建立一个名为“水滴2”的影片剪辑元件，点击确定，进入元件编辑区。添加两个图层，共三个图层。自上而下命名为叶子、一滴、as。
A.选择叶子图层第一帧，从库中拖出叶子透明图片（或绘制一片叶子）到舞台 ，设置其规格为310*220，将其放置在舞台的中上方，水平中齐。在第3帧插入帧，上锁。如图16所示：

图16
B.选择一滴图层第一帧，从库中拖出“水滴1”影片剪辑元件到舞台 ，设置其规格为26*26，将其放置叶子的适当位置。如图17所示：

图17
点击该实例，在属性面板填写其实例名称为：bol 。点击该实例，按f9，打开动作面板，在as编辑区输入，如下指令语句：
onClipEvent (load)
{
radomtime = random(5);
starttime = getTimer() + 8000 + radomtime;
}
onClipEvent (enterFrame)
{
Timercheck = starttime - getTimer();
if (Timercheck <= 0)
{
this.gotoAndPlay("over");
}
}
在第3帧插入帧，上锁。
C.选择as图层第一帧，按f9，打开动作面板，在as编辑区输入，如下帧语句：
i = 1;
在第2帧插入空白关键帧，点击该帧，按f9，打开动作面板，在as编辑区输入，如下帧语句：
radomscale = (random(4) + 1) * 1;
duplicateMovieClip("bol", "bol" + i, i);
setProperty("bol" + i, _x, random(550));
setProperty("bol" + i, _y, random(400));
setProperty("bol" + i, _xscale, radomscale);
setProperty("bol" + i, _yscale, radomscale);
++i;
在第3帧插入空白关键帧，点击该帧，按f9，打开动作面板，在as编辑区输入，如下帧语句：
if (i <= 1)
{
gotoAndPlay(2);
}
else
{
stop ();
}
锁定该图层。
D.本环节完成后的时间轴，如图18所示：

图18
7.组织编辑场景

    返回场景1，从库中拖出“水滴2”一片剪辑元件到舞台，将其放置在适当的位置。
8.测试存盘。
 
说明：
你在制作中可在场景1中添加相关的背景、边框和声效，以增强作品的观赏性。
最终效果显示：
',1)">