DreamweaverCS3，FlashCS3，FireworksCS3网页制作培训教程第14课 制作动画.pptVIP

14.2.2 典型案例——笔记本电脑广告 案例小结 本案例在制作笔记本广告时，介绍了引导层与引层动画的创建、元件的创建与使用，以及【库】面板和【对齐】面板的使用等知识，同时，在本例中使用了一个引导图层引导多个被引导图层的方式。读者应主要掌握引导动画的创建及设置，当然其他辅助知识点也是在创建动画效果时随时要用到的，也应该逐步掌握。另外，用户如果在引导动画元件编辑【属性】面板中设置旋转方式为“顺时针”或“逆时针”，会产生另一种动画效果。 14.3 制作遮罩动画 遮罩动画在Flash动画制作中应用十分广泛，因为它形成的许多效果是普通动画无法实现的，如在一个圆形内看其他对象的变化状态（神奇的万花筒效果）等。 14.3 制作遮罩动画 14.3.1 知识讲解 14.3.2 典型案例——百叶窗效果 14.3.1 知识讲解 本节将学习遮罩动画的构成原理和创建方法。 14.3.1 知识讲解 1. 遮罩动画的构成原理 2. 创建遮罩动画 1. 遮罩动画的构成原理 遮罩动画是由遮罩层和被遮罩层构成，遮罩层位于被遮罩层上方。遮罩动画就是以遮罩层的图形区域观看被遮罩层中的对象，遮罩层中图形外的区域将隐藏被遮罩层中的对象。 遮罩层中的对象可以是填充的形状、文字、图形元件的实例或影片剪辑元件，但是遮罩层中只能有一个独立的对象（形状例外）。一个遮罩动画中遮罩层只能有一个，但被遮罩层可以有多个。 2. 创建遮罩动画 遮罩动画有以下3种情况： 遮罩层与被遮罩层中的对象都为静态对象，创建的遮罩图形相当于Fireworks中的蒙版效果。 遮罩层为静态对象，被遮罩层中有补间动画，或遮罩层中有补间动画，被遮罩层为静态对象。 遮罩层与被遮罩层中都有补间动画。 创建遮罩动画的具体操作如下： 2. 创建遮罩动画 （1）创建两个普通层，上层为遮罩层，下层为被遮罩层。 （2）在上面的图层上单击鼠标右键，在弹出的快捷菜单中选择【遮罩层】命令，上、下两层间即建立遮罩与被遮罩的关系。 （3）单击 图标解锁，使图层呈可编辑状态。在遮罩层中创建形状、文本、图形元件实例和影片剪辑元件。 2. 创建遮罩动画 （4）在被遮罩层中也可创建形状、文本、图形元件实例和影片剪辑元件。 （5）单击 图标，锁定遮罩层与被遮罩，可以按【Ctrl+Enter】组合键测试动画效果。 如果要解除遮罩与被遮罩关系，在遮罩层中单击鼠标右键，在弹出的快捷菜单中选择【遮罩层】命令即可。 除了直接创建遮罩层与被遮罩层外，还可以将普通图层转换为遮罩层或被遮罩层。 14.3.2 典型案例——百叶窗效果 案例目标 本案例将制作百叶窗效果，主要介绍遮罩动画及元件的创建，完成后的效果如下图所示。 14.3.2 典型案例——百叶窗效果 14.3.2 典型案例——百叶窗效果 操作思路： （1）设置动画场景大小为“550×400”像素，帧频为“12”fps。 （2）分别创建百叶窗叶片动画及百叶窗遮罩。 （3）在场景中增加3个图层，设置相应的图层分别为遮罩图层、被遮罩图层及普通图层。 操作步骤请老师参照软件讲解 14.3.2 典型案例——百叶窗效果 案例小结 通过本案例制作的百叶窗效果，介绍了遮罩动画的创建、元件的嵌套使用与面画的转换等知识。读者应重点掌握遮罩动画的创建和元件的嵌套使用。同时，对于遮罩动画应注意，在遮罩层中只能够有一个元件，因此当遮罩层中需要用到多个元件时，可以将多个元件放置或转换到一个元件中。 14.4 上机练习 14.4.1 动感山水 14.4.2 飘雪 14.4.1 动感山水 下面练习制作流水效果，如下图所示，主要练习遮罩动画的创建。 14.4.1 动感山水 操作思路： 打开素材“动感山水.fla”。 新建图层2，复制背景图像到图层2与下方的图像重合，并转换成名为“河”的影片剪辑元件。 进入“河”影片剪辑元件编辑区，用套索工具将水选择出来。 新建图层3，在新建的图层3中绘制水波若干，并转换为“mm”影片剪辑元件，再创建从上往下移动的补间动画，建立上下两层间的遮罩关系。 14.4.2 飘雪 下面练习制作飘雪的动画效果，如下图所示，主要练习引导动画的创建。 14.4.2 飘雪 操作思路： 新建文档，设置场景大小为“550×400”像素，帧频为“12”fps。 导入“风景1.jpg”图片，设置图片与场景大小位置一致。 制作多个雪花样式，并保存为图形元件。 分别为不同的雪花样式建立不同的影片剪辑。 14.4.2 飘雪 在不同的影片剪辑中添加引导层，利用钢笔工具绘制不同的雪花飘落的运动路径，并设置引导层动画的时间顺序先后不同。 将不