gggds 发表于 2009-12-27 12:26:36

Fireworks文本路径结合操作(1)

输入的文本一般总是位于一个矩形的文本框中,很多情况下我们需要绘出动态的文本。为达到这个效果,我们可以绘制一条路径,然后将文本附着于路径之上,文本将随着路径的改变而改变。不过此时路径又失去了笔触、描边、填充等路径属性。下面我们具体看看Fireworks中文本和路径的结合操作可以实现哪些灵活丰富的效果。
  1. 附加文本到路径
  在Fireworks中,我们可以将文本附加到某个路径上,此时文本会按照路径的方向和形态排列。当文本被附加到路径后仍然可以编辑文本,描边、填充和效果属性都将用于文本,而非路径。不过一旦文本与路径剥离,路径还能恢复它的原有属性。下面看看如何将文本附加到路径的:
  (1) 新建一个文件,然后选择工具箱中的钢笔工具,在绘图区中绘制出一条路径,如图1所示。

http://edu.chinaz.com/Files/BeyondPic/yl050303-fw1-01.jpg
图1 绘制路径
  (2) 选择工具箱中的文本工具在绘图区单击添加一个文本。然后使用工具箱上的选择工具按住Shift键同时选中路径和文本对象,如图2所示。

http://edu.chinaz.com/Files/BeyondPic/yl050303-fw1-02.jpg
图2 选中文本和路径
  (3) 点击“Text”菜单,在下拉菜单中选择“Attach to Path”(附加到路径),文本即被附加到路径上,这时文本随着路径的形状而改变其原先的方向和位置,如图3所示。

http://edu.chinaz.com/Files/BeyondPic/yl050303-fw1-03.jpg
图3 将文本附加到路径上
  (4) 如果分离文本与路径,可选中文本与路径后,选择“Text”菜单下的“Detach from Path”(从路径分离)。分离后,路径将恢复其原有属性。
  注意:如果文本的长度超出了所附加到的路径长度,那么剩下的文本会折返回来重复路径的形状,出现这样的情况可以通过修改文本的字体大小或者修改路径的长度来调整。
  2.改变文本起始位置
  选中附加到路径上的文本在属性面板的“Path offset” (文本偏移)文本框中输入需要的偏移量即可改变文本的其实位置,如图4所示。得到图5所示图像。

http://edu.chinaz.com/Files/BeyondPic/yl050303-fw1-04.jpg
图4 设置文本偏移量

http://edu.chinaz.com/Files/BeyondPic/yl050303-fw1-05.jpg
图5 改变文本的起始位置
页: [1]
查看完整版本: Fireworks文本路径结合操作(1)