图2 设置填充色

　　然后按照所设置好的填充色，给椭圆填充上渐变色，如图3所示：

图3 给椭圆填充颜色

图4 设置外形渐变过渡动画

　　这样就实现了水纹从无到有，逐渐扩大并消散的涟漪效果。

　　4、接下来制作雨滴下落的效果，然后结合刚才制作的水纹效果，就达到了比较真实的下雨的效果。新建一个影片剪辑元件，命名为Rain drop，进入元件的编辑区后，新建两个图层，分别命名为rain drop和ripple,其中在图层rain drop中设置雨滴下落的效果，在图层ripple中设置水纹扩散效果。

　　5、回到图层rain drop中，先使用椭圆工具绘制一个小的椭圆形，然后使用箭头工具工具将其调整为上小下大的雨滴外形，并按照图2所示的填充色设置将其填充上渐变色，如图5所示；

图5 制作雨滴

　　6、将时间轴延长到第40帧，选中此帧的雨滴，使用箭头工具将其竖直向下移动一段距离，然后将此帧的雨滴透明度设置为0%,达到一种雨滴渐隐的效果，最后设置第1帧到第40帧之间为外形渐变效果，时间轴如图6 所示：

图6 设置渐变效果

　　7、回到图层ripple,在第25帧插入要害帧，将前面做好的水纹效果元件Rain drop ripple拖到舞台中，设置其位置到雨滴下落的最低位置，然后将时间轴延长到第70帧，最后在第71帧插入一个要害帧，在此帧添加action: removeMovieClip("");，时间轴如图7所示；

图7 时间轴

图8 设置填充色

　　其中左边的色块RGB值为(0,11,53),中间色块的RGB值为(18,44,71),右边色块的RGB值为(23,55,104),然后对矩形进行填充，如图9所示：

图9 制作地面

　　同样使用矩形工具在地面上绘制一个大的矩形，将舞台的其余部分全部覆盖住，作为夜空，并按照图10所示的设置填充上渐变色：

图10 设置填充色

　　其中左边的色块RGB值为(60,70,90),右边色块的RGB值为(0,0,0),然后对矩形进行填充，如图11所示：

图11 设置夜空

　　9、新建一个图层命名为Rain,将元件Rain Drop拖到舞台中，并在属性面板中设置其实例名为raindrop，在上面再新建一个图层Border，在舞台四面绘制四条支线，作为舞台的边界线。

　　最后新建图层Action，在第1帧添加如下Action:

　　n = Number(n)+1;//定义并初始化变量
　　setProperty("raindrop", _x, -30+Math.random()*452);
　　setProperty("raindrop", _y, -35+Math.random()*33);//设置对象raindrop的坐标为随机数
　　duplicateMovieClip("raindrop", "", n);//不断复制对象raindrop

　　在第2帧添加Action: gotoAndPlay(1);

　　最后的时间线如图12所示，这样一个美丽的夜空雨景的效果就做好了。

图12 最后的时间线