制作遮罩动画一定要了解遮罩层和被遮罩层的特点，这些在上小节中已经做过介绍。简单来说遮罩层就好比是一个小孔，通过这个小孔就可以看到被遮罩层中的内容。如果在遮罩层或被遮罩层中插入了渐变动画，那么就可以创建更加复杂的动画渐变效果。下面就以一个动态文本动画来介绍遮罩动画。
（1）单击“文件”→“新建”菜单命令，新建文档“无标题－1”。
（2）针对图层1进行以下操作：
①选择工具箱中的文字工具，在“属性”面板上设置文本类型为静态文本，字体为Arial Black，字号为96点，然后在舞台上输入文本“Animate”（图7.83）。
图7.83 输入的静态文本
②利用Ctrl＋B组合键将文本分离成单个字符，再次应用Ctrl＋B组合键将文本打散成矢量图形。
③单击第20帧，然后按下F5键插入普通帧。
④鼠标右击第1帧，然后在弹出的快捷菜单中选择“复制帧”命令。
（3）单击“时间轴”面板下方的“新建图层”按钮，此时在图层1的上方新建了图层2，鼠标右击图层2的第1帧，在弹出的快捷菜单中选择“粘贴帧”命令。
（4）针对图层2进行以下操作：
①选择工具箱中的墨水瓶工具，然后在“属性”面板上将笔触设置为红色实线，笔触高度为2。此时舞台上的鼠标指针变成了墨水瓶工具形状。
②把鼠标移至文本的边框处进行单击，为文本进行描边。
③选择工具箱中的选择工具，选择文本的填充部分，按Delete键将其删除，得到如图7.84所示的效果。
图7.84 删除填充后的文本
④单击第20帧，按下F5键插入普通帧。
（5）新建图形元件
①单击“插入”→“新建元件”菜单命令，创建一个元件名为“图片”的图形元件。
②在元件的编辑窗口中，单击“文件”→“导入”→“导入到库”，打开如图7.72所示的对话框，选择一组图片后，单击“确定”按钮。
③在“图片”元件的编辑窗口中，单击图层1的第1帧，从“库”面板（图7.85）上依次把图片拖到舞台上，水平放置。(www.xing528.com)
图7.85 “库”面板
（6）单击“编辑”→“编辑文档”菜单命令，返回主场景，新建图层3，置于图层1下方，针对图层3进行以下操作：
①单击第1帧，从“库”面板上把“图片”元件拖到舞台上，按照图7.86适当调整实例的位置。
图7.86 第1帧上三个对象的位置关系
②鼠标右击第20帧，在弹出的快捷菜单中选择“插入关键帧”命令，然后调整实例的位置，如图7.87所示。
图7.87 第20帧上三个对象的位置关系
③鼠标右键单击第1帧，在弹出的快捷菜单中选择“创建传统补间”命令，此时第1帧到第20帧之间创建了一个传统补间动画。
（7）利用鼠标右键单击图层1，在弹出的快捷菜单中选择“遮罩层”命令，此时图层1变为遮罩层，而图层3自动转换成被遮罩层，同时这两个图层被锁定，如图7.88所示。
图7.88 遮罩动画的“时间轴”面板
（8）单击“控制”→“测试影片”菜单命令，测试动画的播放效果。可见文本的边框不会发生变化，而文本的填充部分是不断运动的图片，图7.89（a）显示的是第1帧的画面，图7.89（b）显示的是第15帧的画面。
图7.89 遮罩动画的效果
（9）单击“文件”→“另存为”菜单命令，输入文件名“遮罩动画”，文件类型设置为“.fla”。
（10）单击“文件”→“发布设置”菜单命令，打开“发布设置”对话框，选中“Flash”和“HTML”复选框，如图7.90所示。单击“发布”按钮，将动画发布为SWF和HTML两种格式的文件。
图7.90 “发布设置”对话框
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
