用Flash制作夜色雨景
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-14
 在一些精彩的Flash影片中常常可以看到丝丝细雨的效果，给人一种温馨浪漫的感觉。本例制作雨滴从夜空落下，溅起水花和涟漪的效果。 夜色雨景的最终效果如图1所示： 图1 夜色雨景最终效果 1、首先启动Flash，设置影片舞台大小为450像素×280像素，影片背景色为深灰色（#282C3E）。 2、为了使下雨效果更加逼真，我们首先制作雨滴落到地上所形成的涟漪效果。新建影片剪辑元件，命名为Rain drop ripple，进入元件的编辑区后，使用椭圆工具绘制一个长椭院，使用鼠标双击椭圆的轮廓线，按下键盘上的Delete键将轮廓删除掉，然后打开混色器面板，在填充样式下拉列表中选择放射渐变填充方式，然后在下面的色带下添加3个滑块，设置左右两边的滑块颜色为白色，设置中间滑块的颜色为黑色，如图2所示；  图2 设置填充色  图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 时间轴（可点击放大） 8、回到主场景中，开始布置主场景。将场景中原来默认的图层重命名为Bg,然后使用矩形工具在舞台最下面绘制一个长条的矩形，然后如图8所示在混色器面板中设置填充色，做为雨滴落下的地面：  图8 设置填充色  图9 制作地面  图10 设置填充色  图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 最后的时间线 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: 有趣的Flash动态填色本下一篇: 变幻莫测的Flash线条动画
关于用Flash制作夜色雨景的所有评论
