如何制作水面浮动文字效果？

问题10：如何制作水面浮动文字效果？

解决思路

本例通过遮蔽效果来实现。被遮蔽层为简便填充，这样在视觉上给人浮动的感觉。具体的图层结构如图2.4.73所示。 图2.4.73   时间线结构

具体步骤

1、运行Flash MX 2004，设置背景颜色为黑色，文档大小为550*200。

2、把图层1命名为“文字1”图层，利用文本工具书如静态文本“欢迎光临闪吧”。字体颜色白色。如图2.4.74所示。

图2.4.74        输入静态文本

3、新建图层“文字2”，拷贝复制静态文本至图层“文字2”。

4、新建图层“遮罩”，在工具栏里面选择矩形工具，使用线性填充，绘制一个矩形。如图2.4.75所示。

图2.4.75       绘制渐变矩形

5、不断拷贝复制这个矩形，与图层“文字1”的文本等宽。如图2.4.76所示。

图2.4.76      复制矩形

6、选择所有矩形，拷贝复制到当前位置，并无缝对接。如图2.4.77所示。

图2.4.77     无缝对接

7、选择图层“遮罩”第1帧的所有矩形，转化为图形元件“遮罩”。

8、在图层“遮罩”的第50帧插入关键镇，把图形元件“遮罩”向右移动。移动位置如图2.4.78所示。

图2.4.78      第50帧的位置

9、创建移动渐变动画。

10、利用鼠标把图层“文字1”拖放到图层“遮罩”的上方，并创建遮罩层。然后把图层“文字2”拖放到最上方。如图2.4.79所示。

图2.4.79             时间轴分布

11，选中图层“文字2”的第1帧中的文本，利用方向键向右上移动一下。并把图层“文字1”“文字2”延长至第50帧。 1，  保存完成，最后效果如图2.4.80所示。请参考源文件水面浮动文字1.fla

图2.4.80    最后完成效果

注  意 ——移动图层“文字2”第1帧文本的时候，不要移动太大位置，不然就不真实了。

提  示 ——这个事例其实是利用了边缘的渐变移动来完成的。

试一试 ——朋友们可以试着做一下这个效果，我们还可以利用其他的方法来完成这个效果。大家不妨想一想。

特别说明

本例在技术上没有什么难度，但是在最后调整的时候，大家一定要注意，图层“文字1”和下面的遮罩层的位置关系。位置太远，晃动的就厉害了。位置太近，没有效果。朋友们可以反复的试验一下。

相关问题

下面向大家介绍另外一个制作水面浮动效果的方法，这个方法与“流光溢彩文字效果”的制作方法相近。

1、运行Flash MX 2004，文档设置参考上例。

2、把图层1命名为图层“文字1”，输入静态文本。

3、新建“文字2”图层，拷贝“文字1”图层的文本。

4、选中“文字2”图层的文本，利用“CTRL+B”两次，把文本分离成矢量图。

5、【修改】|【形状】|【扩散填充】，数值为4像素。如图2.4.81所示。

图2.4.81       扩散填充

6、新建一个图层“遮罩”，利用上例的方法制作渐变填充矩形。如图2.4.82所示。

图2.4.82     渐变填充矩形

7、上例制作步骤。整体拷贝复制，并转换为图形元件。在第50帧插入关键帧，创建移动渐变动画。

8、调整各图层的位置，并在“文字2”图层创建遮罩层。如图2.4.83所示。

图2.4.83       时间线的分布

7，  保存测试，最后的效果如图2.4.84所示。

图2.4.84     最后效果

请参考源文件水面浮动文字2.fla