DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> FW形狀文本路徑繪圖:大學校徽(3)[組圖]
FW形狀文本路徑繪圖:大學校徽(3)[組圖]
編輯:Fireworks基礎     
(9)這時候我們使用選擇工具只選擇“南”字路徑,切換到400%視圖,適當的使用鋼筆工具  增加控制點,使用次選擇工具  調整路進,使得“南”字路徑上面的一橫的兩腳上挑起來,如圖9所示。

 
圖9 修改路徑

  (10)切換到100%視圖之下,我們發現“南”字橫線兩角已經上挑了,實現了我們需要的效果。接著我們使用工具箱上的橢圓工具同時按住Shift鍵繪制兩個大小分別為216×216、276×276和333×333的三個正圓,並且放置到適當位置,如圖10所示。

 
圖10 繪制三個正圓

(11)上面三個正圓中間的那個正圓是為了附加文字所用的。我們由於要附加“NANKAI UNIVERSITY”和“TIANJIN”兩組文字,所以中間的圓形路徑也要被切割成為上下兩段,這樣不同文字附加不同路徑。選中中間的路徑點擊工具箱上的刀子工具對路徑進行切割,如圖11所示。

 
圖11 切割路徑

  (12)方式我們切下路徑對稱的兩段,然後使用選擇工具選擇這兩段路徑並將它們刪除,最後剩下如圖12所示的路徑。

 
圖12 刪除路徑後的圖像

(13)現在為圖像添加文本,我們首先添加“NANKAI UNIVERSITY”,然後按住Shift鍵同時選中上面的路徑,如圖13所示。

 
圖13 添加文本並同時選中路徑

 

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