2.4　将文本附加到路径

在Fireworks的“工具”面板中，使用“矢量”区域中的工具可以绘制直线、圆、椭圆、正方形和矩形等矢量图形，并且这些图形是以路径定义形状的计算机图形。此外，将文本附加到矢量图形的路径上，还可以达到沿特定路径排列文字的特殊效果。

【例2-3】　环绕文字效果。制作步骤如下：

（1）创建新画布。进入Fireworks后，在菜单栏中选择“文件”|“新建”命令。在弹出的“新建文档”对话框中将画布的宽度和高度分别设置为300像素和300像素，并将画布颜色设置为白色。然后，单击“确定”按钮，即可在舞台中创建新画布。在菜单栏中选择“视图”|“缩放比率”命令，放大画布的尺寸。

（2）绘制圆形。在“工具”面板的“矢量”区域中选择“椭圆”工具，在画布中央绘制一个直径为160像素的圆形，将其“填充类别”设置为无，将其“描边种类”“笔尖大小”和“颜色”分别设置为实线、1像素和黑色。

（3）切割圆形路径。确认已选中圆形路径，否则在“工具”面板的“选择”区域中选择“指针”工具，然后再单击圆形。在“工具”面板的“矢量”区域中选择“刀子”工具。然后，绘制一条通过圆形路径左右两个节点的直线，即可将整个圆形路径切割为上、下两个半圆形路径。

（4）在画布中添加文本。在“工具”面板的“矢量”区域中选择“文本”工具，然后在画布中输入文本www.tup.com.cn，并将文本的字体、大小、颜色分别设置为Arial Black、25磅、红色。

（5）将文本附加到上半圆形路径。在“工具”面板的“选择”区域中选择“部分选定”工具，然后按住鼠标左键，并移动鼠标在画布中选择一个包括文本www.tup.com.cn和上半圆形路径的矩形区域，即可同时选中文本和上半圆形路径。在菜单栏中选择“文本”|“附加到路径”命令，即可将文本www.tup.com.cn附加到上半圆形路径。

（6）沿路径均匀排列文本。确认已选中文本www.tup.com.cn，然后在菜单栏中选择“文本”|“对齐”|“两端对齐”命令，即可将文本沿上半圆形路径均匀排列。

（7）将文本附加到下半圆形路径。按照步骤（4）～（6）的方法，将文本“清华大学出版社”附加到下半圆形路径，并沿路径均匀排列文本。

（8）设置文本样式。确认选中文本“清华大学出版社”，将其字体、大小、颜色分别设置为华文彩云、30磅、红色。

（9）翻转文本。在菜单栏中选择“文本”|“倒转方向”命令，可以将文本沿路径翻转。

（10）下沉文本。在菜单栏中选择“文本”|“编辑器”命令，会弹出“文本编辑器”对话框。如图2-7所示，在对话框中将“基线调整”设置为-10，可以使文本下沉。

也可以选中全部文本，然后在“属性”面板中设置“基线调整”。

至此，完成了最终的环绕文字效果。

（11）保存.png文件。将图像设计结果保存在.png格式的文件中，并将文件命名为2-3.png。

图2-7　环绕文字的最终效果

（12）生成.gif文件。在菜单栏中选择“文件”|“导出”命令，根据.png文件生成同名的.gif文件。