Flash MX2004入门与进阶实例:3.4 遮罩动画
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-09
用遮罩来做一个文字效果。
5. 实例2——要学做闪客
实例简介
“嗖”，伴着这声音，一道白光迅速掠过一排文字，这是我们经常在广告和电视中看到的效果，如图3-5-18所示。
你想不想知道它们是怎么制作出来的呢？其实很简单，利用前面学过的知识就可轻易地做出这个效果，下面，让我们动手试一试。
本例源文件：“我要学做闪客.fla”，在光盘相关目录下。
?
图3-5-18 本例运行效果
知识要点
●? 字体的二次打散
●? 将字体转为形状
●? 创建遮罩动画
（1）创建影片文档
执行【文件】|【新建】命令，在弹出的对话框中选择【常规】|【Flash文档】选项后，单击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为550×400像素，【背景色】为黑色（在教程中，我们为了更好地显示场景中的内容，背景色设为了深绿色）,如图3-5-19所示。
图3-5-19 文档属性
?
（2）创建元件
步骤1 创建“我要学做闪客”元件
执行【插入】|【新建元件】命令，新建一个图形元件，名称为“我要学做闪客”。单击工具箱中的【文字工具】 ，在场景中输入“我要学做闪客”六个字，在【属性】面板中，设置文字参数如图3-5-20所示。
图3-5-20 “我要学做闪客”文字
选中字体，执行【修改】|【分离】命令二次，把字体打散，再选择【颜料桶工具】，把字体中心填充成红色。各个步骤的文字效果如图3-5-21所示。
 ?
图3-5-21 文字效果
上一页??[1]?[2]?[3]?[4]?[5]?[6]?下一页??
第三章 动画基础 第五节 遮罩动画(6) 步骤2 创建“辉光”元件 执行【插入】|【新建元件】命令，新建一个图形元件，名称为“辉光”。执行【窗口】|【设计面板】|【混色器】命令，打开【混色器】面板，设置【填充样式】为线性，将三个色标全部设置为白色，第一和第三个的【Alpha】值为零，中间的为74%（你可按需设置），设置完后，在场景中画一个无边矩形，大小为40×230，如图3-5-22所示。 
图3-5-22 【混色器】面板和图形
步骤3 导入音乐文件
执行【文件】|【导入】|【导入到库】命令，将配套光盘中的名为“sound2.mp3”的音乐文件导入到库中（“sound2.mp3”文件位置：光盘\example\part3\***\音乐\sound2.mp3）。
（4）创建动画
单击时间轴右上角的【场景1】按钮，切换到主场景。
本例的主场景1中共有四个图层，我们从下向上一层一层的做，可参看图3-5-25所示。
步骤1 创建【底层文字】层
将【图层1】重新命名为【底层文字】。
从库里把“我要学做闪客”的元件拖到场景中，在第60帧处添加普通帧，这一层起显示文字的作用。
步骤2 创建被遮罩层
新建一个【辉光】图层，从库里把“辉光”元件拖到场景中，放在“我要学做闪客”元件实例的左边。选择工具栏上的【任意变形工具】，单击【选项】中的【旋转与倾斜】按钮，将鼠标放在“辉光”元件实例的任意一个角，拖动鼠标旋转一定有角度，使“辉光”元件实例产生一定的倾斜度。在第30、60帧处添加关键帧，在第30帧处把“辉光”元件实例拖到“我要学做闪客”元件实例的右边，在第1帧和第30帧处建立动作补间动画，如图3-5-23所示。
?
图3-5-23 “辉光”元件在场景中的位置
步骤3 创建遮罩层
新建一个【遮罩层】图层，复制【底层文字】层的第一帧中的元件实例，选择【遮罩层】的第1帧，执行【编辑】|【粘贴到当前位置】命令，用鼠标右键单击【遮罩层】，选择【遮罩层】，设置此层为遮罩层，这一层的作用是用字体做遮罩元素，用它来控制辉光在场景中出现的大小和位置。
步骤4 设置声音
新增一个【声音层】图层，在第1、30帧处添加关键帧，在【属性】面板上设置声音选项，如图3-5-24所示。
图3-5-24 声音设置
至此，我们就已经创建好了“我要学做闪客”这个动画，时间轴面板如图3-5-25所示。
|
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于Flash MX2004入门与进阶实例:3.4 遮罩动画的所有评论
