DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks制作環繞文字[組圖]
Fireworks制作環繞文字[組圖]
編輯:Fireworks基礎     

  有時候我們可能需要做一些圓形文字的環繞,其實這類文字實際上就是一種文字環繞路徑的效果,不過只簡單的通過Attach to Path功能是無法實現這種效果的。

  仔細觀察一下:環繞路徑的文字的上半部和下半部實際上方向相反,所以光使用Fireworks提供的文字環繞路徑功能無法一次性實現類似的效果,其中還需要一些小技巧。

  制作方法如下:

  步驟一:新建一個空白圖片,用Ellipse工具,畫一個圓,用knife工具,將需要環繞的圓形路徑在橫向的兩個頂點處一分為二。

   步驟二:使用文字編輯器將需要環繞在路徑上的文字平均分為兩個文字對象,並將它們的對齊方式設置為分散對方。


  步驟三:將兩個文字對象分別環繞到上下半圓路徑上,使用Attach to Path命令或使用快捷鍵:Ctrl+Shift+Y。注意:此時Fireworks3這幾個文字是反轉的。

  步驟四:先使用指標工具選擇下半段文字環繞的路徑對象,並使用Text>Reverse Direction命令將環繞在路徑上的文字反轉,然後使用文字編輯器編輯上半段路徑上環繞的文字,將其中文字的相對高度調到合適的值,最終使路徑上環繞的文字嵌於路徑外側,與上半段路徑中的文字對稱即可。如圖:

    

  最終結果:

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved