| 订阅 | 在线投稿
分享
 
 
 

Fireworks文本路径结合操作

来源:互联网  宽屏版  评论
2008-05-19 10:04:57

输入的文本一般总是位于一个矩形的文本框中,很多情况下我们需要绘出动态的文本。为达到这个效果,我们可以绘制一条路径,然后将文本附着于路径之上,文本将随着路径的改变而改变。不过此时路径又失去了笔触、描边、填充等路径属性。下面我们具体看看fireworks中文本和路径的结合操作可以实现哪些灵活丰富的效果。

1. 附加文本到路径

在Fireworks中,我们可以将文本附加到某个路径上,此时文本会按照路径的方向和形态排列。当文本被附加到路径后仍然可以编辑文本,描边、填充和效果属性都将用于文本,而非路径。不过一旦文本与路径剥离,路径还能恢复它的原有属性。下面看看如何将文本附加到路径的:

(1) 新建一个文件,然后选择工具箱中的钢笔工具,在绘图区中绘制出一条路径,如图1所示。

Fireworks文本路径结合操作

图1 绘制路径

(2) 选择工具箱中的文本工具在绘图区单击添加一个文本。然后使用工具箱上的选择工具按住Shift键同时选中路径和文本对象,如图2所示。

Fireworks文本路径结合操作

图2 选中文本和路径

(3) 点击“Text”菜单,在下拉菜单中选择“Attach to Path”(附加到路径),文本即被附加到路径上,这时文本随着路径的形状而改变其原先的方向和位置,如图3所示。

Fireworks文本路径结合操作

图3 将文本附加到路径上

(4) 如果分离文本与路径,可选中文本与路径后,选择“Text”菜单下的“Detach from Path”(从路径分离)。分离后,路径将恢复其原有属性。

注意:如果文本的长度超出了所附加到的路径长度,那么剩下的文本会折返回来重复路径的形状,出现这样的情况可以通过修改文本的字体大小或者修改路径的长度来调整。

2.改变文本起始位置

选中附加到路径上的文本在属性面板的“Path offset” (文本偏移)文本框中输入需要的偏移量即可改变文本的其实位置,如图4所示。得到图5所示图像。

Fireworks文本路径结合操作

图4 设置文本偏移量

Fireworks文本路径结合操作

图5 改变文本的起始位置

3.改变文本方向

文本被附加到路径后,选择“Text>>Orientation”,然后从其子菜单中选择需要的方向可以进一步改变文本的方向。Orientation菜单下级菜单中的四个选项分别如下:Rotate Around Path(依路径旋转)、Vertical(垂直)、Skew Vertical(垂直倾斜)、Skew Horizontal(水平倾斜)。图6至图9所示分别为四种选项的效果。

Fireworks文本路径结合操作

图6 依路径旋转的效果

Fireworks文本路径结合操作

图7 垂直的效果

Fireworks文本路径结合操作

图8 垂直倾斜的效果

Fireworks文本路径结合操作

图9 水平倾斜的效果

另外,选择 “Text>>Reverse Direction”还可将文本翻转,如图10所示。

Fireworks文本路径结合操作

图10 翻转文本

4.改变文本对齐方式

通过选择“Text>>Align”菜单中适当的选项,可按路径排列调整文本的对齐方式,如图11所示。

Fireworks文本路径结合操作

图11 对齐子菜单

图12至图16所示的分别是Left(左对齐)、Centered Horizontally(水平居中对齐)、Right(右对齐)、Justified(两端对齐)和Strentched(强制对齐)的效果。

Fireworks文本路径结合操作

图12 左对齐的效果

Fireworks文本路径结合操作

图13 水平居中的效果

Fireworks文本路径结合操作

图14 右对齐的效果

Fireworks文本路径结合操作

图15 两端对齐的效果

Fireworks文本路径结合操作

