遮罩动画的制作

遮罩动画的制作
一、遮罩层的运动
实例一：
ABCD 四个字从左向右移动，移动的地方会透露出下层的背景。

重点在第 8 点。

1．File(文件)/Import(导入)，随便选择一个图像文件并将其输入到 Flash 中。

2．将输入的元件拖入到第一帧的工作区中，并调整大小，最好该图片能够布满全层，以保证遮罩层的文字无论移动到哪里都有下层信息透露出来。

提示：Flash 可以处理矢量图与位图，矢量图的优点在于，不论如何调整它的大小，文件本身的体积不会改变；位图则不行，重新调整位图的大小会改变图像的像素排布，因此，位图图像变大则文件体积变大，位图图像缩小则文件体积变小。

提示：在 Flash 中，请尽可能地使用矢量图，而且在做成组件（元件、符号）时请尽可能地变小，因为在应用到时可以将其变大而不会增加整个动画的体积。

做为一个制作常识，大家应该予以掌握。

3．新建一个图片类型(Graphic)的元件，并输入 "ABCD" 四个字。

4．新建一个层(Layer 2)并将新建的 "ABCD" 元件拖进去。

因为要让字体体从左移到右，所以请把该元件放到工作区外靠左边界处。

提示：放到工作区外的元件在动画开始时是看不见的，如果它移动到工作区内则变得可见。

5．我们要让整个动画延续 20 帧，因此在第 20 帧处插入一关键帧，并把 "ABCD" 元件拖到工作区右边边界外。

6．现在为 Layer 2 层创建动作。

由于只涉及到位移变化，因此可以直接在第 1 帧的鼠标右键中选择Creat Motion Tweening (创建补间动画)，当然也可以在Frame(帧)面板中选Motion(补间)类型来决定动作。

7．第一层(Layer 1)到目前只有一帧有内容，我们要保证整个动画(共20 帧)都要有Redflower 背景，因此选中第一帧，并在第 20 帧处插入普通帧(Insert/Frame).
8．现在是关键的一步，即让 Layer 2 成为 Layer 1 的遮照层！选中 Layer 2(层二)，并在右键弹出菜单中选择 "Mask(遮罩)"。

提示：工作区内变成一片空白了吧？这是因为遮罩层第一帧的内容在工作区外，所以下层内容不能透露出来。

9．好了，制作已经完成，现在按 Ctrl+Enter 键进行测试吧。

二、被遮罩层的运动
实例二：
本例中，文字成为遮罩层，而被遮罩的风景图片通过文字反映出来，同时从左向右移动。

制作思路：文字成为遮照，那么文字的尺寸必须大点才能显示出比较连续的下层图片信息；文字不能移动，那么风景图片就得移动，我们可以把一组图片输入到 Flash 中并由这一组图片共同组成一个元件，最后给风景图片做个位移动画，并将文字层设为遮罩层就行了。

1．首先将四张风景图片输入 Flash 。

2．现在把输入的四张图片共同组成一个图片元件以便调用：新建元件，然后分别将图片拖入工作区，注意图片与图片之间不要出现缝隙。

3．再新建一个元件来放字体Flash ，字写大点，采用黑体。

调整字体的大小及其他属性，可以在 Flash 的 Character(字符) 面板上进行。

字体大小我们将其定为 150 。

提示：字体大小设置最大才96，如何设为150 ？呵呵，不管它旁边的竖拉条，直接输入150 ，再按回车键就行了。

4．所有元件制作完毕，现在将它们放进场景中。

在第一层(Layer 1)放图片元件，第二层(Layer 2)放文字元件，请注意它们的位置，其中，图片元件的右边缘与 "Flash" 元件右边缘对齐。

由于我们要让第二层的字从动画开始就一直可见，所以不能如实例一那样把被遮罩的对象放到工作区外，也不能放到文字能显示的范围外。

提示：为什么不能？大家在完成本例后可以试着将被遮罩对象放到工作区外，看一下会产生什么问题。

5．回到第一层，在第 20 帧处插入关键帧(Keyframe)，并将本层上的图片元件进行位移，左边界与 "Flash" 左边界对齐。

6．第一层由第 1 帧向第 20 帧定制位移动作。

7．第二层在第 20 帧处插入过渡帧(Frame)，让不动的文字延续整整 20 帧。

8．最后将第二层(Layer 2)设为遮罩层。

9．按 Ctrl+Enter 键进行测试。