Flash MX2004入门与进阶实例:3.4 遮罩动画
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-09
填充
l???????? 创建遮罩动画
l???????? 使用变形面板
l???????? 学习使用【橡皮擦工具】中的“水笼头”工具和擦除线条
制作步骤
（1）创建影片文档
?步骤1设置影片文档属性
执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，单击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为400×400像素，【背景色】为黑色（在教程中，我们为了更好地显示场景中的内容，设置背景色为#003333），如图3-5-3所示。
图3-5-3 文档【属性】面板
步骤2 设置背景图层
选择工具箱中的【矩形工具】，在场景中绘制出一个400×400像素的无边正方形，用【放射状】渐变色进行填充，如图3-5-4所示。
?
图3-5-4 无边矩形及混色器设置
（2）创建元件
步骤1 创建“闪光线条”元件
? 执行【插入】|【新建元件】命令，新建一个图形元件，名称为“闪光线条”。选择工具箱中的【线条工具】 ，设置【笔触颜色】为黄色，在场景中画一条直线，具体参数设置如图3-5-5所示。
图3-5-5 闪光线条的【属性】面板参数设置
步骤2 创建“闪光线条组合”元件
执行【插入】|【新建元件】命令，新建一个图形元件，名称为“闪光线条组合”，如图3-5-6所示。
图3-5-6 创建闪光线条元件
从库中将名为“闪光线条”的元件拖入新元件编辑场景中，在【属性】面板中，设置【X】为-200，【Y】为20。单击工具箱中的【任意变形工具】 ，此时元件实例的中心会出现一个小白点，它就是对象的“变形点”，用鼠标左键按住它，拖到场景的中心“+”处松手。
图3-5-7中显示的是“变形点”在元件中心时的状态，和“变形点”已拖到场景中心时的状态。
?
图3-5-7 变形点所处的不同位置
上一页??[1]?[2]?[3]?[4]?[5]?[6]?下一页??
第三章 动画基础 第五节 遮罩动画(3) 执行【窗口】|【设计面板】|【变形】命令，打开【变形】面板，选中【旋转】，角度为15度，连续单击【复制并应用变形】按钮  ，在场景中复制出的效果如图3-5-8所示。
图3-5-8 【变形】面板及复制完后的效果
前面已经提到了，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”，所以我们应该将线条转换为填充形状。在时间轴的关键帧上单击一下，选中全部图形，执行【修改】|【分离】命令，把线条打散，再执行【修改】|【形状】|【将线条转化为填充】命令，将线条转变为形状。
步骤3 创建“闪光”元件
执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“闪光”，如图3-5-9所示。
图3-5-9 创建“闪光”元件
单击【确定】后进入新元件编辑场景，接着把库里名为“闪光线条组合”的元件拖到场景中，使元件实例的中心点对齐场景中的“+”符号。在第30帧处加关键帧，用鼠标右键单击第1帧，在弹出的菜单中选择【创建补间动画】，切换到【属性】面板，设置【旋转】为【顺时针】，旋转一周。
新增一个图层，选中第1帧，执行【编辑】|【粘贴到当前位置】命令，使两图层中的“闪光线条组合”实例完全重合，执行【修改】|【变形】|【水平翻转】命令，让复制过来的线条和第一层中的线条方向相反，在场景中形成交叉的图形。
选中第30帧，按F6键，新增一个关键帧，用鼠标右键单击第1帧，选择【创建补间动画】，建立动作补间动画，在【属性】面板中，设置【旋转】为逆时针旋转一周，最后将此层设为遮罩层，用鼠标右键单击靠上的图层，选择【遮罩层】，如图3-5-10所示。图中显示的是“闪光”元件的时间轴面板和各图层中的动画设置。
（a） 创建遮罩后的【时间轴】面板
(b) 被遮罩层中的图形
（c）遮罩图层中的图形
（d）两个图层重合后的效果
图3-5-10“闪光”元件编辑界面
上一 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于Flash MX2004入门与进阶实例:3.4 遮罩动画的所有评论
