Flash实验九图片遮罩动画.docVIP

实验九 图片遮罩动画 实验目的： 掌握遮罩动画的制作方法 了解遮罩特点和功能。 实验环境与设备： 安装有Photoshop CS3的计算机。 实验原理： 新建一个文档，先导入一张图片，然后将该图片转换成MC元件，并为该元件实例添加模糊滤镜；新建图层2，将图片元件拖入舞台并对齐到舞台的中心；新建图层3，在该图层上制作一个圆的移动动画；最后将图层3设置为遮罩层，使其对图层2进行遮罩。 实验考核： 实例的源文件（.fla）以及.jpg格式的文件 实验步骤： 导入图像。新建一个文件，然后单击菜单栏上的“文件”—“导入”—“导入到舞台”命令，弹出导入对话框，找到图片单击打开按钮，导入图像 将图像对齐舞台的中心。保存文件，选中导入的图像，按快捷键CTRL+K，打开对齐面板，在面板中单击相对于舞台下的按钮，使其处于激活状态，再分别单击水平居中对齐和垂直居中对齐按钮，将图像对齐到舞台的中心。 将图像转换我元件。保持图像为选中状态，按f8键，在弹出的“转换为元件”对话框中，将元件命名为sun，类型为“影片剪辑”，单击“确定”按钮完成转换。 添加模糊滤镜。打开滤镜面板单击添加滤镜按钮，从弹出的菜单中选择模糊，在面板中的模糊X和模糊y设置为60。品质保持不变。 新建图层2。在时间轴上单击第40帧，按F5键延长帧。单击新建图层按钮，新建图层2；保持图层2为当前图层，按快捷键Ctrl+L打开库面板，从库面板中将sun元件拖入舞台，并对齐舞台的中心。 创建元件。单击新建图层按钮，在图层2的上面新建图层3；选择椭圆工具，在舞台的左上角绘制一个正圆，保持圆为选中状态，按F8键，在弹出的“转换为元件”对话框中，将元件命名为“圆”，类型设置为“影片剪辑”，单击“确定”按钮。 插入关键帧。分别选择图层3的第20和第40帧，按F6各插入一个关键帧。 改变圆实例的位置。单击图层3的第20帧用箭头工具将圆拖放到一个位置，单击图层3的第40帧，将圆拖动到另外一个地方。 创建运动补间动画。选择图层3的第1帧，在属性面板的补间下拉列表中选择动画，在第1帧和第20帧之间创建运动补间动画。采用同样的方法在第20帧和第40帧之间创建运动补间动画。 10、播放动画。保存文件，按Enter键在舞台上播放动画，可以看到一个简单的圆一点动画，下面就来制作动画最关键的一步：设置遮罩。 11、设置遮罩层。在图层3上单击右键，从弹出的菜单中选择“遮罩层”命令。（这时会发现面板和工作区都发生了变化，矩形条不见了，图层3和图层2前表示一般层的图标也变了，成了遮罩和被遮罩层所特有的图标） 12、测试影片。保存文件，按快捷键Ctrl+E nter测试影片，可以看到只有在圆经过的地方图像才变清晰，其余部分的图像上模糊的，这就是遮罩产生的特殊效果。 13、可以看到遮罩层的圆并没有显示，而被遮罩层上的图像显示了，但只显示被遮到图像部分，没有被遮到的图形是模糊。遮罩就像一张纸中间挖了一个圆形的洞，透过这个洞可以看到洞后面的内容。洞越大，可以看到的范围就越大，当然，洞还可以移动。 （提示：在舞台上，遮罩层和被遮罩层必须同时锁定才能显示遮罩效果，如果要编辑遮罩层和被遮罩层的内容，可以先取消锁定状态，然后进行编辑，编辑结束后必须重新锁定，才能看到遮罩效果，另外，一个遮罩层可以同时对多个图层进行遮罩。）