图16 强制对齐的效果

  输入的文本一般总是位于一个矩形的文本框中,很多情况下我们需要绘出动态的文本。为达到这个效果,我们可以绘制一条路径,然后将文本附着于路径之上,文本将随着路径的改变而改变。不过此时路径又失去了笔触、描边、填充等路径属性。下面我们具体看看fireworks中文本和路径的结合操作可以实现哪些灵活丰富的效果。   1. 附加文本到路径   在Fireworks中,我们可以将文本附加到某个路径上,此时文本会按照路径的方向和形态排列。当文本被附加到路径后仍然可以编辑文本,描边、填充和效果属性都将用于文本,而非路径。不过一旦文本与路径剥离,路径还能恢复它的原有属性。下面看看如何将文本附加到路径的:   (1) 新建一个文件,然后选择工具箱中的钢笔工具,在绘图区中绘制出一条路径,如图1所示。 [url=http://www.wangchao.net.cn/bbsdetail_1497099.html][img]http://image.wangchao.net.cn/it/1323831246613.jpg[/img][/url] 图1 绘制路径   (2) 选择工具箱中的文本工具在绘图区单击添加一个文本。然后使用工具箱上的选择工具按住Shift键同时选中路径和文本对象,如图2所示。 [url=http://www.wangchao.net.cn/bbsdetail_1497099.html][img]http://image.wangchao.net.cn/it/1323831246797.jpg[/img][/url] 图2 选中文本和路径   (3) 点击“Text”菜单,在下拉菜单中选择“Attach to Path”(附加到路径),文本即被附加到路径上,这时文本随着路径的形状而改变其原先的方向和位置,如图3所示。 [url=http://www.wangchao.net.cn/bbsdetail_1497099.html][img]http://image.wangchao.net.cn/it/1323831247010.jpg[/img][/url] 图3 将文本附加到路径上   (4) 如果分离文本与路径,可选中文本与路径后,选择“Text”菜单下的“Detach from Path”(从路径分离)。分离后,路径将恢复其原有属性。   注意:如果文本的长度超出了所附加到的路径长度,那么剩下的文本会折返回来重复路径的形状,出现这样的情况可以通过修改文本的字体大小或者修改路径的长度来调整。   2.改变文本起始位置   选中附加到路径上的文本在属性面板的“Path offset” (文本偏移)文本框中输入需要的偏移量即可改变文本的其实位置,如图4所示。得到图5所示图像。 [url=http://www.wangchao.net.cn/bbsdetail_1497099.html][img]http://image.wangchao.net.cn/it/1323831247172.jpg[/img][/url] 图4 设置文本偏移量 [url=http://www.wangchao.net.cn/bbsdetail_1497099.html][img]http://image.wangchao.net.cn/it/1323831247237.jpg[/img][/url] 图5 改变文本的起始位置   3.改变文本方向   文本被附加到路径后,选择“Text>>Orientation”,然后从其子菜单中选择需要的方向可以进一步改变文本的方向。Orientation菜单下级菜单中的四个选项分别如下:Rotate Around Path(依路径旋转)、Vertical(垂直)、Skew Vertical(垂直倾斜)、Skew Horizontal(水平倾斜)。图6至图9所示分别为四种选项的效果。 [url=http://www.wangchao.net.cn/bbsdetail_1497099.html][img]http://image.wangchao.net.cn/it/1323831247425.jpg[/img][/url] 图6 依路径旋转的效果 [url=http://www.wangchao.net.cn/bbsdetail_1497099.html][img]http://image.wangchao.net.cn/it/1323831247467.jpg[/img][/url] 图7 垂直的效果 [url=http://www.wangchao.net.cn/bbsdetail_1497099.html][img]http://image.wangchao.net.cn/it/1323831247536.jpg[/img][/url] 图8 垂直倾斜的效果 [url=http://www.wangchao.net.cn/bbsdetail_1497099.html][img]http://image.wangchao.net.cn/it/1323831247597.jpg[/img][/url] 图9 水平倾斜的效果   另外,选择 “Text>>Reverse Direction”还可将文本翻转,如图10所示。 [url=http://www.wangchao.net.cn/bbsdetail_1497099.html][img]http://image.wangchao.net.cn/it/1323831247663.jpg[/img][/url] 图10 翻转文本   4.改变文本对齐方式   通过选择“Text>>Align”菜单中适当的选项,可按路径排列调整文本的对齐方式,如图11所示。 [url=http://www.wangchao.net.cn/bbsdetail_1497099.html][img]http://image.wangchao.net.cn/it/1323831247734.jpg[/img][/url] 图11 对齐子菜单   图12至图16所示的分别是Left(左对齐)、Centered Horizontally(水平居中对齐)、Right(右对齐)、Justified(两端对齐)和Strentched(强制对齐)的效果。 [url=http://www.wangchao.net.cn/bbsdetail_1497099.html][img]http://image.wangchao.net.cn/it/1323831247939.jpg[/img][/url]    图12 左对齐的效果 [url=http://www.wangchao.net.cn/bbsdetail_1497099.html][img]http://image.wangchao.net.cn/it/1323831247988.jpg[/img][/url] 图13 水平居中的效果 [url=http://www.wangchao.net.cn/bbsdetail_1497099.html][img]http://image.wangchao.net.cn/it/1323831248089.jpg[/img][/url] 图14 右对齐的效果 [url=http://www.wangchao.net.cn/bbsdetail_1497099.html][img]http://image.wangchao.net.cn/it/1323831248143.jpg[/img][/url] 图15 两端对齐的效果 [url=http://www.wangchao.net.cn/bbsdetail_1497099.html][img]http://image.wangchao.net.cn/it/1323831248179.jpg[/img][/url] 图16 强制对齐的效果
󰈣󰈤
 
 
 
>>返回首页<<
 
 热帖排行
 
 
王朝网络微信公众号
微信扫码关注本站公众号wangchaonetcn
 
 
静静地坐在废墟上,四周的荒凉一望无际,忽然觉得,凄凉也很美
©2005- 王朝网络 版权所有