《第三章-动画基础》由会员分享，可在线阅读，更多相关《第三章-动画基础（47页珍藏版）》请在金锄头文库上搜索。
1、第三章 动画基础第五节 遮罩动画知识提要 将线条转化为填充 创建遮罩动画 使用变形面板学习使用【橡皮擦工具】中的“水笼头”工具和擦除线条制作步骤（1）创建影片文档步骤1设置影片文档属性执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，单击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为400400像素，【背景色】为黑色（在教程中，我们为了更好地显示场景中的内容，设置背景色为#），如图3-5-3所示。转贴于 51论 文网 www.51lun- 图3-5-3 文档【属性】面板步骤2 设置背景图层选择工具箱中的【矩形工具】，在场景中绘制出一个400400
2、像素的无边正方形，用【放射状】渐变色进行填充，如图3-5-4所示。转贴于 51论 文网 www.51lun- 图3-5-4 无边矩形及混色器设置（2）创建元件步骤1 创建“闪光线条”元件 执行【插入】|【新建元件】命令，新建一个图形元件，名称为“闪光线条”。选择工具箱中的【线条工具】，设置【笔触颜色】为黄色，在场景中画一条直线，具体参数设置如图3-5-5所示。转贴于 51论 文网 www.51lun- 图3-5-5 闪光线条的【属性】面板参数设置步骤2 创建“闪光线条组合”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“闪光线条组合”，如图3-5-6所示。-图3-5-6 创建闪光
3、线条元件从库中将名为“闪光线条”的元件拖入新元件编辑场景中，在【属性】面板中，设置【X】为-200，【Y】为20。单击工具箱中的【任意变形工具】，此时元件实例的中心会出现一个小白点，它就是对象的“变形点”，用鼠标左键按住它，拖到场景的中心“+”处松手。转贴于 51论 文网 www.51lun- 图3-5-7中显示的是“变形点”在元件中心时的状态，和“变形点”已拖到场景中心时的状态。转贴于 51论 文网 www.51lun- 图3-5-7 变形点所处的不同位置51-论文-网-欢迎您 执行【窗口】|【设计面板】|【变形】命令，打开【变形】面板，选中【旋转】，角度为15度，连续单击【复制并应用变形】
4、按钮，在场景中复制出的效果如图3-5-8所示。转贴于 51论 文网 www.51lun- 图3-5-8 【变形】面板及复制完后的效果前面已经提到了，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”，所以我们应该将线条转换为填充形状。在时间轴的关键帧上单击一下，选中全部图形，执行【修改】|【分离】命令，把线条打散，再执行【修改】|【形状】|【将线条转化为填充】命令，将线条转变为形状。转贴于 51论 文网 www.51lun- 步骤3 创建“闪光”元件执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“闪光”，如图3-5-9所
5、示。转贴于 51论 文网 www.51lun- 图3-5-9 创建“闪光”元件单击【确定】后进入新元件编辑场景，接着把库里名为“闪光线条组合”的元件拖到场景中，使元件实例的中心点对齐场景中的“+”符号。在第30帧处加关键帧，用鼠标右键单击第1帧，在弹出的菜单中选择【创建补间动画】，切换到【属性】面板，设置【旋转】为【顺时针】，旋转一周。转贴于 51论 文网 www.51lun- 新增一个图层，选中第1帧，执行【编辑】|【粘贴到当前位置】命令，使两图层中的“闪光线条组合”实例完全重合，执行【修改】|【变形】|【水平翻转】命令，让复制过来的线条和第一层中的线条方向相反，在场景中形成交叉的图形。转贴
6、于 51论 文网 www.51lun- 选中第30帧，按F6键，新增一个关键帧，用鼠标右键单击第1帧，选择【创建补间动画】，建立动作补间动画，在【属性】面板中，设置【旋转】为逆时针旋转一周，最后将此层设为遮罩层，用鼠标右键单击靠上的图层，选择【遮罩层】，如图3-5-10所示。图中显示的是“闪光”元件的时间轴面板和各图层中的动画设置。转贴于 51论 文网 www.51lun- （a） 创建遮罩后的【时间轴】面板-(b) 被遮罩层中的图形（c）遮罩图层中的图形（d）两个图层重合后的效果图3-5-10“闪光”元件编辑界面51-论文-网-欢迎您 步骤4 创建“红星”元件执行【插入】|【新建元件】命令，
7、新建一个图形元件，名称为“红星”。我们要在这个元件中画一个漂亮的红星，为了画好红星，我们分九步来叙述具体的画法，图3-5-11中的“1-9”的数字表示这九个步骤。转贴于 51论 文网 www.51lun- 图3-5-11 红星的九步画法第一步，按住Shift键，从场景中心向上画一根黄色的线条，如图3-5-11中的“1”所示。转贴于 51论 文网 www.51lun- 第二步，选择工具箱中的【任意变形工具】,在画好的线条上单击一下，这里，线条的中心出现一个白色的小圆点，我们叫它“变形点”，如图3-5-11中的“2”所示。转贴于 51论 文网 www.51lun- 第三步，用鼠标左键按住变形点，拖
8、到线条的最下端，这是因为我们要让线条以下端为中心旋转复制，如图3-5-11中的“3”所示。转贴于 51论 文网 www.51lun- 第四步，执行【窗口】|【设计面板】|【变形】，打开【变形】面板，各参数设置如图3-5-12。转贴于 51论 文网 www.51lun- 按下【复制并应用变形】按钮四次，就会在场景中每隔72度复制出一条线条，五条线条的顶端构成五角星的五个顶点，如图3-5-11中的“4”所示。转贴于 51论 文网 www.51lun- 图3-5-12 【变形】面板第五步，用绿色线条分别连接五条线条的顶端，五角星的模样已经出来了，如图3-5-11中的“5”所示。转贴于 51论 文网
9、www.51lun- 第六步，用白色线条分别连接五角星中心和上一步连线的交叉点，如图3-5-11中的“6”所示。转贴于 51论 文网 www.51lun- 第七步，选择工具箱中的【橡皮擦工具】，在工具箱下面的【选项】中选择【水龙头】工具，在多余的线段上单击一下，按Delete键，删除线段，修整好的五角星如图3-5-11中的“7”所示。转贴于 51论 文网 www.51lun- 第八步，选择工具栏上的【填充色】，在打开的【调色器】面板中，用【拾色器】拾取由红到黑的放射状渐变色，从左到右两个填充色块的颜色值分别为：#FF0000、#，如图3-5-13所示。转贴于 51论 文网 www.51lun-
10、 图3-5-13 设置五角星的填充颜色用【颜料桶工具】给五角星上色，再用【填充变形工具】调整每个角的颜色范围，使之略有区别，增加立体感，如图3-5-11中的“8”所示。转贴于 51论 文网 www.51lun- 第九步，再选择【橡皮擦工具】，单击【选项】下的按钮，选择【擦除线条】项（选择后，会在“擦除线条”的左边出现一个小勾），如图3-5-14所示。转贴于 51论 文网 www.51lun- 图3-5-14 擦除线条用【橡皮擦工具】擦去红星上的线条，一颗漂亮的红星就绘制出来了，如图3-2-11中的“9”所示。转贴于 51论 文网 www.51lun- 技巧：在Flash MX 2004中，还可
11、以用更简单的方法绘制出红星，单击工具箱中【矩形工具】按钮下方的小黑三角形，在下拉菜单中选择【多角星形工具】。转贴于 51论 文网 www.51lun- 在【属性】面板上设置，单击按钮，弹出【工具设置】对话框，参数设置如图3-5-15所示。转贴于 51论 文网 www.51lun- 图3-5-15 多角星形工具选项设置面板-设置完后，单击【确定】按钮，在场景中拖动鼠标，就会画出一个五角星的形状来。转贴于 51论 文网 www.51lun- 步骤5 导入音乐文件新建一层，执行【文件】|【导入】|【导入到库】命令，将配套光盘中的名为“sound1.mp3”的音乐文件导入到库中（“sound1.mp3
12、”文件位置：光盘examplepart3*音乐sound1.mp3）。转贴于 51论 文网 www.51lun- （3）创建动画回到主场景1中，新增三个图层，把“闪光”元件拖入第二层中，“红星”元件拖入到第三层中，在场景的下方输入白色的“闪客启航电影制片厂”文字，把声音拖入到第四层中，完成后的时间轴面板与场景如图3-5-16所示。转贴于 51论 文网 www.51lun- 图3-5-16 时间轴及场景选中第四层的第一帧，在【属性】面板中，设置【同步】为【事件】，如图3-5-17所示。转贴于 51论 文网 www.51lun- 图3-5-17 声音【属性】面板按快捷键Ctrl+Enter快捷键，
13、测试动画。此时，你欣赏着自己亲手做的“闪闪红星”动画，心中再回想一下“遮罩”在动画中的作用，是否已经感受到“遮罩”这一功能的神奇？好吧，趁着兴致正浓，我们再用遮罩来做一个文字效果。转贴于 51论 文网 www.51lun- 5. 实例2要学做闪客实例简介“嗖”，伴着这声音，一道白光迅速掠过一排文字，这是我们经常在广告和电视中看到的效果，如图3-5-18所示。转贴于 51论 文网 www.51lun- 你想不想知道它们是怎么制作出来的呢？其实很简单，利用前面学过的知识就可轻易地做出这个效果，下面，让我们动手试一试。转贴于 51论 文网 www.51lun- 本例源文件：“我要学做闪客.fla”，
14、在光盘相关目录下。转贴于 51论 文网 www.51lun- 图3-5-18 本例运行效果知识要点 字体的二次打散 将字体转为形状 创建遮罩动画（1）创建影片文档执行【文件】|【新建】命令，在弹出的对话框中选择【常规】|【Flash文档】选项后，单击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为550400像素，【背景色】为黑色（在教程中，我们为了更好地显示场景中的内容，背景色设为了深绿色）,如图3-5-19所示。转贴于 51论 文网 www.51lun- 图3-5-19 文档属性（2）创建元件步骤1 创建“我要学做闪客”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“我要学做闪客”。单击工具箱中的【文字工具】，在场景中输入“我要学做闪客”六个字，在【属性】面板中，设置文字参数如图3-5-20所示。转贴于 51论 文网 www.51lun- 图3-5-20 “我要学做闪客”文字选中字体，执行【修改】|【分离】命令二次，把字体打散，再选择【颜料桶工具】，把字体中心填充成红色。各个步骤的文字效果如图3-5-21所示。转贴于 51论 文网 www.51lun- 图3-5-21 文字效果步骤2 创建“辉光”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“辉光”。执行【窗口】|【设计
