如何使用flash制作下雨动画.doc

雨操作步骤1、 启动Flash CS5软件，新建一个Flash文档，在【文档属性】里设置【帧频】值为“25”，修改【尺寸】为：“720px（宽）576px（高）”,【舞台】：灰（为了区别舞台和雨的白色）。2、 新建【图层1】，命名为【BG】，在时间轴第1帧，先导入背景图片。如图1所示。图13、 新建【图层2】，命名为【前奏】。这里先画出一滴雨的动画，选择【插入】【创建新元件】，名称为【雨滴】，类型为【图形】。如图2所示。图24、 制作雨落下动画。 先毛笔画出雨滴的形状，为了方便做补间，右键【转化为元件】，如图3所示。图3 第1帧为雨滴起始点，在第15帧时右键【插入关键帧】，设为结束点。打开【绘图纸外观轮廓】，参照起始点的位置设定结束点的位置，如图4所示。右键【创建传统补间】，即可实现雨落下的动画，如图5所示。 图4 图55、 制作水圈散开动画。 在第16帧右键【插入空白关键帧】，参照雨滴结束点位置画出起始点水圈，同样为了方便做补间，右键【转化为元件】，如图6所示。图6 在第35帧时右键【插入关键帧】，水圈放大1500%，设为水圈消失点。如图7所示。图7 右键【创建传统补间】，即实现水圈变大的动画。如图8所示。图8 在第27帧右键【插入关键帧】，这时把第35帧的【属性】【色彩效果】中Alpha值改为0，实现水的淡出，如图9所示。图9这样，一滴雨水落下的动画完成，按Enter键反复观看修改动画效果直至节奏顺畅。6、 接下来做前奏的雨，前奏雨要从少到多，先一滴，两滴，再慢慢多起来.flash点击回到主场景。如图10所示。图10把库里面的元件【雨滴】拖入到场景中，为方便观察动画效果，先暂时把场景的时间轴拉至100帧，后如有需要可以无限制延长。如图11所示。图117、 第1帧有一滴雨，在第16帧右键【插入关键帧】，复制一层雨滴，原图层黏贴，然后移动雨滴至合适位置，二滴雨落下。如图12所示。图12同理，在第31帧右键【插入关键帧】，复制两层雨滴，原图层黏贴，然后移动雨滴至合适位置，六滴雨落下。如图13所示。图13以此类推，在后面关键帧的位子右键【插入关键帧】，复制黏贴使雨滴越来越多。8、 新建【图层3】，命名为【前层】。同【前奏】一样，把库里的【雨滴】元件拉入场景中，复制黏贴很多层移动到适当的位置，形成前层的大雨，如图14所示。图149、 因为雨是同时落下，为了把雨错开。全选【转换为元件】，双击进入元件，在元件内制作雨错开的动画，如图15所示。图1510、为方便观察制作，先将所有图层延长至300帧，后有需要可无限延长。新建图层【2】【3】【4】，将图层【1】的雨分摊至四个图层里，每个图层顺序错开，这样就有四股雨错开落下，同时更改个别雨滴的【属性】【循环】【第一帧】，即起始帧的数字，也可以使同层雨中落下的顺序错开，如图16所示。图16 这里注意场景的变化，之前是在大场景里做动画，这里转入到元件里做了。如图17所示。（为了方便大场景里各个层动画的移动，以后最好都先建成元件，再在元件里做动画。）图1711、 前层的雨制作完成，回到主场景，制作中层的雨。在主场景新建【图层4】，命名为【中层】。因为中层雨比前层的要细要淡，所以中层雨的透明度，即【属性】【色彩效果】中Alpha值改为80，如图18所示。如【前奏】制作雨的过程一样，制作一滴中层雨【雨滴2】的动画，如图19所示。图18图1912、 回到主场景，在库中把元件【雨滴2】拉入场景中，同前层雨一样，复制黏贴很多层移动到适当的位置，形成中层的大雨，如图20所示。图2013、 同【前层】的雨一样，为了把雨错开。先全选【转换为元件】，双击进入元件，在元件内制作雨错开的动画。将所有图层延长至300帧，后有需要可无限延长。同样将雨分摊至四个图层，同【前层】雨一样，每个图层顺序错开，这样就有四股雨错开落下，更改个别雨滴的起始帧的数字，也可以使同层雨中落下的顺序错开，如图21所示。图2114、 中层的雨制作完成，回到主场景，制作后层的雨。 制作方法同前层中层一样。在主场景新建【图层5】，命名为【后层】。因为后层雨比前层中层更要淡，所以后层雨的透明度，即【属性】【色彩效果】中Alpha值改为30，如图22所示。跟【前奏】和【中层】制作雨的过程一样，制作一滴后层雨【雨滴3】的动画，如图23所示。图22图2315、 回到主场景，在库中把元件【雨滴3】拉入场景中，同前层和中层雨一样，复制黏贴很多层移动到适当的位置，形成后层的大雨，如图24所示。图2416、 同【前层】和【中层】的雨一样，为了把雨错开。先全选【转换为元件】，双击进入元件，在元件内制作雨错开的动画。将所有图层延长至300帧，后有需要可无限延长。同样将雨分摊至四个图层，每个图层顺序错开，这样就有四股雨错开落下，更改个别雨滴的起始帧的数字，也可以使同层雨中落下的顺序错开，如图25所示。图2517、 回到场景，至此下雨的动画完成。如图26所示。按Ctrl+Enter键测试影片，反复观看动画效果并根据雨