动画制作——遮罩动画

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

2、来决定被遮罩层中的显画的制作原理就是通过遮罩层来决定被遮罩层中的显 示内容，出现动画效果示内容，出现动画效果。 在在Flash中，若要获得聚光灯效果和过渡效果，可以使中，若要获得聚光灯效果和过渡效果，可以使 用遮罩层创建一个孔，通过这个孔可以看到下面的图层。用遮罩层创建一个孔，通过这个孔可以看到下面的图层。 遮罩项目可以是填充的形状、文字对象、图形元件的实例遮罩项目可以是填充的形状、文字对象、图形元件的实例 或影片剪辑。将多个图层组织在一个遮罩层下可创建更加或影片剪辑。将多个图层组织在一个遮罩层下可创建更加 复杂的遮罩效果。若要创建动态效果，可以让遮罩层或被复杂的遮罩效果。若要创建动态效果，可

3、以让遮罩层或被 遮罩层动起来。对于用作遮罩的填充形状，可以使用补间遮罩层动起来。对于用作遮罩的填充形状，可以使用补间 形状；对于类型对象、图形实例或影片剪辑，可以使用补形状；对于类型对象、图形实例或影片剪辑，可以使用补 间动画。当使用影片剪辑实例作为遮罩时，可以让遮罩沿间动画。当使用影片剪辑实例作为遮罩时，可以让遮罩沿 着运动路径运动。着运动路径运动。 认识认识Flash遮罩层遮罩层 先来看两个遮罩的范例，如图所示，不论是左侧图中在单色背先来看两个遮罩的范例，如图所示，不论是左侧图中在单色背 景上，还是右侧图中在图片上，都是以一个不规则的图形作为遮罩，景上，还是右侧图中在图片上，都是以一个不规

4、则的图形作为遮罩， 控制另一幅图片的显示区域。控制另一幅图片的显示区域。 认识认识Flash遮罩层遮罩层 遮罩动画遮罩动画就是使用一个动画层遮住下一个动画层的一部分或就是使用一个动画层遮住下一个动画层的一部分或 全部，使其部分或全部显示出来的动画。要全部，使其部分或全部显示出来的动画。要创建遮罩动画创建遮罩动画，至少，至少 需要有两层，一层作为遮罩层，一层作为被遮罩层需要有两层，一层作为遮罩层，一层作为被遮罩层。 简单遮罩动画 制作遮罩动画制作遮罩动画 (1) (1) 新建一个新建一个FlashFlash动画文档，在文档属性中设定大小为动画文档，在文档属性中设定大小为550550* *2002

5、00，背景颜，背景颜 色为色为“黑色黑色”，在工作区右上角的下拉列表框中选择【显示全部】选项。，在工作区右上角的下拉列表框中选择【显示全部】选项。 (2) (2) 单击工具箱中的【文本工具】按钮单击工具箱中的【文本工具】按钮 ，在【属性】面板中设定文字大小，在【属性】面板中设定文字大小 为为“100”100”，颜色为，颜色为“红色红色”，字形为，字形为“斜体斜体”，在舞台上中间偏左的位置，在舞台上中间偏左的位置 单击，输入单击，输入“FLASH”FLASH”。 (3) (3) 单击时间轴左下方的【插入图层】按钮单击时间轴左下方的【插入图层】按钮 ，在新图层上绘制一个椭圆，在新图层上绘制一个椭圆

6、， 设定椭圆的边框颜色为设定椭圆的边框颜色为“无无”，填充为，填充为“白色到黑色的放射状渐变白色到黑色的放射状渐变”，大，大 小如图所小如图所示。示。 绘制的椭圆绘制的椭圆 制作遮罩动画制作遮罩动画 (4) (4) 选中椭圆，按选中椭圆，按键或单击修改键或单击修改“菜单菜单”“转换为元件转换为元件” ，在弹出的对话框中单击【确定】按钮，将椭圆图形转换为元件。，在弹出的对话框中单击【确定】按钮，将椭圆图形转换为元件。 单击图层单击图层1 1的第的第1515帧，按帧，按键，插入帧。单击图层键，插入帧。单击图层2 2的第的第1515帧，按帧，按 键，插入关键帧。将椭圆移动到文字的右侧，如图所示，右击

