flash教程之-011遮罩动画.pptVIP

项目七 创建高级动画 创建遮罩动画 创建骨骼动画 场景和动画预设 任务一 创建遮罩动画 创建遮罩层 遮罩层是Flash中的一种特殊图层，在遮罩层中绘制对象的区域会成为透明区域，而非对象区域则完全不透明，可以透过遮罩层内的对象看到其下面图层的内容。 创建遮罩层的方法：在图层上点击右键，在弹出的下拉菜单中选择“遮罩层”命令，图层名称前面的图标改变如图所示，图层2前的图标为遮罩层，图层1前的图标为被遮罩层。 在设置遮罩图层时，系统默认将遮罩图层下面的一个图层设置为被遮罩图层，当需要使一个遮罩图层遮罩多个图层时，只需将该图层拖至遮罩图层下方即可。 要取消被遮罩图层同遮罩图层之间的遮罩关系，即将被遮罩层设置为普通层，只需将被遮罩图层拖到遮罩图层上方即可。 本章的上机任务 课上作业： 1、制作聚光灯效果 2、制作遮罩动画2 3、制作遮罩效果 课下作业练习：制作百叶窗效果动画 总 结 提高练习 网页banner横条广告（倒影水动画效果） 网页广告图效果制作（素材：素材图.fla） 　　（5）单击“匹配宽和高”按钮，将导入的图片设置为文档的大小。按“F8”键弹出“转换为元件”对话框，如图所示。选中“图形”单选按钮后单击“确定”按钮。 　　 “转换为元件”对话框 练习三 制作遮罩效果应用 （6）单击舞台上的图像实例，在其“属性”面板中将其Alpha值设为45%，如图所示。（7）单击“时间轴”面板底部的“插入图层”按钮，在图层1的上面新建一个图层。 　　 设置透明度 练习三 制作遮罩效果应用 　（8）打开“库”面板，将图形元件拖动到舞台上，并与图层1的对象重合，如图所示。 练习三 制作遮罩效果应用 　　 将图片导入到舞台上  　　 “时间轴”面板 练习三 制作遮罩效果应用 （9）在图层2的第50帧处单击鼠标右键，从弹出的快捷菜单中选择“插入帧”命令，这时的“时间轴”面板如图所示。 练习三 制作遮罩效果应用 　（10）继续新建图层3，选择工具箱中的椭圆工具，在舞台上绘制圆。然后单击工具箱中的“选择工具”按钮，选中圆的边线，按“Delete”键将其删除。再次选中圆，按“Ctrl+G”组合键将其组合，如下屏左图所示。（11）在图层3的“时间轴”面板上用鼠标右键单击第15帧，在弹出的快捷菜单中选择“插入关键帧”命令，在第15帧处插入一个关键帧，然后选择工具箱中的选择工具，将圆移动到如下屏右图所示的位置。 图层3的第1帧效果 图层3的第15帧效果 练习三 制作遮罩效果应用 （12）用鼠标右键单击图层3的第1帧，在弹出的快捷菜单中选择“创建补间动画”命令。（13）按照相同的方法在图层3的第15帧到第50帧之间创建如图所示的补间动画。 　　在图层3上创建补间动画　 练习三 制作遮罩效果应用 （14）用鼠标右键单击图层3，在弹出的快捷菜单中选择“遮罩层”命令，设置图层3为遮罩层，此时“时间轴”面板如图所示。　　该遮罩动画就制作完成了，按“Ctrl+Enter”组合键测试影片。 　　 设置遮罩层 练习三 制作遮罩效果应用 任务实施——制作百叶窗效果动画 下面通过制作百叶窗效果，学习遮罩动画的实际应用。 制作思路 百叶窗效果 本案例主要是通过在5个图层上制作矩形块由小变大的补间动画，并将这些图层设置为遮罩层，从而逐渐显示其下方的图片来实现。本例具体操作可参考本书配套视频“7-1.avi” 。 * * 任务说明 遮罩动画是Flash常用的动画制作手法之一，利用它可以制作渐隐渐显、放大镜、百叶窗、波纹和图片切换等动画效果。本任务将带领读者学习创建遮罩动画的方法。 预备知识 遮罩动画是利用遮罩图层创建的，使用遮罩图层后，被遮罩层上的内容就像通过一个窗口显示出来一样，这个窗口便是遮罩层上的对象。播放动画时，遮罩层上的对象不会显示，被遮罩层上位于遮罩层对象之外的内容也不会显示。 遮罩图层的作用 制作动画时，可以在遮罩层或被遮罩层上创建任何形式的动画，例如传统补间动画、补间动画和形状补间动画等，从而制作出各种特殊的动画效果。下面通过一个简单的实例，介绍创建遮罩动画的方法。 拖入图像并设置其坐标 1.打开素材文档，在“图层1”上方新建1个图层，并将两个图层分别命名为“图片”和“遮罩”。将“库”面板中的“图片.jpg”位图素材拖到“图片”图层的舞台中，并在“属性”面板中将其“x”和“y”坐标都设为“0” 。 创建“遮罩”图形元件 2.选择“矩形工具”，在“遮罩”图层中绘制一个比舞台略大的任意颜色的矩