动画制作-遮罩动画

制作遮罩动画

遮罩动画可通过遮罩层创建。利用遮罩层可以决定被遮罩层中对象的显示情况，如被遮罩层中哪些地方显示，哪些地方不显示。在遮罩层中有对象的地方就是“透明”的（就好像是个“洞、孔”），可以看到被遮罩层中的对象，而没有对象的地方就是不透明的，被遮罩层中相应位置的对象是看不见的。遮罩动画的制作原理就是通过遮罩层来决定被遮罩层中的显示内容，出现动画效果。

在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