遮罩动画的创建(长)

遮罩动画的创建（长）

基本要求

了解什么是遮罩动画 了解遮罩动画的基本原理 掌握遮罩动画的制作流程 熟练的创建遮罩动画 本节课的重点

遮罩动画的制作流程 创建遮罩动画 本节课的难点

创建遮罩动画 教学内容及教学过程

前面已经对flash有了初步的了解，也已经学习了逐帧动画以及索引动画的制作。今天来学习遮罩动画的制作。首先请同学们观看几个已经制作好的遮罩动画，并将这罩层改为普通层看遍播放的效果，以便让同学们了解遮罩动画的原理。然后我们来具体学习遮罩动画是如何制作出来的。首先我们要了解遮罩动画的制造流程：1、创建被遮罩层 2、创建遮罩层，对遮罩层制作动画 3、在遮罩层上右击选择遮罩层。下面咱们通过几个例子来实现遮罩动画的制作。

例子：

1、字幕效果的制作 1）、在背景层上导入图片，如 所示

图 1

2）、插入新图层，输入文字如错误！未找到引用源。所示

图 2

3）、插入新图层作为遮罩层，插入无边框的方框将文字全部遮盖，在几帧之后插入关键帧。将第一帧的方框缩小到一侧使其不能遮住上一层的任何文字，在光标停留在第一帧，在属性参数中的补间选择形状。这时两个关键帧之间有一条箭头相连接，说明形状补间创建成功。如示

图 3

4）、在第三层上右击选择遮罩层。如图 4所示。

图 4

2、手电筒效果的制作 1）、创建背影层，并调整背影为黑色，如错误！未找到引用源。所示。

图 5

2）、创建新图层作为被遮罩层，插入要遮罩的图片，如图 6所示。

图 6

3）、创建新的图层作为遮罩层，画一个无边框的圆形，改变其位置，在新位置插入关键帧，在两个关键帧之间创建补间动画，再次移动圆形的位置，创建补间动画。如图 7所示。

图 7

4）、在第三层上右击鼠标选择遮罩层。如图 8所示

图 8

3、烟花效果的制作 1）、调整舞台的大小将背景调成黑色或深蓝色如图 9所示。

图 9

2）、创建新图层，画一组同起点的射线，调整其弧度，使其看起来像烟花上升时行程的弧线效果，制作逐帧动画，将其一点一点的擦除，然后选中这些帧将其翻转。如图 10所示。

图 10

3）、创建新图层作为被遮罩层，画一条线按一定的角度复制形成一圈。如错误！未找到引用源。所示。

图 11

4）、创建新图层作为遮罩层，画一无边框的圆形，移动位置使其与刚才那个圈的圆心基本重合，插入关键帧调整圆形的大小使其能盖住整个圈，选中第一帧，将属性的补间设置为形状。如图 12所示。

图 12

5）、在第三层上右击选择遮罩层。

图 13

4水波纹字得制作 1）、在背景层上导入图片。如图 14所示。

图 14

2）创建一个文字层，输入文字。

3）创建第二个文层，选中上一层的文字复制，在第二文字层在编辑中选择粘贴到当前位置。使用键盘的方向键使文字分别向右向下移两个像素。如图 15所示。

图 15

4）创建遮罩层，画一个无边框的矩形，填充色为线性渐变。使其长度远远长于文字的宽度。如图 16所示，在后面添加关键帧，集体移动这些矩形。在两个关键帧之间，右击鼠标选择创建补间动画。

图 16

5）在遮罩层上右击，选择遮罩层。如图 17所示

图 17

本文来源：https://www.bwwdw.com/article/1loe.html