DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks 中路徑的編輯技巧
Fireworks 中路徑的編輯技巧
編輯:Fireworks基礎     
 既然Fireworks是一款結合了矢量和點位圖象的設計軟件,要全面地紹它,當然就難免要說到路徑的編輯技巧。之所以說難免,是因為我覺得介紹路徑(Path)的使用技巧最讓人頭疼,在不少方面都是只可意會不言傳。
  現在,絕大多數的矢量編輯軟件都是建立在貝塞爾曲線的基礎上,這曲線是由節點(point)和節點上的句柄(handle)來定義曲線的長度曲度,這種曲線也就是我在文章中重復提到的路徑(path)。
  在Fireworks中創建路徑的工具當然首選鋼筆(Pan),此外其他所有圖工具(矩形、鉛筆等)所做出的圖象都是建立在路徑基礎上的。一條徑通常由兩個以上的節點組成,而每個節點上都有兩個方向對稱的句柄控制由此節點而引出的曲線。所以要修改路徑,只要修改節點的位置和句柄的位置即可(這就是貝塞爾曲線最大的優越性)。如果節點上的兩個柄與節點重合,那麼我們稱這個節點為尖點,由尖點可以引出直線,所矩形的四個頂點就是典型的尖點。
  Fireworks中修改曲線的工具為鋼筆工具(Pan)和副選工具(Subsel ection)。在Fireworks2自帶的HELP文件的Pan專題中有一個鋼筆工具和副選工具用法列表,我覺得這個列表對用戶掌握路徑的編輯技巧非常有幫助,所以就對它做了翻譯(原文可見Firework2目錄下Help/Html/1014_Pen_tool.htm文件)延長一條路徑。
  用鋼筆工具單擊此路徑的結束節點即可在這個節點後延長此路徑。結束繪制當前路徑在用鋼筆工具繪制路徑的情況下,若要結束繪制當前路徑並開始繪制新的路徑只要雙擊當前的節點即可。
  將一個節點轉換為尖點
  用副選工具(Subselection)選取該節點,然後用鋼筆工具雙擊此節點即可。重繪節點上的句柄用鋼筆工具在該節點上按下鼠標左鍵進行拖動即可重繪此節點上的句柄。
  移動一個節點而不改變節點上的句柄
  按下“Ctrl”用鋼筆工具在該節點上按下鼠標左鍵進行拖動即可移動此節點而不改變節點上的句柄。
  更改節點上單個句柄的長短和方向
  用副選工具(Subselection)選取該節點,然後按住“Alt”鍵並拖動節點上單個句柄,即可改變句柄的長短和方向。
  由上可見Pan的使用方法與FreehandPhotoshop等軟件中的同類工具使用方法十分相似。在使用Pan工具時Fireworks定義了相關的功能鍵:
  按下Shift鍵,則用Pan工具描繪出的下一個接點將位於當前接點的水平、垂直或45度傾角方向;
  按下Ctrl鍵,則Fireworks將自動切換到副選(subselection)工具,用戶可以編輯路徑中各接點上的句柄;
  可惜的是,在Fireworks 中使用Pan工具時按住Alt鍵,不是象同類軟件中設定的那樣修改當前節點的句柄,而是跳轉到色彩汲取器(Eyedropper)在畫面中吸取前景色,這樣的設定多少給人留下一點遺憾。
  此外,Fireworks2還向用戶提供了一些常見的路徑編輯命令,請打開“ Modify”菜單,在此菜單中自第四條分欄條起的Jion、Split、Combine、 Alter Path四個版快都是用來修改路徑的,下面讓我來一個個向您說明:
Join(快捷鍵為Ctrl+J)
  顧名思義,“Join”的功能就是將兩條路徑結合起來。要使用Join命令得先用副選工具(Subselection)選取要連接的兩個節點,然後選擇“ Modify > Join”命令或者按“Ctrl + J”,Fireworks2即會自動連接這兩個節點。
  Split(快捷鍵為Ctrl+Shift+J)
  Split 的功能恰恰和Join相反,它的作用是將一條或多條路徑在一個選定的節點處斷開。(一個小經驗:在Macromedia出品的軟件中兩個作用 相反的功能在快捷鍵上往往就相差一個Shift,比如Group:Ctrl+G和Mask Group:Ctrl+Shift+G、Undo:Ctrl+Z和Redo:Ctrl+Shift+Z等)。
  Combine > Union
  Union的功能是將兩個或多個部分重疊的封閉路徑結合成一個路徑。
  Combine > Intersect
  對兩個或多個部分重疊的封閉路徑,留下這些路徑都重疊的那個部分,而生成的封閉路徑的描邊和填充效果與最底下的那條路徑保持一致。
  Combine > Punch Punch
  用將兩個或多個部分重疊的封閉路徑中最上層的那個路徑去切割底下的路徑,去除它們共同包含的部分。
Combine > Crop
  在對兩個部分重疊的封閉路徑使用Crop功能時,效果與Intersect功能相同,而當對多個部分重疊的封閉路使用此功能時,效果與Punch功能恰恰相反。
  Alter Path > Simplify...
  簡化路徑功能,您可以設定效果層度,使路徑更加柔和(如果沒記錯的話,這一招原是FreeHand中的保留節目)。
  Alter Path > Expand Strock...
  這個功能是將路徑轉變為具有一定粗細的輪廓,其中的“Corners” 選項是設定輪廓的拐角形狀而“End Caps”是用來設定輪廓頂點的形狀。
  Alter Path > Inset Path
  Inset Path可以通過設定目的形狀來縮放路徑,效果實現很方便,只可惜它不能用於Instance的制作,不然可以大大地減少工作量了。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved