如何使用flash制作下雨动画

admin管理员组

文章数量:1530845

2024年6月28日发(作者：)

雨

操作步骤

1、启动Flash CS5软件，新建一个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

本文标签： 动画雨滴制作图层元件