初中八年级信息技术课件-图像切换的动画

图像切换的动画

你一定游览过祖国的很多美丽的风光，还留有许多珍贵的照片。本课你将学习对图片整理后，通过遮罩图技巧设计并制作一个图像切换的动画。在制作的过程中，你还能欣赏到无锡鼋头渚、同里水乡、济南大明湖和趵突泉等景色。本节任务：熟练运用遮罩图层设计图像切换的动画设计，学会从右向左逐渐推出显示动画设计，掌握从中心向四周圆形扩散的图像切换的动画设计，了解马赛克式的图像切换动画设计和逐帧动画的特点。

任务一：从右向左逐渐推出的图像切换1、创建一个Flash文件，舞台保持为默认大小(550×400像素)。2、选择【文件】→【导入】→【导入到库，在【导入到库】对话框中选择两幅图片，再从【库面板】中将第一张图片(大小为550×400像素)拖拽到舞台，如图5-1所示。图5-13、在【图层1】的第30帧【插入关键帧l；单击【图层1】选单中的锁定按钮，将【图层1】锁定；再在【图层1】上方添加一个【图层2】；单击【图层2】的第1帧，在【库面板中拖拽第二张图片到舞台上，用第二张图片覆盖第一张图片，如图5-2所示。图5-24、在【图层2】的上方添加【图层3】，选中【图层3】的第1帧，用【矩形工具】在图像右边绘制一个矩形，如图5-3所示。图5-35、在【图层3】的第30帧【插入关键帧】，单击选中矩形，选择【任意变形工具】，拖拽矩形使它遮罩住整个第二张图片；选择【图层3】的第1帧，单击右键，在快捷菜单中选择【创建补间形状】，如图5-4所示。图5-46、在【图层3】的标签上单击鼠标右键，在弹出的菜单中选择【遮罩层】，使【图层3】对【图层2】产生遮罩；此时，【图层3】为遮罩图层，【图层2】为被遮罩图层，最后保存文件并测试动画，如图5-5所示。图5-5任务二：从中心向四周圆形扩散的图像切换1、创建一个Flash文件，舞台保持为默认大小(550×400像素)，将两幅图片【导入到库】，再从【库面板】中将第一张图片拖拽到舞台。2、在【图层1】的第30帧【插入关键帧】锁定【图层1】，再添加【图层2】。单击【图层2】的第1帧，在【库面板】中拖拽第二张图片到舞台上，用第二张图片覆盖第一张图片。3、添加【图层3】，选中【图层3】的第1帧，用【椭圆工具】在图像中间绘制一个椭圆，如图5-6所示。图5-64、在【图层3】的第30帧【插入关键帧】，选中椭圆，选择【任意变形工具】，拖拽椭圆使它遮罩住整个第二张图片；再在【图层3】上【创建补间形状】；在【图层3】上建立【遮罩层】，最后保存文件并测试动画。思考：为什么前两个动画，每次都要选中“图层3”的第1帧，再绘制图形？任务三：制作马赛克式的图像切换前两步与“任务二”相同，【图层1】与【图层2】都有一幅图片。1、添加【图层3】，选中【图层3】的第1帧，用【多角星形工具】在图像中间绘制一个五边形，再【复制】和【粘贴】多个五边形，如图5-7所示。图5-72、选中【图层3】的第2帧【插入关键帧】，复制一些“五边形”，移动到没有覆盖的地方，再在【图层3】的第3帧【插入关键帧】复制一些“五边形”，移动到没有覆盖的地方…重复上述方法，直到30帧，用复制出“五边形”将整个第二个图片全覆盖，如图5-8所示。图5-83、在【图层3】上建立【遮罩层】，最后保存文件并测试动画。注意：“图层3”采用的是逐帧动画，它就是每帧一个变化的画面，再逐一播放出来，这个特点也是最初动画设计的思想。注意：“图层3”采用的是逐帧动画，它就是每顿一个变化的画面，再逐一播放出来，这个特点也是最初动画设计的思想。

1、上网收集资料或讨论，如何将图片文件裁剪到创意尺寸？2