毕业论文 论文提纲 论文写作 公文范例 教育论文 教育学论文 师范教育 学术论文     论文指导*
                     
 
   
   
   
   
           
 

当前位置:课件115学培吧(kj115.com)→flash网侠教程(助你成为顶尖课件高手)→系列文章

 
 
标题:用Flash制作夜色雨景
 
展示台

文章来源 作者:admin 密码:admin 整理:湖北金鹰

◇网侠教程栏目简介
    提供FLASH侠客教程和网页制作侠客教程,高手进阶教程。
    浏览过这些资源的还浏览过经典教程图文教程游戏开发教程等相关资源。

---------------

湖北金鹰课件吧

论文相关服务
 

 

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

用Flash制作夜色雨景图片1
图2 设置填充色

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

用Flash制作夜色雨景图片2
图3 给椭圆填充颜色

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



用Flash制作夜色雨景图片3

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

  这样就实现了水纹从无到有,逐渐扩大并消散的涟漪效果。
4、接下来制作雨滴下落的效果,然后结合刚才制作的水纹效果,就达到了比较真实的下雨的效果。新建一个影片剪辑元件,命名为Rain drop,进入元件的编辑区后,新建两个图层,分别命名为rain drop和ripple,其中在图层rain drop中设置雨滴下落的效果,在图层ripple中设置水纹扩散效果。
5、回到图层rain drop中,先使用椭圆工具绘制一个小的椭圆形,然后使用箭头工具工具将其调整为上小下大的雨滴形状,并按照图2所示的填充色设置将其填充上渐变色,如图5所示;

用Flash制作夜色雨景图片4
图5 制作雨滴

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

用Flash制作夜色雨景图片5

图6 设置渐变效果

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

用Flash制作夜色雨景图片6

图7 时间轴

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

用Flash制作夜色雨景图片7

图8 设置填充色

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

用Flash制作夜色雨景图片8
图9 制作地面

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

用Flash制作夜色雨景图片9
图10 设置填充色

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

用Flash制作夜色雨景图片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所示,这样一个漂亮的夜空雨景的效果就做好了。

用Flash制作夜色雨景图片11
图12 最后的时间线

 

 
课件115学培吧(湖北金鹰)欢迎您!永久免费服务网址:http://www.kj115.com
   
 

学员众多的FLASH课件学习基地,成万免费FLASH课件制作教程在线学习,还有免费内容课件教程、视频教程、课件技巧、课件探讨、课件欣赏、课件展示、实用教程、课件界面、课件脚本、课件游戏、课件下载、课件封面、课文内容图片、课文人物图片库、课件素材、图片素材、声音素材、动物素材、背景图片、背景资料、背景边框、课件顶栏图片素材、Dreamweaver教程、Dreamweaver网页课件教程、软件下载。承接学习和培训,承接课件订制,课件修改等所有课件相关服务。
本站主要业务:┃flash课件制作视频教程培训┃承接全国竞赛flash课件┃论文代写代发┃代办课件国家级获奖证书┃
联系:QQ:444860709 手机:13339817386


 
 

业务办理
鄂ICP备08005724号