Flash制作夜色雨水滴溅和涟漪动画

　　在一些出色的Flash影片中常常能够看到丝丝细雨的效果，给人一种温馨浪漫的感觉。本例制作雨滴从夜空落下，溅起水花和涟漪的效果。

　　夜色雨景的最终效果如图1所示：

　　

　　

　　1、首先启动Flash，配置影片舞台大小为450像素×280像素，影片背景色为深灰色（#282C3E）。

　　2、为了使下雨效果更加逼真，我们首先制作雨滴落到地上所形成的涟漪效果。新建影片剪辑元件，命名为Rain drop ripple，进入元件的编辑区后，使用椭圆工具绘制一个长椭院，使用鼠标双击椭圆的轮廓线，按下键盘上的Delete键将轮廓删除掉，然后打开混色器面板，在填充样式下拉列表中选择放射渐变填充方式，然后在下面的色带下添加3个滑块，配置左右两边的滑块颜色为白色，配置中间滑块的颜色为黑色，如图2所示；

　　

　　图2 配置填充色

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

　　

　　图3 给椭圆填充颜色

　　3、分别在时间线的第5帧和第45帧插入一个关键帧，选中第45帧的椭圆，使用缩放工具将其适当放大，并在属性面板中配置其透明度为0,然后回到第1帧，将椭园适当缩小，然后同样配置此帧中的椭圆的透明度为0,然后分别建立从第1帧到第5帧，第6帧到第45帧之间的形状渐变动画效果，时间线如图4所示；

　　

　　图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、回到主场景中，开始布置主场景。将场景中原来默认的图层重命名为Bg,然后使用矩形工具在舞台最下面绘制一个长条的矩形，然后如图8所示在混色器面板中配置填充色，做为雨滴落下的地面：

　　

　　图8 配置填充色

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

　　

　　图9 制作地面

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有