当前位置导航:炫浪网>>网络学院>>在线图书>>图形图像教程>>fireworks入门与进阶>>第二章 网页基本功

第三节:文字 2

三、 文字和路径的结合

  利用Firework中的“Attach to Path”,我们可以让文本按照设定的路径进行排列;另外,为文本设定不同的对齐方式,我们还可以获得风格各异的文字排列效果,不仅如此,最令人惊叹的是,附在路径上的文本还仍然保留着可以在Text Editor中编辑的特性。   

  将文本按照路径进行排列的具体步骤如下:

  1、输入文字,例如:洪恩在线www.hongen.com。

  2、选取“钢笔工具” ,首先单击画布设置路径的起始点,然后在适当的位置按下鼠标,并拖动鼠标,绘制出一个弧形路径,此时松开鼠标,将鼠标移动到路径的终点,双击鼠标退出编辑状态,这样,一个美妙的弧形路径就绘制出来了。 另外,我们也可以利用直线、椭圆、铅笔等路径绘制工具,来绘制文本排列的路径。这里值得注意的是:当我们用椭圆工具来绘制路径时,必须将Fill面板中的填充类型设为“None”,这样我们才能得到一个没有填充的路径。(如图5)

绘制弧形

图5 绘制弧形

  3、按住Shift键同时选取文本对象和路径对象。

  4、选取菜单“Text/Attach to Path”,这时被选中的文本就会沿着路径排列。(如图6)

文本沿路径排列

图6 文本沿路径排列

  5、选取菜单“Text/Align(对齐)”中上一栏的“Justified(左右两端对齐)”对齐方式,选取菜单“Text/Orientation(方向)”中的“Rotate Around Path(绕着路径旋转)”,“洪恩在线www.hongen.com”就摇身一变,成了另外一个样子(如图7)

绕着路径旋转

图7 绕着路径旋转

  6、如果我们要修改文本,只需双击文本对象就可以在打开的Text Editor中对文本进行重新编辑,例如,我们单击“文本排列顺序”的反向按钮,文本就变成了水平反向排序(如图8)

水平反向排列

图8 水平反向排列

  7、如果我们想让文本垂直反向排列,只需选中文本对象,然后选取菜单“Text/Reverse Direction(反方向)”即可。(如图9)

垂直反向排列

图9 垂直反向排列

  8、如果我们想要改变路径,就需要执行“Text/Detach from Path”将文本和路径分离,然后才能对路径做进一步的编辑。

  9、文本附加路径通常是以路径的起点作为文本环绕路径的起点,我们可以通过改变“Object”面板中“Text Offset(文本偏移量)”来调整文本环绕路径的位置,例如,将“Text Offset”改为20,效果如图10

起始位置变更的效果

图10 起始位置变更的效果

上一篇:第三节:文字 下一篇:无!
相关内容
赞助商链接