Flash经典实例之水波字

效果预览图：

 图3-1

效果简介：

在日常生活中，水波是常可以看见的，水波效果也常被使用各种作品中。

文章简介：

文章中主要讲解效果中遮罩的使用，但更注重设计技巧。学习该效果主要就是为了掌握水波纹的制作方法。另外，读者将学习一下其它的几种工具的使用。效果如图3-1所示。

制作步骤：

1．设置场景的大小为300px×100px，背景为黑色，帧频为15fps。

2．按快捷键Ctrl+L打开“库”面板，单击“库”面板中“新建元件”按钮 打开“创建新元件”面板创建一个“文字”图形元件。如图3-2所示。

图3-2

3．点选中“文本”工具，并如图3-3所示对“属性”面板进行设置。字体颜色为#336699。然后在场景中写下“水波文字”这几个字。

图3-3

4．创建一个“遮罩”图形元件，见图3-2所示的库面板。点选中“工具”面板中的“椭圆”工具，并如图3-4所示设置“属性”面板。

图3-4

接着按住Shift键，用鼠标左键拖拽出一个白色圆环。然后在“属性”面板将其高和宽都设置为20px。图3-4中的数字“4”表示线条的宽度。

图3-5

现在我们把线宽改成“6”，再用鼠标拉出一个更大的圆环，高宽为35px。然后依次再画两个更大的圆环，最后一个圆环的线宽为“10”，高宽为100px。最终设置效果如图3-5所示。

5．设置好两个元件，回到主场景。如图3-6所示创建“文字1”层、“文字2”层、“遮罩”层。

图3-6

6．按快捷键Ctrl+L打开库，把库中的“文字”元件拖到“文字1”层中。然后单击选中该层的第50帧按F5键插入帧。接着单击“隐藏/显示”按钮 隐藏“文字1”层中的元件，如图3-7所示。也可以按“锁定层”按钮锁定层，使层中的元件可见，但不可编辑，这些视设计的需要而定。

图3-7

7．把库中的“文字”元件再拖到“文字2”层中。单击选中该层的第50帧按F6键插入关键帧。

8．点选中“文字2”层第1帧里的“文字”元件，然后打开“变形”面板，把“文字”元件缩小到原来的70%。并在“属性”面板中把该元件的透明度设置成70%，如图3-8所示。

图3-8

9．点选中“文字2”层第50帧里的“文字”元件，并在“变形”面板中设置“文字”元件缩放比例为105%。然后按“回车”确定。

10．右键单击“文字2”层的第1帧，在弹出菜单里点选“创建补间动画”命令创建补间动画。

11．把库中的“遮罩”元件拖到“遮罩”层中。接着单击该层的第50帧并按F6键插入关键帧。然后再通过“变形”面板把第1帧里的“遮罩”元件缩放到原来的10%，第50帧里的“遮罩”元件分别缩放500%和240%，如图3-9所示。

图3-9

12．右键单击“遮罩”层的第1帧，在弹出菜单里点选“创建补间动画”命令创建补间动画。接着右键单击“遮罩”层选择“遮罩”命令建立遮罩。主场景最终的设置如图3-10所示。

图3-10

水波文字的效果到这里就做好了。最终效果如效果图3-1所示。