Fireworks文本路径结合操作

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

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

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


图1 绘制路径

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


图2 选中文本和路径

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


图3 将文本附加到路径上

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

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

  2.改变文本起始位置

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


图4 设置文本偏移量


图5 改变文本的起始位置

  3.改变文本方向

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


图6 依路径旋转的效果


图7 垂直的效果


图8 垂直倾斜的效果


图9 水平倾斜的效果

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


图10 翻转文本

  4.改变文本对齐方式

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


图11 对齐子菜单

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


   图12 左对齐的效果


图13 水平居中的效果


图14 右对齐的效果


图15 两端对齐的效果


图16 强制对齐的效果

时间: 2024-07-30 07:58:05

Fireworks文本路径结合操作的相关文章

Fireworks 组合路径功能小解

  Fireworks的特点之一就是直接绘制矢量路径,其中除了可以直接运用矢量工具(钢笔.矩形及其他几何形状)绘制矢量路径外,最常用的就是运用组合路径功能对多个路径进行接合.拆分.联合.打孔.交集.裁切.组合路径功能运用得当,可以使对路径的操作事半功倍.这里对组合路径功能简单说明下使用方法及具体应用. 这里所使用的命令中,除接合与拆分在修改工具栏有对应按钮外,所有命令均在修改菜单--组合路径子菜单中,下面不再赘述. 接合与拆分 接合可以将多个路径结合在一起,但不同于联合与群组,这里把这三者先区分

Fireworks组合路径功能使用方法

  Fireworks的特点之一就是直接绘制矢量路径,其中除了可以直接运用矢量工具(钢笔.矩形及其他几何形状)绘制矢量路径外,组合路径功能运用得当,可以使对路径的操作事半功倍.这里对Fireworks组合路径功能 使用方法及具体应用进行简单说明. 这里所使用的命令中,除接合与拆分在修改工具栏有对应按钮外,所有命令均在修改菜单--组合路径子菜单中,下面不再赘述. 接合与拆分 接合可以将多个路径结合在一起,但不同于联合与群组,这里把这三者先区分下: 接合过的路径可以拆分,接合和拆分后接合前路径颜色会

FW形状文本路径绘图:大学校徽

形状 本文实例主要和大家一起绘制南开大学的校徽.我们的思路是校徽中心放置"南开"两个字来代表学校的名字,文字的四周是个八角的星状图像,星状图外切一个圆形,圆形外围有个"NANKAI UNIVERSITY"和"TIANJIN"等文字,这些文字又是处在另外一个圆环之内的.下面我们就来看看校徽的具体制作步骤,从中熟悉Fireworks MX 2004中形状.文本.路径等工具的使用.文章末尾提供.png文件供大家下载参考. 绘制步骤 (1)新建一个大小为

文本域光标操作的jQuery扩展分享

 最近的项目中,好几次用到操作文本域的方法,比如光标位置.删除光标前字符等.每次都是查阅资料(这部分操作涉及到的js方法都比较生僻),费时费事.于是就封装了一个jQuery扩展 该针对文本域的扩展实现的功能及使用方法: 1.获取光标位置:$(elem).iGetFieldPos(): 2.设置光标位置:$(elem).iSelectField(start): 3.选中指定位置内的字符:$(elem).iSelectField(start,end): 4.选中指定的字符:$(elem).iSele

mfc多线程-MFC循环创建多线程同时处调用同一函数读写文本和excel操作

问题描述 MFC循环创建多线程同时处调用同一函数读写文本和excel操作 CString fname[3000]; CString name[1024] ; int j1 ; int nIndex = 0; void CDisposeXJXDlg::OnBtnSelSrcFile() { // TODO: Add your control notification handler code here CFileDialog dlg(TRUE, NULL, NULL ,OFN_HIDEREADON

文本域光标操作的jQuery扩展分享_jquery

该针对文本域的扩展实现的功能及使用方法:1.获取光标位置:$(elem).iGetFieldPos():2.设置光标位置:$(elem).iSelectField(start):3.选中指定位置内的字符:$(elem).iSelectField(start,end):4.选中指定的字符:$(elem).iSelectStr(str):5.在光标之后插入字符串:$(elem).iAdd(str):6.删除光标前面(-n)或者后面(n)的n个字符:$(elem).iDel(n): jQuery扩展代

浅析C#中文件路径的操作_C#教程

在程序中对文件操作是非常常见的,而对文件的操作则不可避免的需要文件的路径,并对文件的路径进行一系列的操作,例如:判断已知的路径是一个目录还是一个文件,路劲是一个文件则该文件的名称是什么,文件的扩展名名是什么等等.在C#中并并没有将文件的路径抽象为一个类,用来表示文件路径就是一个普通的字符串.对文件路径的操作例如,要获取文件名称,可以通过截取字符串或者使用正则表达式来取得. 其实,在.NET类库中,有一个专门的功能类System.IO.Path,对表示文件或在目录路径的string进行操作.下面介

jquery中文本域光标操作(选中、添加、删除、获取)

该针对文本域的扩展实现的功能及使用方法: 1.获取光标位置:$(elem).iGetFieldPos(): 2.设置光标位置:$(elem).iSelectField(start): 3.选中指定位置内的字符:$(elem).iSelectField(start,end): 4.选中指定的字符:$(elem).iSelectStr(str): 5.在光标之后插入字符串:$(elem).iAdd(str): 6.删除光标前面(-n)或者后面(n)的n个字符:$(elem).iDel(n):  代码

Fireworks文本和路径结合操作面面观

输入的文本一般总是位于一个矩形的文本框中,很多情况下我们需要绘出动态的文本.为达到这个效果,我们可以绘制一条路径,然后将文本附着于路径之上,文本将随着路径的改变而改变.不过此时路径又失去了笔触.描边.填充等路径属性.下面我们具体看看Fireworks中文本和路径的结合操作可以实现哪些灵活丰富的效果. 1. 附加文本到路径 在Fireworks中,我们可以将文本附加到某个路径上,此时文本会按照路径的方向和形态排列.当文本被附加到路径后仍然可以编辑文本,描边.填充和效果属性都将用于文本,而非路径.不