Cha16项目指导——制作海底世界宣传动画资料.pptVIP

Flash制作的动画品质高、体积小、互动功能强大，不需要编写复杂的程序便可以制作出精美的动画。本章介绍海底世界动画的制作，其中涉及创建传统补间、转换元件、添加遮罩层等，完成后的效果如图16.1所示。 * （时间：2次课，4学时） 第16章 项目指导——制作海底世界宣传动画 图16.1 海底世界效果 第16章 项目指导——制作海底世界宣传动画 (1) 启动Flash CC后，在菜单栏中选择【文件】|【新建】命令，弹出【新建文档】对话框，选择【常规】选项卡，在【类型】列表框中选择【Actionscript3.0】，将【宽】和【高】分别设置为900、600像素，如图16.2所示。 (2) 单击【确定】按钮，即可新建一个空白文档。在菜单栏中选择【文件】|【导入】|【导入到库】命令，弹出【导入到库】对话框，在该对话框选择随书附带光盘中的CDROM\素材\Cha16\【图01.jpg】、【图02.jpg】、【图03.jpg】、【图04.jpg】、【图05.jpg】、【图06.jpg】、【图07.jpg】、【图08.jpg】素材图片，如图16.3所示。 图16.2 【新建文档】对话框图16.3 【导入到库】对话框 第16章 项目指导——制作海底世界宣传动画 (3) 单击【打开】按钮即可将选择得素材图片导入到库中。打开【库】面板，选择【图01.jpg】，将其拖拽至舞台中，打开【对齐】面板，勾选【与舞台对齐】复选框，然后单击【水平中齐】和【垂直中齐】按钮，如图16.4所示。 (4) 在【时间轴】面板中选择第600帧，按F5键插入帧，然后单击【新建图层】 按钮新建【图层2】，如图16.5所示。 (5) 在菜单栏中选择【插入】|【新建元件】命令，弹出【新建元件】对话框，将【名称】设置为【动画】，将【类型】设置为【影片剪辑】，如图16.6所示。 图16.4 【对齐】面板图16.5 新建【图层2】图16.6 【创建新元件】对话框 第16章 项目指导——制作海底世界宣传动画 (6) 单击【确定】按钮即可创建元件。打开【库】面板，选择【图02.jpg】将其拖拽至元件中，确定图片处于选中状态，打开【属性】面板，将【宽】、【高】分别设置为800、580，如图16.7所示。 (7) 选择图片按F8键弹出【转换为元件】对话框，将【名称】设置为02，将【类型】设置为【图形】，设置完成后单击【确定】按钮，即可将图片转换为元件02，如图16.8所示。 (8) 选择【02】元件，打开 【对齐】面板，单击【水平中齐】和【垂直中齐】按钮，如图16.9所示。 图16.7 设置图片的宽与高图16.8 【转换为元件】对话框图16.9 【对齐】面板 第16章 项目指导——制作海底世界宣传动画 (9) 在【动画】影片剪辑中新建【图层2】，在【工具箱】中选择【矩形工具】，将【笔触颜色】设置为无，【填充颜色】为任意颜色，在舞台中绘制矩形。使用【选择工具】将绘制的矩形选择，打开【属性】面板，将【宽】、【高】设置为800、300，如图16.10所示。 (10) 按F8键弹出【转换为元件】对话框，将【名称】设置为【矩形01】，将【类型】设置为【图形】，单击【确定】按钮，如图16.11所示。 (11) 确定【矩形01】元件处于选择状态，打开【对齐】面板，单击【水平中齐】和【垂直中齐】按钮。选择【02】元件，打开【属性】面板，将【样式】设置为Alpha，将Alpha设置为30，如图16.12所示。 图16.10 设置矩形的宽和高 图16.11 【转换为元件】对话框图16.12 设置Alpha 第16章 项目指导——制作海底世界宣传动画 (12) 选择【图层1】第45帧，按F6键插入关键帧，将Alpha设置为100，在【位置和大小】卷展栏中将Y设置为-148，在第0帧至第45帧处任选一帧，在菜单栏中选择【插入】|【传统补间】命令，创建传统补间动画，如图16.13所示。 (13) 选择【图层1】第130帧，按F6键插入关键帧，将Alpha设置为30，将Y设置为-358，选择第45帧与第130帧任意一帧，单击鼠标右键在弹出的快捷菜单中选择【创建传统补间】命令。选择【矩形01】元件，选择【图层2】第89帧，按F6键插入关键帧，使用【任意变形工具】将【矩形01】元件的中心点调整至如图16.14所示的位置。 (14) 选择【图层2】的第90帧，插入关键帧，在第130帧处插入关键帧，选择【矩形01】，打开【属性】面板，在【位置和大小】卷展栏中取消【宽】和【高】之间的锁定，将【宽】设置为150，如图16.15所示。 图16.13 选择【传统补间】命令图16.14 调整中线点图16.15 设置矩形的宽 第16章 项目指导——制作海底世界宣传动画 (15) 选择第90帧至