admin管理员组文章数量:1565279
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
版权声明:本文标题:如何使用flash制作下雨动画 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/xitong/1719572098a785550.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论