7、键，插入关键帧。将椭圆移动到文字的右侧，如图所示，右击 中间任意一帧，在弹出的右键快捷菜单中选择【创建补间动画】命中间任意一帧，在弹出的右键快捷菜单中选择【创建补间动画】命 令。令。 椭圆的运动动画椭圆的运动动画 制作遮罩动画制作遮罩动画 (5) (5) 在图层在图层2 2的名称上右击，在弹出的右键快捷菜单中选择【遮罩层】的名称上右击，在弹出的右键快捷菜单中选择【遮罩层】 命令，如图所示。这时时间轴发生了变化，图层命令，如图所示。这时时间轴发生了变化，图层2 2变成了遮罩层，图层变成了遮罩层，图层1 1 变成了被遮罩层。设定遮罩层后的时间轴如图所变成了被遮罩层。设定遮罩层后的时间轴如图所示。示

8、。 选择【遮罩层】命令选择【遮罩层】命令设定遮罩层后的时间轴设定遮罩层后的时间轴 制作遮罩动画制作遮罩动画 制作制作放大镜效果放大镜效果 u 1. 1. 实训目的实训目的 通过制作一个如图所示经典通过制作一个如图所示经典遮罩遮罩动画动画“放放 大镜大镜”，进一步熟悉，进一步熟悉遮罩遮罩动画的制作方法和技巧动画的制作方法和技巧 ，分清，分清遮罩遮罩和伪和伪遮罩遮罩的区别，提高实际操作中解的区别，提高实际操作中解 决问题的能力。决问题的能力。 放大镜效果放大镜效果 u 2. 2. 实训实训步骤步骤 (1) (1) 新建一个新建一个FlashFlash动画文档，在工作区右上角的下拉列表框中选择动画文

9、档，在工作区右上角的下拉列表框中选择 【显示全部】选项【显示全部】选项。 (2) (2) 在菜单栏中选择【插入】在菜单栏中选择【插入】【新建元件】命令，在弹出的对话框中【新建元件】命令，在弹出的对话框中 命名图形元件的名称为命名图形元件的名称为“放大镜放大镜”，单击【确定】按钮，进入到元，单击【确定】按钮，进入到元 件的编辑状态。单击【椭圆工具】按钮件的编辑状态。单击【椭圆工具】按钮 ，在【属性】面板中设定，在【属性】面板中设定 边框颜色为边框颜色为“深灰色深灰色”，宽度为，宽度为“4”4”，填充为，填充为“无色无色”，在舞台，在舞台 中央按中央按键绘制一个正圆。再选择【矩形工具】按钮键绘制一

10、个正圆。再选择【矩形工具】按钮 ，设定，设定 边框为边框为“深灰色深灰色”，填充为，填充为“白色到黑色的线性渐变白色到黑色的线性渐变”，在圆形下，在圆形下 面绘制一个矩形作为放大镜的手柄，绘制完的放大镜图形元件，如面绘制一个矩形作为放大镜的手柄，绘制完的放大镜图形元件，如 图图5-585-58所所示。示。 放大镜效果放大镜效果 u 2. 2. 实训实训步骤步骤 (3) (3) 单击工作区左上角的单击工作区左上角的“场景场景1”1”，回到场景中，单击工具箱中的【，回到场景中，单击工具箱中的【 文本工具】按钮文本工具】按钮 ，在【属性】面板中设定颜色为红色，字体为，在【属性】面板中设定颜色为红色，

11、字体为 “Arial Black”Arial Black”，字号为，字号为“60”60”，字体类型为斜体，在舞台上输，字体类型为斜体，在舞台上输 入入“Flash CS3”Flash CS3”，如图，如图5-595-59所示。单击图层所示。单击图层1 1的名称，重命名为的名称，重命名为 “小文字小文字”，在第，在第3030帧按帧按键插入帧键插入帧。 图图5-58 5-58 放大镜图形元件放大镜图形元件 图图5-59 5-59 键入小文字键入小文字 制作制作放大镜效果放大镜效果 u 2. 2. 实训实训步骤步骤 (4) (4) 单击【时间轴】面板左下方的【插入图层】按钮单击【时间轴】面板左下方的

12、【插入图层】按钮 ，新建一个图层，新建一个图层， 双击名称，命名为双击名称，命名为“大文字大文字”。单击工具箱中的【文本工具】按钮。单击工具箱中的【文本工具】按钮 ，字号改为，字号改为“75”75”，在舞台上输入，在舞台上输入“Flash CS3”Flash CS3”，如图，如图5-605-60所示。所示。 图图5-60 5-60 键入大文字键入大文字 放大镜效果放大镜效果 u 2. 2. 实训实训步骤步骤 (5) (5) 单击时间轴左下角的【插入图层】按钮单击时间轴左下角的【插入图层】按钮 ，再新建一个图层，双击，再新建一个图层，双击 名称，将其命名为名称，将其命名为“放大镜放大镜”，将放大

