///pc/img/blank.gif" width="12" height="8">当前位置:///default.htm" class="under">亿度网络 -> ///pc/index.htm" class="under">网页制作教程 -> Fireworks

///pc/homepage/fwjch/img/000.gif" width="100" height="20">
///pc/homepage/fwjch/img/title_00.gif" width="13" height="20">  

///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">新手上路
///pc/homepage/fwjch/img/003.gif" width="18" height="16" align="absmiddle">网页基本功
///pc/homepage/fwjch/img/007.gif" width="30" height="16" align="absmiddle">编辑向量图形
///pc/homepage/fwjch/img/009.gif" width="17" height="16" align="absmiddle">编辑点阵式图形
///pc/homepage/fwjch/img/006.gif" width="30" height="16" align="absmiddle">文字
///pc/homepage/fwjch/img/004.gif" width="30" height="16" align="absmiddle">文字特效
///pc/homepage/fwjch/img/004a.gif" width="30" height="16" align="absmiddle">文字与路径的结合
///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">网页进阶处理
///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">网页强化
///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">网页高手
///pc/homepage/fwjch/img/008.gif" width="18" height="16" align="absmiddle">自动化处理

/pc/bin/msg.pl?file_id=k_Fireworks02 target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

///pc/img/blank.gif" width="1" height="1">

 


第三节:文字

三、 文字和路径的结合

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

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

  1、输入文字,例如:亿度网络www.shanghaigongsi.com.cn。

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

///pc/homepage/fwjch/img/lujing.gif" width="240" height="67" alt="绘制弧形">

图5 绘制弧形

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

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

///pc/homepage/fwjch/img/lujing1.gif" width="214" height="61" alt="文本沿路径排列">

图6 文本沿路径排列

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

///pc/homepage/fwjch/img/lujing2.gif" width="247" height="61" alt="绕着路径旋转">

图7 绕着路径旋转

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

///pc/homepage/fwjch/img/lujing3.gif" width="247" height="61" alt="水平反向排列">

图8 水平反向排列

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

///pc/homepage/fwjch/img/lujing4.gif" width="256" height="61" alt="垂直反向排列">

图9 垂直反向排列

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

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

///pc/homepage/fwjch/img/fire2051.gif" width="443" height="227" alt="起始位置变更的效果">

图10 起始位置变更的效果

上一节 下一节   

 

/pc/bin/msg.pl?file_id=k_Fireworks02 target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

 

网页制作 网页设计 网站建设 网站设计 网站制作 做网站 做网页