flash入门基础 第8课 遮罩动画.doc

第8课 遮罩动画在Flash的作品中，我们常常看到很多眩目神奇的效果，而其中不少就是用最简单的“遮罩”完成的，如水波、万花筒、百页窗、放大镜、望远镜等等。 那么，“遮罩”如何能产生这些效果呢？ 在本课，我们除了给大家介绍“遮罩”的基本知识，还结合我们的实际经验介绍一些“遮罩”的应用技巧。 学习目的u 字体的二次打散u 将字体转为形状 u 创建遮罩动画 课前热身“嗖”，伴着这声音，一道白光迅速掠过一排文字，这是我们经常在广告和电视中看到的效果。你想不想知道它们是怎么制作出来的呢？其实很简单，利用前面学过的知识就可轻易地做出这个效果，下面，让我们动手试一试。（1）创建影片文档 执行【文件】|【新建】命令，在弹出的对话框中选择【常规】|【Flash文档】选项后，单击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为550400像素，【背景色】为黑色（在教程中，我们为了更好地显示场景中的内容，背景色设为了深绿色）,如图3-5-19所示。 图3-5-19 文档属性（2）创建元件 步骤1 创建“我要学做闪客”元件 执行【插入】|【新建元件】命令，新建一个图形元件，名称为“我要学做闪客”。单击工具箱中的【文字工具】，在场景中输入“我要学做闪客”六个字，在【属性】面板中，设置文字参数如图3-5-20所示。 图3-5-20 “我要学做闪客”文字选中字体，执行【修改】|【分离】命令二次，把字体打散，再选择【颜料桶工具】，把字体中心填充成红色。各个步骤的文字效果如图3-5-21所示。图3-5-21 文字效果步骤2 创建“辉光”元件 执行【插入】|【新建元件】命令，新建一个图形元件，名称为“辉光”。执行【窗口】|【设计面板】|【混色器】命令，打开【混色器】面板，设置【填充样式】为线性，将三个色标全部设置为白色，第一和第三个的【Alpha】值为零，中间的为74%（你可按需设置），设置完后，在场景中画一个无边矩形，大小为40230，如图3-5-22所示。 图3-5-22 【混色器】面板和图形（4）创建动画 单击时间轴右上角的【场景1】按钮，切换到主场景。 本例的主场景1中共有四个图层，我们从下向上一层一层的做，可参看图3-5-25所示。 步骤1 创建【底层文字】层 将【图层1】重新命名为【底层文字】。 从库里把“我要学做闪客”的元件拖到场景中，在第60帧处添加普通帧，这一层起显示文字的作用。 步骤2 创建被遮罩层 新建一个【辉光】图层，从库里把“辉光”元件拖到场景中，放在“我要学做闪客”元件实例的左边。选择工具栏上的【任意变形工具】，单击【选项】中的【旋转与倾斜】按钮，将鼠标放在“辉光”元件实例的任意一个角，拖动鼠标旋转一定有角度，使“辉光”元件实例产生一定的倾斜度。在第30、60帧处添加关键帧，在第30帧处把“辉光”元件实例拖到“我要学做闪客”元件实例的右边，在第1帧和第30帧处建立动作补间动画，如图3-5-23所示。 图3-5-23 “辉光”元件在场景中的位置步骤3 创建遮罩层 新建一个【遮罩层】图层，复制【底层文字】层的第一帧中的元件实例，选择【遮罩层】的第1帧，执行【编辑】|【粘贴到当前位置】命令，用鼠标右键单击【遮罩层】，选择【遮罩层】，设置此层为遮罩层，这一层的作用是用字体做遮罩元素，用它来控制辉光在场景中出现的大小和位置。 步骤4 导入音乐和设置声音 执行【文件】|【导入】|【导入到库】命令，将名为“sound2.mp3”的音乐文件导入到库中。 新增一个【声音层】图层，在第1、30帧处添加关键帧，在【属性】面板上设置声音选项，如图3-5-24所示。 图3-5-24 声音设置至此，我们就已经创建好了“我要学做闪客”这个动画，时间轴面板如图3-5-25所示。图3-5-25 时间轴面板上的图层说明：为了增强动画实例效果，实例中加入了一些声音效果，关于将声音导入Flash及应用声音的详细方法，请你参考第12课的相关内容。课堂讲解下面系统讲解遮照动画的有关知识。1遮罩动画的概念（1）什么是遮罩 遮罩动画是Flash中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来完成的。在Flash的图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。 （2）遮罩有什么用 在Flash动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。 2创建遮罩的方法（1）创建遮罩 在Flash中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你只要在某个图层上单击右键，在弹出菜单中选择【遮罩层】，使命令的左边出现一个小勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”，在缩进的同时图标变为，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了，如图3-5-1所示。 图3-5-1 多层遮罩动画（2）构成遮罩和被遮罩层的元素 遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。 被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。 （3）遮罩中可以使用的动画形式 可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。 3应用遮罩时的技巧l 遮罩层的基本原理是：能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。l 要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。 l 可以用“Actions”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_Alpha属性。 l 不能用一个遮罩层试图遮蔽另一个遮罩层。 l 遮罩可以应用在gif动画上。 l 在制作过程中，遮罩层经常挡住下层的元件