|flash在线教程---制作夜色雨水滴溅与涟漪动画|-|无师自通-教程网|

欢迎大家光临【无师自通-教程网】您的到来是我们的荣幸。本站提供photoshop教程,ps教程,flash教程,cad教程,网页制作教程,excel教程,asp教程,vb教程,3d教程,c语言教程,html教程,coreldraw教程,dreamweaver教程,java教程,3dmax教程等各种教程为主题的内容和服务,相信您会在这里找到您所需要的东东。无师自通伴您一生-谢谢您的光临！！

		网站地图	设为首页
		简繁切换	加入收藏
		栏目待定	留言本站

您现在的位置：无师自通-教程网 >> 多媒体动画 >> Flash教程 >> 教程正文

没有公告

图形图像教程	photoshop	Flash	3DS Max	CorelDraw	Fireworks	Illustrator	Maya	AutoCAD
网络应用教程	局域网教程	综合布线	系统集成	无盘网络组建	网络产品资料	网络风险评估	光纤通信	网络接入
程序设计教程	C语言教程	vb教程	C#教程	VC语言教程	Ｃ＋＋教程	Java教程	数据库教程	Delphi教程
操作系统教程	WindowsXP	Linux	Win2003	Vista	Win2000	苹果系统	Dos教程	FreeBSD
办公软件教程	Word教程	Excel教程	Powerpoint	Wps教程	Office视频	系统相关	系统工具	杀毒查毒
WEB开发教程	Asp教程	Jsp教程	Php教程	Xml教程	Html教程	CSS教程	CGI-Perl教程	ASP.NET

flash在线教程---制作夜色雨水滴溅与涟漪动画

　在一些精彩的Flash影片中常常可以看到丝丝细雨的效果，给人一种温馨浪漫的感觉。本例制作雨滴从夜空落下，溅起水花和涟漪的效果。design.yesky.com天极软件频道设计编辑整理2001324542

　　完成效果如下：

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

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

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

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

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

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

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

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

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

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

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

　　8、新建一个图层命名为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);

教程录入：admin 责任编辑：admin

上一篇教程： flash基础教程---制作婚纱照片FlashMTV

下一篇教程： flash在线教程---百叶窗制作教程

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

教程: 3DS Max-设计实例-三维虚拟…

3dmax7.0教程--火焰特效

绘画技巧：Flash绘制人头造型

3ds max 室内设计---室内效果图

\| 设为首页 \| 加入收藏 \| 联系站长 \| 友情链接 \| 版权申明 \| 管理登录 \|
	免责声明!本站资料大部分来自于互联网,其版权归原作者或其他合法者所有.如内容涉及或侵犯了您的权益,请通知本人,我将尽快处理!.欢迎您的光临。辽ICP备07003958号