第三章动西画基础.docxVIP

第三章 动画基础 第五节 遮罩动画  知识提要 将线条转化为填充 创建遮罩动画 使用变形面板 学习使用【橡皮擦工具】中的“水笼头”工具和擦除线条 制作步骤 （1）创建影片文档 步骤1设置影片文档属性 执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，单击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为400×400像素，【背景色】为黑色（在教程中，我们为了更好地显示场景中的内容，设置背景色为#003333），如图3-5-3所示。转贴于 51论 文网 图3-5-3 文档【属性】面板 步骤2 设置背景图层 选择工具箱中的【矩形工具】，在场景中绘制出一个400×400像素的无边正方形，用【放射状】渐变色进行填充，如图3-5-4所示。转贴于 51论 文网 ? 图3-5-4 无边矩形及混色器设置 （2）创建元件 步骤1 创建“闪光线条”元件 执行【插入】|【新建元件】命令，新建一个图形元件，名称为“闪光线条”。选择工具箱中的【线条工具】，设置【笔触颜色】为黄色，在场景中画一条直线，具体参数设置如图3-5-5所示。转贴于 51论 文网 图3-5-5 闪光线条的【属性】面板参数设置 步骤2 创建“闪光线条组合”元件 执行【插入】|【新建元件】命令，新建一个图形元件，名称为“闪光线条组合”，如图3-5-6所示。 图3-5-6 创建闪光线条元件 从库中将名为“闪光线条”的元件拖入新元件编辑场景中，在【属性】面板中，设置【X】为-200，【Y】为20。单击工具箱中的【任意变形工具】，此时元件实例的中心会出现一个小白点，它就是对象的“变形点”，用鼠标左键按住它，拖到场景的中心“+”处松手。转贴于 51论 文网 图3-5-7中显示的是“变形点”在元件中心时的状态，和“变形点”已拖到场景中心时的状态。转贴于 51论 文网 ? 图3-5-7 变形点所处的不同位置 51-论文-网-欢迎您 执行【窗口】|【设计面板】|【变形】命令，打开【变形】面板，选中【旋转】，角度为15度，连续单击【复制并应用变形】按钮，在场景中复制出的效果如图3-5-8所示。转贴于 51论 文网 图3-5-8 【变形】面板及复制完后的效果 前面已经提到了，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”，所以我们应该将线条转换为填充形状。在时间轴的关键帧上单击一下，选中全部图形，执行【修改】|【分离】命令，把线条打散，再执行【修改】|【形状】|【将线条转化为填充】命令，将线条转变为形状。转贴于 51论 文网 步骤3 创建“闪光”元件 执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“闪光”，如图3-5-9所示。转贴于 51论 文网 图3-5-9 创建“闪光”元件 单击【确定】后进入新元件编辑场景，接着把库里名为“闪光线条组合”的元件拖到场景中，使元件实例的中心点对齐场景中的“+”符号。在第30帧处加关键帧，用鼠标右键单击第1帧，在弹出的菜单中选择【创建补间动画】，切换到【属性】面板，设置【旋转】为【顺时针】，旋转一周。转贴于 51论 文网 新增一个图层，选中第1帧，执行【编辑】|【粘贴到当前位置】命令，使两图层中的“闪光线条组合”实例完全重合，执行【修改】|【变形】|【水平翻转】命令，让复制过来的线条和第一层中的线条方向相反，在场景中形成交叉的图形。转贴于 51论 文网 选中第30帧，按F6键，新增一个关键帧，用鼠标右键单击第1帧，选择【创建补间动画】，建立动作补间动画，在【属性】面板中，设置【旋转】为逆时针旋转一周，最后将此层设为遮罩层，用鼠标右键单击靠上的图层，选择【遮罩层】，如图3-5-10所示。图中显示的是“闪光”元件的时间轴面板和各图层中的动画设置。转贴于 51论 文网 （a） 创建遮罩后的【时间轴】面板 (b) 被遮罩层中的图形 （c）遮罩图层中的图形 （d）两个图层重合后的效果 图3-5-10“闪光”元件编辑界面 51-论文-网-欢迎您 步骤4 创建“红星”元件 执行【插入】|【新建元件】命令，新建一个图形元件，名称为“红星”。我们要在这个元件中画一个漂亮的红星，为了画好红星，我们分九步来叙述具体的画法，图3-5-11中的“1-9”的数字表示这九个步骤。转贴于 51论 文网 图3-5-11 红星的九步画法 第一步，按住Shift键，从场景中心向上画一根黄色的线条，如图3-5-11中的“1”所示。转贴于 51论 文网 第二步，选择工具箱中的【任意变形工具】,在画好的线条上单击一下，这里，线条的中心出现一个白色的小圆点，我们叫它“变形点”，如图3-5-11