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

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

《如何使用flash制作下雨动画.docx》由会员分享，可在线阅读，更多相关《如何使用flash制作下雨动画.docx（15页珍藏版）》请在冰点文库上搜索。

如何使用flash制作下雨动画

雨

操作步骤

1、启动FlashCS5软件，新建一个Flash文档，在【文档属性】里设置【帧频】值为“25”，修改【尺寸】为：

“720px（宽）×576px（高）”,【舞台】：

灰（为了区别舞台和雨的白色）。

2、新建【图层1】，命名为【BG】，在时间轴第1帧，先导入背景图片。

如图1所示。

图1

3、新建【图层2】，命名为【前奏】。

这里先画出一滴雨的动画，选择【插入】——【创建新元件】，名称为【雨滴】，类型为【图形】。

如图2所示。

图2

4、制作雨落下动画。

先毛笔画出雨滴的形状，为了方便做补间，右键【转化为元件】，如图3所示。

图3

第1帧为雨滴起始点，在第15帧时右键【插入关键帧】，设为结束点。

打开【绘图纸外观轮廓】，参照起始点的位置设定结束点的位置，如图4所示。

右键【创建传统补间】，即可实现雨落下的动画，如图5所示。

图4图5

5、制作水圈散开动画。

在第16帧右键【插入空白关键帧】，参照雨滴结束点位置画出起始点水圈，同样为了方便做补间，右键【转化为元件】，如图6所示。

图6

在第35帧时右键【插入关键帧】，水圈放大1500%，设为水圈消失点。

如图7所示。

图7

右键【创建传统补间】，即实现水圈变大的动画。

如图8所示。

图8

在第27帧右键【插入关键帧】，这时把第35帧的【属性】→【色彩效果】中Alpha值改为0，实现水的淡出，如图9所示。

图9

这样，一滴雨水落下的动画完成，按Enter键反复观看修改动画效果直至节奏顺畅。

6、接下来做前奏的雨，前奏雨要从少到多，先一滴，两滴，再慢慢多起来.flash点击回到主场景。

如图10所示。

图10

把库里面的元件【雨滴】拖入到场景中，为方便观察动画效果，先暂时把场景的时间轴拉至100帧，后如有需要可以无限制延长。

如图11所示。

图11

7、第1帧有一滴雨，在第16帧右键【插入关键帧】，复制一层雨滴，原图层黏贴，然后移动雨滴至合适位置，二滴雨落下。

如图12所示。

图12

同理，在第31帧右键【插入关键帧】，复制两层雨滴，原图层黏贴，然后移动雨滴至合适位置，六滴雨落下。

如图13所示。

图13

以此类推，在后面关键帧的位子右键【插入关键帧】，复制黏贴使雨滴越来越多。

8、新建【图层3】，命名为【前层】。

同【前奏】一样，把库里的【雨滴】元件拉入场景中，复制黏贴很多层移动到适当的位置，形成前层的大雨，如图14所示。

图14

9、因为雨是同时落下，为了把雨错开。

全选【转换为元件】，双击进入元件，在元件内制作雨错开的动画，如图15所示。

图15

10、为方便观察制作，先将所有图层延长至300帧，后有需要可无限延长。

新建图层【2】【3】【4】，将图层【1】的雨分摊至四个图层里，每个图层顺序错开，这样就有四股雨错开落下，同时更改个别雨滴的【属性】→【循环】→【第一帧】，即起始帧的数字，也可以使同层雨中落下的顺序错开，如图16所示。

图16

※这里注意场景的变化，之前是在大场景里做动画，这里转入到元件里做了。

如图17所示。

（为了方便大场景里各个层动画的移动，以后最好都先建成元件，再在元件里做动画。

）

图17

11、前层的雨制作完成，回到主场景，制作中层的雨。

在主场景新建【图层4】，命名为【中层】。

因为中层雨比前层的要细要淡，所以中层雨的透明度，即【属性】→【色彩效果】中Alpha值改为80，如图18所示。

如【前奏】制作雨的过程一样，制作一滴中层雨【雨滴2】的动画，如图19所示。

图18

图19

12、回到主场景，在库中把元件【雨滴2】拉入场景中，同前层雨一样，复制黏贴很多层移动到适当的位置，形成中层的大雨，如图20所示。

图20

13、同【前层】的雨一样，为了把雨错开。

先全选【转换为元件】，双击进入元件，在元件内制作雨错开的动画。

将所有图层延长至300帧，后有需要可无限延长。

同样将雨分摊至四个图层，同【前层】雨一样，每个图层顺序错开，这样就有四股雨错开落下，更改个别雨滴的起始帧的数字，也可以使同层雨中落下的顺序错开，如图21所示。

图21

14、中层的雨制作完成，回到主场景，制作后层的雨。

制作方法同前层中层一样。

在主场景新建【图层5】，命名为【后层】。

因为后层雨比前层中层更要淡，所以后层雨的透明度，即【属性】→【色彩效果】中Alpha值改为30，如图22所示。

跟【前奏】和【中层】制作雨的过程一样，制作一滴后层雨【雨滴3】的动画，如图23所示。

图22

图23

15、回到主场景，在库中把元件【雨滴3】拉入场景中，同前层和中层雨一样，复制黏贴很多层移动到适当的位置，形成后层的大雨，如图24所示。

图24

16、同【前层】和【中层】的雨一样，为了把雨错开。

先全选【转换为元件】，双击进入元件，在元件内制作雨错开的动画。

将所有图层延长至300帧，后有需要可无限延长。

同样将雨分摊至四个图层，每个图层顺序错开，这样就有四股雨错开落下，更改个别雨滴的起始帧的数字，也可以使同层雨中落下的顺序错开，如图25所示。

图25

17、回到场景，至此下雨的动画完成。

如图26所示。

按Ctrl+Enter键测试影片，反复观看动画效果并根据雨的动画规律进行调整。

图26

项目思考

对于下雨的动画，除了上面直接加补间的方法，还有一种传统画法，即两张原画帧，中间加动画帧。

如图27所示。

直接加补间的方法只适合flash软件制作，而传统方法更能理解动画的运动规律。

图27