Flash CS3中文版动画设计100例
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

实例4 雪融化

实例说明

在本实例中,将指导读者制作一个雪融化的动画。场景中有个圣诞老人,圣诞老人身上有积雪,动画开始后,圣诞老人身上的雪会慢慢融化。

技术要点

在制作本实例时,首先需要导入psd文件素材,然后将素材转化为图形元件,接下来通过设置其透明度变化完成动画的设置。

透明度动画是一种常见的动画形式,通过设置透明度动画,可以实现一些特殊的动画效果,例如透视、对象突然消失或显现等。在本实例中,将通过设置对象透明度变化的方法来设置雪融化的效果,如图4-1所示为动画截图。

图4-1 雪融化

1 打开Flash CS3,在菜单栏执行“文件”/“新建”命令,打开“新建文档”对话框,在该对话框中的“常规”面板中,选择“Flash文件(ActionScript 2.0)”选项,如图4-2所示,单击“确定”按钮,退出该对话框,创建一个新的Flash文档。

图4-2 “新建文档”对话框

2 在“属性”检查器中单击“文档属性”按钮,打开“文档属性”对话框,设置文件的尺寸的宽为“400像素”,高为“366像素”,设置背景颜色为“白色”,帧频为“20”,标尺单位为“像素”,如图4-3所示。单击“确定”按钮,退出该对话框。

图4-3 设置“文档属性”

3 在主菜单栏执行“文件”/“导入”/“导入到舞台”命令,打开“导入”对话框,从该对话框中打开本书光盘附带文件“帧与关键帧的设置篇”/“实例4:雪融化”/“雪.psd”文件,如图4-4所示,单击“打开”按钮,退出该对话框。

图4-4 “导入”对话框

4 退出“导入”对话框后,会弹出“将‘雪.psd’导入到舞台”对话框,如图4-5所示,单击“确定”按钮,退出该对话框,将素材导入到舞台。

图4-5 打开“将‘雪.psd’导入到舞台”对话框

5 打开时间轴面板,在该面板中将“图层1”删除。

6 选择“背景”层,选择该图层的第50帧,按下键盘上按F5键,在该图层的第50帧中插入一个普通帧,如图4-6所示。

图4-6 插入帧

7 选择“雪”层第1帧,然后选择“雪”素材,在菜单栏选择“修改”/“转换为元件”命令,打开“转换为元件”对话框,在该对话框中选择“图形”单选按钮,如图4-7所示,单击“确定”按钮,退出该对话框。

图4-7 “转换为元件”对话框

8 选择“雪”层第10帧,按下键盘上的F6键插入关键帧,然后使用同样的方法在该层第40帧中插入关键帧,如图4-8所示。

图4-8 设置关键帧

9 选择“雪”层的第40帧,在场景中选择“雪”素材,进入“属性”检查器,在“颜色”下拉列表框中选择Alpha选项,在“Alpha数量”参数栏内键入“0%”,使所选元件完全透明,如图4-9所示。

图4-9 设置元件透明度

10 右键单击“雪”层第10~第40帧之间的任意帧,在弹出的快捷菜单中选择“创建补间动画”命令,在第10~第40帧之间创建补间动画。

11 现在本实例就全部完成了,按下键盘上的Ctrl+Enter组合键,测试影片效果,如图4-10所示为动画截图。如果读者编辑过程中遇到了什么问题,可以打开本书光盘附带文件“帧与关键帧的设置篇”/“实例4:雪融化”/“雪融化.fla”,该文件为本实例完成后的文件。

图4-10 雪融化效果