Flash激光文字效果制作全过程.pdf

经典案例 X—— “激光文字效果” 在本章的前面部分对 Flash 中的遮罩动画做了简单的介绍， 下面将进入 Flash 引导线动画和遮罩动画的综合性实例的介绍和制作 希望通过这个综合性案例， 使读者对 Flash CS5的动画制作有进一步深入的认识本案例运行效果在.\效果目录下 【设计思路】 • 新建文档 • 制作激光束影片剪辑 • 制作激光束运动动画 • 制作激光写字效果 • 保存和测试影片 【设计效果】 创建如图 X-1所示效果 【操作步骤】 一、新建文档 1、 运行 Flash CS5 软件 2、 打开 Flash 软件， 新建 Flash 文档， 保存该文件， 并将其命名为 “激光文字效果.fla” 将文件属性栏中的舞台大小的宽度设为 550 像素，高度设为 200 像素背景色为黑色 二、制作激光束影片剪辑 1、 制作激光束顶端的发光小球 1） 选择菜单【插入】/【新建元件】 ，弹出【创建新元件】对话框，在名称框输入：“ball” ；类型选择“影片剪辑” 随之进入影片剪辑编辑窗口 2） 选择【椭圆】工具，笔触颜色设置为：无，填充设置为从黄色（#FFFF00）到黑色 （#000000） 的渐变色， 在舞台上拖出一个不带边线的正圆， 如图 X-2 所示。

选中小球，按 F8 键把它转换成图形类元件，命名为： “light” 在第 12 帧按 F5键插入一个普通帧 3） 新建一个图层， 渐变色设置同上， 在刚才小球的旁边绘制如图 X-3 所示的小球把它拖到 X-2 所画的大圆的下面 在第 4 帧按 F6 键插入关键帧， 在这一帧把这个小圆拖到远离大圆的地方，方向任意，并把它的 Alpha 值改为“40%” ，如图X-4 所示选择第 1 帧，单击右键，创建传统补间 图X-1  图 X-2 图 X-3 图 X-4 4） 再新建一个图层，在第 2 帧按 F6 键插入关键帧，并把元件“light”从库面板中拖到大圆的上面，选中刚拖进来的实例，在属性面板中进行如图 X-5 的设置，这样这个小球就变成了绿色，如图 X-6 所示在第 6 帧按 F6 键插入关键帧，把这个小球拖得远一些，方向也任意，并把它的 Alpha 值改为“40%” ，回到第 1帧，单击右键，创建传统补间动画 图 X-5 图 X-6 5） 就这样新建若干层，在每一层的第 1 帧到第 7 帧中的任一帧插入关键帧，并把元件“light”拖进来，可以稍微放缩一些，再修改它的颜色属性，使它变成任意一种颜色。

然后在起始帧后的第 4 帧或第 5 帧按 F6 键插入关键帧， 把元件实例拖开一段距离，并把它的 Alpha 值改为“40%” ，最后再设置起始帧的动画补间 6） 这样设置的目的，是让激光束写字的时候从激光束顶端迸发出五颜六色的小颗粒以增强效果所以要求建立足够多的层，另外，还要不断调整小颗粒的颜色和飞出的方向等，以获得最好的效果全部完成后把最初绘制的大圆所在的层拖到最上面 【时间轴】面板如图 X-7 所示 2、 制作激光束的图片 1） 新建一个图形类元件， 名为 laserray 用黄色的填充色画一个竖直细长的矩形条，如图 X-8 所示为了操作方便，把图形放大 400%，如图 X-9 所示用选择工具把矩形的一端修改为尖的， 如图 X-10 所示 选中这个激光束， 旋转一个角度，如图 X-11 所示  图 X-7 图 X-8 2） 在库面板中把刚才做好的 ball 元件拖到舞台上放置在激光束的尖端，最好调整它们的位置，使十字定位符位于激光束的中间这样激光束的图片就做好了，做好的激光束如图 X-12 所示。

图 X-9 图 X-10 图 X-11 图 X-12 三、制作激光束运动动画 1、 单击【时间轴】面板下方的“场景”图标，进入“场景 1”的舞台窗口选择【文本】工具，设置【属性】面板中的文本类型为： “静态文本” ，字体选择“华文行楷” ，大小为：80，颜色为：橙色，在舞台中央写上文字“扬州职业大学” 如图X-13 所示 2、 选中写好的文字，按两次 Ctrl+B 键，将文字打散为图形如图 X-14 所示 图 X-13  图 X-14 3、 将舞台放大两倍，选择【墨水瓶】工具，设置笔触颜色为：白色，高度为 2，依次在文字的橙色区域单击，为文字添加白色边框如图 X-15 所示 图 X-15 4、 利用【选择】工具，分别选中橙色区域，按 Delete 键，将橙色填充区域删除，此时舞台上只剩下了白色文字边框，这样空心字就做好了，效果如图 X-16 所示 图 X-16 5、 在【图层】面板中将“图层 1”更名为“底图文字” ，单击图层面板下方的“添加图层”按钮，添加一个新的图层，并命名为“引导线” 选中“底图文字”图层的第 1 帧，单击鼠标右键，选择“复制帧” ，选中“引导线”图层的第 1 帧，单击右键，选择“粘贴帧” ，这样两个图层的内容就变得一致了。

