如何使用flash制作下雨动画.docx
- 文档编号:12134057
- 上传时间:2023-04-17
- 格式:DOCX
- 页数:15
- 大小:2.05MB
如何使用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
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 如何 使用 flash 制作 下雨 动画