3.4　制作环绕球体旋转的文字

结合Fireworks软件，利用Flash软件能够更方便地制作动画，同时提高动画的制作效率。

【例3-3】　制作环绕球体旋转的文字。制作步骤如下：

（1）新建Flash文档。进入Flash后，在菜单栏中选择“文件”|“新建”命令。在弹出的“新建文档”对话框中选择“Flash文档”类型。然后单击“确定”按钮，即可新建Flash文档，并打开动画场景编辑区。

（2）设置Flash文档及动画场景的属性。在菜单栏中选择“修改”|“文档”命令，则会弹出“文档属性”对话框。在“文档属性”对话框中将动画场景的“尺寸”设置为200px（宽）×200px（高），将动画场景的“背景颜色”设置为“黑色”，并将“帧频”设置为5fps。

（3）设置标尺和网格。在菜单栏中选择“视图”|“标尺”命令，即可设置动画场景编辑区的标尺。在菜单栏中选择“视图”|“网格”|“编辑网格”命令，可以打开“网格”对话框。如图3-16所示，在“网格”对话框中设置网格的水平和垂直基线间距，然后单击“确定”按钮，即可在动画场景编辑区中设置和显示网格。标尺和网格将有助于动画元件在动画场景编辑区中的快速定位。

（4）制作图形Ball元件。在菜单栏中选择“插入”|“新建元件”命令，然后在“创建新元件”对话框中输入新元件的名称Ball，并选择“图形”类型，最后单击“确定”按钮，即可创建新的图形元件Ball，并将该图形元件添加到Flash窗口右边的“库”面板中。同时，在Flash窗口的中间打开元件编辑区。

在“工具”面板中单击“椭圆工具”，在元件编辑区中通过拖动鼠标绘制一个正圆。然后，通过Flash窗口下方的“属性”面板将圆形精确定位在元件编辑区的正中央，同时将圆形的宽和高均设置为140像素。

在菜单栏中选择“窗口”|“混色器”命令，在Flash窗口右方打开“混色器”窗口。如图3-17所示，设置混色器。

在“工具”面板中单击“颜料桶工具”，单击圆形的中心点。然后，使用“工具”面板中的“填充变形工具”将球体的色彩方向调整到如图3-18所示。

（5）制作旋转文字“* WellcomeToHere * WellcomeToHere”。

首先，在Fireworks中制作环绕圆圈的文字。

①　打开Fireworks，创建宽度和高度均为200像素、背景颜色为黑色的画布。

②　在画布中央绘制直径为120像素的实线圆圈。

③　在画布中添加字体为Arial Black、大小为16、颜色为绿色的文字“* Wellcome ToHere * WellcomeToHere”，并将该文字设置为粗体。

④　将文字“*WellcomeToHere * WellcomeToHere”附加到圆圈上，并使文字两端对齐。

⑤　使用Ctrl+C组合键，将环绕圆圈的文字“* WellcomeToHere * WellcomeToHere”复制到Windows剪贴板。

然后，在Flash中制作旋转文字。

①　在Flash窗口中，切换到动画场景编辑区，使用Ctrl+V组合键，从Windows剪贴板中粘贴环绕圆圈的文字“* WellcomeToHere * WellcomeToHere”。此时，在“库”面板中会自动增加一个位图，将该位图重新命名为WellcomeToHere。至此，“库”面板中的元件如图3-19（a）所示。

②　在菜单栏中选择“插入”|“新建元件”命令，创建名称为Rotating WellcomeToHere、类型为“影片剪辑”的新元件，并进入元件编辑区。

③　从“库”面板中将位图WellcomeToHere拖放到元件编辑区。然后，在“属性”面板中调整位图的宽、高、X和Y属性，使位图WellcomeToHere位于元件编辑区的正中央。此时，完成“影片剪辑”元件Rotating WellcomeToHere中第1帧动画的制作。

④　在“时间轴”面板中右击第50帧，在弹出的快捷菜单中选择“插入关键帧”命令。

⑤　在“时间轴”面板中单击第1帧。然后，在“属性”面板中将“补间”项设置为“动画”、将“旋转”项设置为“顺时针”。这样，即可在第1帧和第50帧两个关键帧基础上创建补间动画。

至此，“库”面板中的元件如图3-19（b）所示。其中，“影片剪辑”元件Rotating WellcomeToHere是在位图WellcomeToHere基础上创建的。

（6）在Flash窗口中切换到动画场景编辑区，布置整个动画的场景。

①　从“库”面板将“图形”元件Ball拖放到动画场景编辑区，将元件Ball的高和宽均设置为140像素，并将其调整到动画场景编辑区的正中央。

②　从“库”面板将“影片剪辑”元件Rotating WellcomeToHere拖放到动画场景编辑区，将元件Rotating WellcomeToHere的高和宽均设置为180像素，并将其调整到动画场景编辑区的正中央。

③　在“工具”面板中选择“文本工具”。然后，在元件Ball上方输入文本“欢迎光临《网页设计与制作》课程网站”，将文本的字体、大小和颜色分别设置为“楷体_GB2312”、16像素和紫色，并将文本设置为粗体和居中对齐。

整个动画的场景布置如图3-20所示。

（7）演示动画。在菜单栏中选择“控制”|“测试影片”命令，即可演示动画。文本“* WellcomeToHere * WellcomeToHere”会环绕球体并按顺时针方向旋转。

（8）保存Flash文档，将文档命名为3-3.fla。然后，发布并生成同名的.swf文件。