时间轴如图 X-17所示 图 X-17 图 X-18 6、 将“底图文字”图层进行隐藏显示，只显示“引导线”图层，如图 X-18 所示 7、 选择“引导线”图层的第 1 帧，将舞台放大四倍显示，选择【部分选择】工具，在文字“扬”上单击，选中如图所示的控制点，如图 X-19 所示，按 Delete 键将该控制点删除删除该控制点后，效果如图 X-20 所示原先连在一起的笔画被分开了  图 X-19 图 X-20 8、 选择【橡皮擦】工具，调整橡皮擦形状为细小，在“扬”字的左上方擦出一个小小的缺口，效果如图 X-21 所示 9、 同样选择【部分选择】工具，选中“州”字，适当删除和调整控制点的位置，使得最终效果如图 X-22 所示 图 X-21 图 X-22 10、 再选择“橡皮擦”工具，调整橡皮擦形状为细小，在“州”字的左上方擦出一个小小的缺口，效果如图 X-23 所示 图 X-23 图 X-24 11、 用同样的方法对其他的文字进行操作，最终结果如图 X-24~X-27 所示。

 图 X-25 图 X-26 图 X-27 12、 选择“引导线”图层的第 120 帧，按 F5 键插入帧同样选择“底图文字”图层的第 120 帧，按 F5 键插入帧 13、 选择“底图文字”图层，在图层面板下方单击“添加图层”按钮，在“底图文字”图层的上方新加了图层 3，将其改名为“激光束” 14、 选择“引导线”图层，单击鼠标右键，在弹出的菜单中选择“属性” ，弹出“图层属性”对话框，在该对话框中设置该图层的类型为“引导层” 15、 选择“激光束”图层，单击鼠标右键，在弹出的菜单中选择“属性” ，弹出“图层属性”对话框，在该对话框中设置该图层的类型为“被引导” 这样就使得“激光束”图层成为了“引导线”图层的被引导层图层状态如图 X-28 所示 16、 选择“激光束”图层的第 1 帧，在库面板中将 laserray 元件拖放到舞台上，选择【任意变形】工具，将 laserray 元件的中心点移动到光斑的中心点，如图 X-29所示 图 X-28 图 X-29 图 X-30 17、 选择“激光束”图层的第 20 帧，按 F6 键插入关键帧。

选择第 1 帧，将激光束与“扬”字缺口的左端对齐，如图 X-30 所示选择第 20 帧，将激光束与文字缺口的右端对齐，如图 X-31 所示在第 1 帧上单击鼠标右键，选择“创建补间动画” ，这样就看到激光束沿着文字“扬”边缘做运动 18、 选择“激光束”图层的第 21 帧，按 F6 键插入关键帧，再选择第 40 帧插入关键帧选择第 21 帧，移动激光束与“州”字缺口的左端对齐，如图 3-2-31 所示选择第 40 帧，移动激光束使其与文字缺口的右端对齐，如图 3-2-32 所示这样激光束就沿着文字“州”边缘做运动 图 X-31 图 X-32 图 X-33 19、 用同样的方法在“激光束”图层的第 41 帧、第 60 帧、第 61 帧、第 80 帧，第 81帧、第 100 帧、第 101 帧、第 120 帧分别按 F6 键插入关键帧，移动激光束的位置使其与文字对齐至此，就实现了激光束从左往右沿文字边缘运动的效果 四、制作激光写字效果 1、 选择“底图文字”图层，在图层面板上单击“添加图层”按钮，创建一个新图层，将其命名为“遮罩” 。

选中该图层，单击鼠标右键，在弹出的菜单中选择“遮罩层”此时该图层转换为遮罩图，其下方的“底图文字”图层转换为了被遮罩层 2、 将两个图层的隐藏和锁定标志解除，如图 X-34 所示选择“底图文字”的第 1帧，单击右键，选择“复制帧”操作，选择“遮罩”图层的第 120 帧，单击右键，选择“粘贴帧”操作，将文字复制到了该图层的最后一帧选择该帧，修改文字的颜色为红色，如图 X-35 所示 图 X-34 图 X-35 3、 将“引导线”图层隐藏显示，将“底图文字”图层进行锁定选择“遮罩”图层的第 120 帧，单击右键，选择“复制帧”操作，选择该图层的 119 帧，单击右键，选择“粘贴帧”操作，即将后一帧的内容复制到前一帧中 选择 119 帧，选择“橡皮擦”工具，将从第 120 帧激光束所在的位置到第 119 帧激光束所在位置之间的红色路径线条擦除，如图 X-36 所示 4、 选择第 119 帧，将该帧复制到第 118 帧，在第 118 帧，利用“橡皮擦”工具把从第 119 帧激光束所在的位置到第 118 帧激光束所在位置之间经过的红色路径擦除。

如图 X-37 所示 图 X-36 图 X-37 图 X-38 5、 重复同样的操作，将后一帧复制到前一帧，在前一帧利用“橡皮擦”工具擦除两帧之间激光束所经过的路径一直做到第 1 帧，将红色路径全部擦除掉，其中过程如图 X-39-X-41 所示 图 X-39 图 X-40 图 X-41 6、 将“遮罩”图层和“底图文字”图层进行锁定，至此激光文字效果完成 五、保存和测试影片 1. 按 Ctrl + S 快捷键保存影片 【时间轴】面板状态如图 X-42 所示  图 X-42 2. 按 Ctrl + Enter 组合键测试影片， 效果见.\效果目录下的激光文字效果.swf 文档 要点提示：制作引导线动画时，要注意补间起始帧和终止帧都要在引导线上，否则对象不会沿着引导线做运动一个引导线可以同时引导多个对象进行运动；而一个对象只能同时被一个引导线所引导制作遮罩动画时，被遮住的内容可以显示，遮不住的部分不能被显示。

遮罩层的内容必须是填充，而不能是线条 【案例小结】 在本案例中，通过引导线动画和遮罩层动画的综合运用实例，为读者简述了 Flash 中高级动画制作的基本思路和方法希望读者通过本案例的操作，能够综合运用 Flash 的各种动画类型 。