Fireworks文本和路徑結合操作面面觀

來源:互聯網
上載者:User
  輸入的文本一般總是位於一個矩形的文字框中,很多情況下我們需要繪出動態文本。為達到這個效果,我們可以繪製一條路徑,然後將文本附著於路徑之上,文本將隨著路徑的改變而改變。不過此時路徑又失去了筆觸、描邊、填充等路徑屬性。下面我們具體看看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 強制對齊的效果



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。