13、镜从【库】面板拖放到舞台，将放大镜从【库】面板拖放到舞台 上文字的左侧。单击工具箱中的【任意变形工具】按钮上文字的左侧。单击工具箱中的【任意变形工具】按钮 ，鼠标移，鼠标移 动到四个角上出现旋转图标时逆时针旋转动到四个角上出现旋转图标时逆时针旋转3030，在第，在第3030帧上按帧上按 键插入关键帧，将放大镜从左侧移动到右侧，如图键插入关键帧，将放大镜从左侧移动到右侧，如图5-615-61所所示。示。 放大镜效果放大镜效果 图图5-61 5-61 放大镜从左侧移动到右侧放大镜从左侧移动到右侧 u 2. 2. 实训实训步骤步骤 (6) (6) 选择选择“大文字大文字”图层，单击时间轴左下角的【插

14、入图层】按钮图层，单击时间轴左下角的【插入图层】按钮 ， 再新建一个图层，双击名称，将其命名为再新建一个图层，双击名称，将其命名为“遮罩遮罩”。单击工具箱中。单击工具箱中 的【椭圆工具】按钮的【椭圆工具】按钮 ，在【属性】面板中设定边框颜色为【无】，在【属性】面板中设定边框颜色为【无】 ，填充任意颜色，按，填充任意颜色，按键绘制一个正圆，圆的大小与放大镜键绘制一个正圆，圆的大小与放大镜 的镜片大小相同。绘制完的遮罩图形如图的镜片大小相同。绘制完的遮罩图形如图5-625-62所所示。示。 放大镜效果放大镜效果 图图5-62 5-62 绘制遮罩圆形绘制遮罩圆形 u 2. 2. 实训实训步骤步骤 (

15、7) (7) 选中遮罩，按选中遮罩，按键将其转换为图形元件，命名为键将其转换为图形元件，命名为“遮罩遮罩”，单，单 击击“遮罩遮罩”层的第层的第3030帧，按帧，按键创建关键帧。将遮罩移动到右键创建关键帧。将遮罩移动到右 侧与放大镜同步，右击侧与放大镜同步，右击“遮罩遮罩”层名称，在弹出的右键快捷菜单层名称，在弹出的右键快捷菜单 中选择【遮罩层】命令，使大文字只在镜片中显示，如图中选择【遮罩层】命令，使大文字只在镜片中显示，如图5-635-63所所 示。示。 放大镜效果放大镜效果 图图5-63 5-63 绘制遮罩圆形绘制遮罩圆形 u 2. 2. 实训实训步骤步骤 (8) (8) 选择选择“小文

16、字小文字”层，单击时间轴左下角的【插入图层】按钮层，单击时间轴左下角的【插入图层】按钮 ，再，再 新建一个图层，双击名称，将其命名为新建一个图层，双击名称，将其命名为“伪蒙版伪蒙版”。单击工具箱中。单击工具箱中 的【椭圆工具】按钮的【椭圆工具】按钮 ，在【属性】面板中设定边框颜色为【无】，在【属性】面板中设定边框颜色为【无】 ，填充背景颜色，这里为，填充背景颜色，这里为“白色白色”。按。按键绘制一个正圆，键绘制一个正圆， 圆的大小与放大镜的镜片大小相同，得到小文字的伪蒙版如图圆的大小与放大镜的镜片大小相同，得到小文字的伪蒙版如图5-645-64 所所示。示。 放大镜效果放大镜效果 图图5-64

17、 5-64 绘制遮罩圆形绘制遮罩圆形 u 2. 2. 实训实训步骤步骤 (9) (9) 选中伪蒙版，按选中伪蒙版，按键将其转换为图形元件，命名为键将其转换为图形元件，命名为“伪蒙版伪蒙版”。 单击单击“伪蒙版伪蒙版”层的第层的第3030帧，按帧，按键插入关键帧，将伪蒙版移动键插入关键帧，将伪蒙版移动 到右侧与放大镜同步，这时动画的时间轴共有到右侧与放大镜同步，这时动画的时间轴共有5 5层，排列顺序如图层，排列顺序如图 10-3410-34所示。所示。 (10) (10) 按按+组合键测试动画，如同放大镜从文字上经过，组合键测试动画，如同放大镜从文字上经过， 镜片中文字被放大，如图镜片中文字被放大，如图5-655-65所所示。示。 放大镜效果放大镜效果 图图5-