FLASH遮罩动画学习笔记

吉祥如意988编辑

一、遮罩动画的制作方法

专家提示：

遮罩动画的原理是：在舞台前增加一个类似电影镜头的对象，将来导出的影片，只显示电影镜头“拍摄”出来的对象，其他不在电影镜头区域内的舞台对象不再显示。

（一）基本步骤：

1、新建文档

2、导入一张图片到舞台

3、新建图层2→选择【椭圆工具】→绘制一个无边框任意填充色的圆（将此圆当作电影镜头对象来使用）

注：共两个图层，图层1放置的是导入的图片，图层2放置的是绘制的圆。

4、定义动画遮罩效果→右键点击图层2→在弹出的对话框中勾选“遮罩层”

注：执行步骤4后，图层的结构发生了变化。

图层1的图标改变了，从普通图层变成了被遮罩层，并且图层缩进，自动加锁。

图层2的图标改变了，从普通图层变成了遮罩层，自动加锁，舞台显示也发生了变化，值显示电影镜头“拍摄”出来的对象，不在电影镜头区域内的舞台对象都没有显示。

5、Ctrl+回车，测试效果，可以看到只显示电影镜头区域内的图像。 （二）改变镜头形状

6、在图层1的第30帧按F5键，插入普通帧→选择图层2→将图层2解锁→在图层2的第30帧按F6键，插入关键帧→按Ctrl+T（打开变形面板）→将圆放大尺寸（比例）。

7、右键在第1-30帧区间点击→创建补间形状

8、Ctrl+回车，测试效果，可以看到只显示电影镜头区域内的图像，并且随着电影镜头的不断变大，显示出来的图像区域也越来越多。

（三）改变镜头位置

9、将图层2第1帧上的圆拖放到舞台左侧，将图层2第30帧上圆恢复到原来尺寸（比例），并拖放到舞台的右侧。

10、Ctrl+回车，测试效果，会看到随着电影镜头的移动，显示出来的动画内容也发生了变化，好像一个探照灯照射的效果。

专家提示：

1、在遮罩动画中，可以定义遮罩层中电影镜头对象的变化（尺寸、位置、形状等变化），最终显示的遮罩动画效果，也会随着电影镜头的变化而变化。

2、除了可以设置遮罩层中的电影镜头对象变化，还可以让被遮罩层中的对象进行变化，甚至可以是遮罩层和被遮罩层同时变化。

这样就可以设计出更加丰富多彩的遮罩动画效果。

二、利用遮罩动画实现电影镜头效果

1、新建文档

2、导入一张图片到舞台

3、选择【任意变形工具】→将图片压扁、拉长，并让图片左端对齐舞台左端；在40帧按【F6】插入关键帧→将图片向左移动使图片右端对齐舞台右端。

4、选择第1帧、40帧区间→右键点击→创建传统补间

5、新建图层2→选择【矩形工具】→绘制一个无边框任意填充色的矩形（散件）→调整矩形宽度和舞台宽度相同，高度和图片高度相同

6、定义动画遮罩效果→右键点击图层2→在弹出的对话框中勾选“遮罩层”

7、Ctrl+回车，测试效果

注：这样就定义了一个这种动画效果，图层2上是一个镜头的镜头“拍摄”对象，保持静止不动，图层1上是一个图片，它在做一个从右向左的移动动画，按下Ctrl+回车可以看到一个从左向右电影镜头的拍摄效果；之所以有这种效果，是因为相对运动的视觉，图层2上的镜头并没有动，只是图层1上图片在动，而我们最终看起来好像是电影镜头在移动一样，从这里可以体会到遮罩动画的奇妙效果。

推镜头效果制作

1、将图层1解锁→将图层2隐藏→在图层1第70帧按【F6】插入关键帧→选择第70帧上的图片→按Ctrl+T（打开变形面板）→设置宽和高同时放大到300%。

2、选择图层1的第40帧→选择图层2第70帧→按【F5】插入帧。

3、Ctrl+回车，测试效果。可以看到电影镜头从左向右拍摄景色后，推镜头得到一个景色的近景效果。

三、遮罩动画应用实例：

文字遮罩动画（水波文字特效）水波在文字上慢慢趟过，给人一种特殊的视觉效果。

（一）文字动画制作步骤

1、创建影片文档和元件

⑴新建文档→进行相应设置（280*100，舞台颜色任意）→确定。

⑵执行插入→新建元件【Ctrl+F8】→名称“文字”、类型“图形” →确定。

⑶选择文本工具→输入文字→打开属性面板【Ctrl+F3】→进行相应设置（字体、字号、颜色等）

⑷执行插入→新建元件【Ctrl+F8】→名称“遮罩”、类型“图形” →确定。

⑸打开颜色面板→选择填充类型为线性渐变→设置合适的填充颜色（如：黑、白、黑）。

⑹选择矩形工具→在场景中绘制一个纵向矩形。

2、创建黑白文字渐变动画

⑴返回场景1→新建图层2→将图层1命名为遮罩矩形→将图层2命名为遮罩文字。

⑵打开库【Ctrl+L】→将文字元件拖放一个实例到舞台中央。

⑶打开对齐面板【Ctrl+K】→勾选与舞台对齐→水平中齐→垂直中齐。

⑷选择矩形遮罩图层→打开库【Ctrl+L】→将遮罩元件拖放八个实例到遮罩图层。

⑸点选【选择工具】→框选八个实例→打开对齐面板【Ctrl+K】→勾选与舞台对齐→垂直中齐，将八个实例整齐排列成一排。

⑹执行修改→组合【Ctrl+G】组成一个群组。

⑺点选【选择工具】→将群组左端移动到与文字左端对齐。

⑻选择遮罩文字层→在第40帧按【F5】插入帧。

⑼选择遮罩矩形层→在第40帧按【F6】插入关键帧。

⑽选择遮罩矩形层第40帧上的矩形群组→将其向左移动一定距离。

⑾右键点选遮罩矩形层第1-40帧区间任意帧→创建传统补间。

⑿右键点选遮罩文字层→在弹出的菜单中勾选遮罩层。

⒀Ctrl+回车，测试效果。至此文字动画就制作好了。

（二）水波文字效果制作步骤

1、新建图层→命名为前置文字。

2、将制作遮罩文字层解锁→点选遮罩文字层第1帧→执行编辑→复制【Ctrl+C】

3、点选前置文字层第1帧→执行编辑→粘贴到当前位置【Ctrl+Shift+V】（这样就在前置文字图层得到一个和遮罩文字图层完全重合的文字）。

4、选择前置文字层第1帧→按一下向上方向的控制键→再按一下向左方向的控制键（前置文字图层中的文字向上、向左各位移了一个像素的位置）

5、点选舞台背景→打开属性面板→重新设置舞台的背景色为黑色。

6、Ctrl+回车，测试效果。水波文字特效制作完成。