动画制作――遮罩动画

制作遮罩动画遮罩动画可通过遮罩层创建。利用遮罩层可以决定被遮罩层中对象的显示情况，如被遮罩层中哪些地方显示，哪些地方不显示。在遮罩层中有对象的地方就是“透明”的（就好像是个“洞、孔”），可以看到被遮罩层中的对象，而没有对象的地方就是不透明的，被遮罩层中相应位置的对象是看不见的。遮罩动画的制作原理就是通过遮罩层来决定被遮罩层中的显示内容，出现动画效果。在Flash中，若要获得聚光灯效果和过渡效果，可以使用遮罩层创建一个孔，通过这个孔可以看到下面的图层。遮罩项目可以是填充的形状、文字对象、图形元件的实例或影片剪辑。将多个图层组织在一个遮罩层下可创建更加复杂的遮罩效果。若要创建动态效果，可以让遮罩层或被遮罩层动起来。对于用作遮罩的填充形状，可以使用补间形状；对于类型对象、图形实例或影片剪辑，可以使用补间动画。当使用影片剪辑实例作为遮罩时，可以让遮罩沿着运动路径运动。认识Flash遮罩层先来看两个遮罩的范例，如图所示，不论是左侧图中在单色背景上，还是右侧图中在图片上，都是以一个不规则的图形作为遮罩，控制另一幅图片的显示区域。认识Flash遮罩层遮罩动画就是使用一个动画层遮住下一个动画层的一部分或全部，使其部分或全部显示出来的动画。要创建遮罩动画，至少需要有两层，一层作为遮罩层，一层作为被遮罩层。简单遮罩动画制作遮罩动画(1)新建一个Flash动画文档，在文档属性中设定大小为550*200，背景颜色为“黑色”，在工作区右上角的下拉列表框中选择【显示全部】选项。(2)单击工具箱中的【文本工具】按钮，在【属性】面板中设定文字大小为“100”，颜色为“红色”，字形为“斜体”，在舞台上中间偏左的位置单击，输入“FLASH”。(3)单击时间轴左下方的【插入图层】按钮，在新图层上绘制一个椭圆，设定椭圆的边框颜色为“无”，填充为“白色到黑色的放射状渐变”，大小如图所示。绘制的椭圆制作遮罩动画(4)选中椭圆，按F8键或单击修改“菜单”——“转换为元件”，在弹出的对话框中单击【确定】按钮，将椭圆图形转换为元件。单击图层1的第15帧，按F5键，插入帧。单击图层2的第15帧，按F6键，插入关键帧。将椭圆移动到文字的右侧，如图所示，右击中间任意一帧，在弹出的右键快捷菜单中选择【创建补间动画】命令。椭圆的运动动画制作遮罩动画(5)在图层2的名称上右击，在弹出的右键快捷菜单中选择【遮罩层】命令，如图所示。这时时间轴发生了变化，图层2变成了遮罩层，图层1变成了被遮罩层。设定遮罩层后的时间轴如图所示。选择【遮罩层】命令设定遮罩层后的时间轴制作遮罩动画制作放大镜效果1.实训目的通过制作一个如图所示经典遮罩动画“放大镜”，进一步熟悉遮罩动画的制作方法和技巧，分清遮罩和伪遮罩的区别，提高实际操作中解决问题的能力。放大镜效果2.实训步骤(1)新建一个Flash动画文档，在工作区右上角的下拉列表框中选择【显示全部】选项。(2)在菜单栏中选择【插入】→【新建元件】命令，在弹出的对话框中命名图形元件的名称为“放大镜”，单击【确定】按钮，进入到元件的编辑状态。单击【椭圆工具】按钮，在【属性】面板中设定边框颜色为“深灰色”，宽度为“4”，填充为“无色”，在舞台中央按Shift键绘制一个正圆。再选择【矩形工具】按钮，设定边框为“深灰色”，填充为“白色到黑色的线性渐变”，在圆形下面绘制一个矩形作为放大镜的手柄，绘制完的放大镜图形元件，如图5-58所示。放大镜效果2.实训步骤(3)单击工作区左上角的“场景1”，回到场景中，单击工具箱中的【文本工具】按钮，在【属性】面板中设定颜色为红色，字体为“ArialBlack”，字号为“60”，字体类型为斜体，在舞台上输入“FlashCS3”，如图5-59所示。单击图层1的名称，重命名为“小文字”，在第30帧按F5键插入帧。图5-58放大镜图形元件图5-59键入小文字制作放大镜效果2.实训步骤(4)单击【时间轴】面板左下方的【插入图层】按钮，新建一个图层，双击名称，命名为“大文字”。单击工具箱中的【文本工具】按钮，字号改为“75”，在舞台上输入“FlashCS3”，如图5-60所示。图5-60键入大文字放大镜效果2.实训步骤(5)单击时间轴左下角的【插入图层】按钮，再新建一个图层，双击名称，将其命名为“放大镜”，将放大镜从【库】面板拖放到舞台上文字的左侧。单击工具箱中的【任意变形工具】按钮，鼠标移动到四个角上出现旋转图标时逆时针旋转30°，在第30帧上按F6键插入关键帧，将放大镜从左侧移动到右侧，如图5-61所示。放大镜效果图5-61放大镜从左侧移动到右侧2.实训步骤(6)选择“大文字”图层，单击时间轴左下角的【插入图层】按钮，再新建一个图层，双击名称，将其命名为“遮罩”。单击工具箱中的【椭圆工具】按钮，在【属性】面板中设定边框颜色为【无】，填充任意颜色，按Shift键绘制一个正圆，圆的大小与放大镜的镜片大小相同。绘制完的遮罩图形如图5-62所示。放大镜效果图5-62绘制遮罩圆形2.实训步骤(7)选中遮罩，按F8键将其转换为图形元件，命名为“遮罩”，单击“遮罩”层的第30帧，按F6键创建关键帧。将遮罩移动到右侧与放大镜同步，右击“遮罩”层名称，在弹出的右键快捷菜单中选择【遮罩层】命令，使大文字只在镜片中显示，如图5-63所示。放大镜效果图5-63绘制遮罩圆形2.实训步骤(8)选择“小文字”层，单击时间轴左下角的【插入图层】按钮，再新建一个图层，双击名称，将其命名为“伪蒙版”。单击工具箱中的【椭圆工具】按钮，在【属性】面板中设定边框颜色为【无】，填充背景颜色，这里为“白色”。按Shift键绘制一个正圆，圆的大小与放大镜的镜片大小相同，得到小文字的伪蒙版如图5-64所示。放大镜效果图5-64绘制遮罩圆形2.实训步骤(9)选中伪蒙版，按F8键将其转换为图形元件，命名为“伪蒙版”。单击“伪蒙版”层的第30帧，按F6键插入关键帧，将伪蒙版移动到右侧与放大镜同步，这时动画的时间轴共有5层，排列顺序如图10-34所示。(10)按Ctrl+Enter组合键测试动画，如同放大镜从文字上经过，镜片中文字被放大，如图5-65所示。放大镜效果图5-65动画的时间轴3.操作总结本实训进一步介绍了遮罩动画的制作技巧，还介绍了遮罩与伪遮罩的区别。在实际操作中，要具体问题具体分析，巧妙运用遮罩来实现各种动画效果。这一实例运用到了很多本章学到的相关知识，是一个经典的遮罩动画范例，请同学们熟练掌握。放大镜效果