bulia byak, buliabyak@users.sf.net 和 josh andler, scislac@users.sf.net

這篇教學內容涵蓋複製/貼上、節點編輯、手繪和貝茲曲線、路徑運用、布林運算、偏移、簡化和文字工具。

使用 Ctrl+方向鍵滑鼠滾輪按著滑鼠中鍵拖曳 可向下捲動頁面。關於建立、選取和改變物件的基本方法,請閱讀 說明 > 指導手冊 中的基本教學。

剪貼技巧

你用 Ctrl+C 複製或用 Ctrl+X 剪下一些物件後,普通的 貼上 指令 (Ctrl+V) 會在滑鼠游標正下方貼上複製的物件,如果游標不在視窗內,會將複製物件貼在文件視窗的中心位置。不過,在剪貼簿中的物件被複製時仍會記住原始位置,且你可以用 同位置貼上 (Ctrl+Alt+V) 貼回到那裡。

另一個指令 - 貼上樣式 (Shift+Ctrl+V) 套用在剪貼簿上的 (第一個) 物件樣式到目前的選取。被套用的樣式包括全部的填色、邊框和字型設定,但不包含形狀、大小或指定形狀類型的參數,例如星形的尖角數目。

又另一個貼上指令 - 貼上尺寸,縮放選取的物件使其與剪貼簿物件的尺寸屬性相同。下列為一些貼上尺寸的指令:貼上尺寸、貼上寬度、貼上高度、分別貼上尺寸、分別貼上寬度和分別貼上高度。

貼上尺寸 會縮放整個選取區使其與剪貼簿物件整體大小相同。貼上寬度/貼上高度 會水平/垂直縮放整個選取區因而它會與剪貼簿物件的寬度/高度相同。這些指令遵循於選取工具控制列上(W 和 H 之間的地方)的縮放比例鎖定,所以當鎖定被按下時,會以等比例縮放選取物件的其他尺寸;否則其他尺寸沒有變化。此指令包含「個別」處理類似於上述的指令,除了它們個別使每個選取物件縮放為與剪貼簿物件的大小/寬度/高度相同。

剪貼簿是全系統範圍的 - 你可以在不同的 Inkscape 實例之間複製/貼上物件,也可以在 Inkscape 和其他應用程式之間 (此應用程式必須能處理剪貼簿上的 SVG 才可使用)。

手繪和規則路徑

製作一個任意形狀最簡單的方法是使用鉛筆 (手繪) 工具 (F6) 繪製:

An example image

如果你想要更多規則的形狀,使用筆 (貝茲曲線) 工具 (Shift+F6):

An example image

用筆工具每次 點擊 會建立一個無任何曲線控制柄的尖銳節點,所以一連串點擊會產生一條直線線段的串連。點擊並拖曳 會建立一個帶有兩個對立於同一直線上的控制點的平滑貝茲曲線節點。當拖住一個控制點時按 Shift 可只旋轉單個控制點並固定另一個。Ctrl 像往常一樣可限制目前線段或貝茲曲線控制點方位的增加量為 15 度。按 Enter 以完成並結束此直線,按 Esc 可取消它。按 Backspace 可只取消未完成直線的最後線段。

不論用手繪或貝茲曲線工具,目前選取的路徑於兩側端點會顯示方形的小錨點。這些錨點讓你可繼續這個路徑 (從其中一個錨點開始繪製) 或關閉它 (從其中一個錨點繪製到另一個),而不是建立一個新的路徑。

編輯路徑

用形狀工具建立不同的形狀,筆和鉛筆工具建立的東西稱為路徑。路徑是直線線段和(或)貝茲曲線的串連,像任何其他 Inkscape 物件一樣會有任意填色和邊框屬性。但是不同的形狀、路徑可以藉由任意拖動它的節點(不僅預定義的控制點)或直接拖動路徑的線段來編輯。選取這個路徑並切換為節點工具 (F2):

An example image

你會看到路徑上有許多灰色方形節點。這些節點可以藉由點擊選取Shift+點擊 或用拖曳一個選取框 — 就像是用選取工具選擇物件一樣。你也可以點擊路徑線段自動選取相鄰的節點。選取的節點會變明亮並且顯示它們的節點控制柄 — 一個或兩個小圓形由直線連接各個選取的節點。! 按鍵可反轉目前子路徑上選取的節點 (即含有最後選取的節點的子路徑);Alt+! 可反轉整個路徑。

路徑可藉由拖曳它們的節點、節點控制柄或直接拖動路徑線段進行編輯。(試著拖動上面路徑的一些節點、控制柄和路徑線段。) Ctrl 的作用與往常一樣可限制移動量和旋轉量。方向鍵Tab[]<> 按鍵的全部作用都與在選取器時一樣,但套用到節點而不是物件。你可以藉由點擊兩次或 Ctrl+Alt+點擊 想要的位置於路徑上任何地方增加節點。

你可以用 DelCtrl+Alt+點擊 刪除節點。當刪除節點時會試著維持路徑的形狀,如果你渴望撤銷相鄰節點的控制柄,那麼可以用 Ctrl+Del 刪除。另外,你可以再製 (Shift+D) 選取的節點。於選取數個節點上的路徑可以被拆開 (Shift+B),或者如果你選取路徑上兩個端點節點,你可以合併它們 (Shift+J)。

節點可以變為尖角 (Shift+C),這表示它的兩個控制柄彼此之間可於任何角度各自移動;平滑 (Shift+S) 表示它的控制點總保持在同一直線上 (共線);而對稱 (Shift+Y) 同於平滑,但控制柄還具有相同的長度。當你切換節點的類型時,你可以將滑鼠停留在其中一個控制點上面使其維持原來的位置,所以只有另一個控制點會配合旋轉/縮放。

同樣地你用 Ctrl+點擊 節點的控制點可以撤銷它。如果相鄰的兩個節點已撤銷他們的控制點,節點之間的路徑線段會變成直線。從節點 Shift+拖曳離開 可恢復已撤銷的節點。

子路徑和合併

一個路徑物件可能包含多個子路徑。子路徑是節點連接另一個節點的串連。(因此,如果路徑有多個子路徑,並不是所有的節點都連接在一起。) 下面左邊的三個路徑屬於單一複合路徑;於右邊相同的三個路徑是獨立的路徑物件:

An example image

注意那個複合路徑不同於群組。它是單一個物件,只是整個都可選取。如果你選取上面左邊的物件並切換為節點工具,你會看到節點顯示在全部三個子路徑上。在右邊的,你只能一次編輯一個路徑上的節點。

Inkscape 可以合併數個路徑為一個複合路徑 (Ctrl+K) 和打散一個複合路徑變為分開的數個路徑 (Shift+Ctrl+K)。在上面的範例嘗試這些指令。由於一個物件只能有一種填色和邊框,一個新的複合路徑會使用合併前第一個(排列在最下層)物件的樣式。

當你合併有填色的重疊路徑時,通常在路徑重疊地方的填色會消失:

An example image

這個是製作帶有孔洞的物件最簡單的方法。看下面的「布林運算」段落可了解更多強大的路徑指令。

轉換成路徑

任何形狀或文字物件都可轉換成路徑 (Shift+Ctrl+C)。這個操作不會改變物件的外觀,但是會移除原本類型的全部特性 (例如你不再能將矩形的邊角圓角化或編輯文字);取而代之地,你現在可以編輯它的節點。下面有兩個星形 — 左邊的仍是形狀而右邊的是已經轉換成路徑。切換到節點工具並比較選取時它們的編輯特性:

An example image

此外,你可以將任何物件的邊框轉換為路徑 (“輪廓”)。下面的第一個物件是原本的路徑 (無填色,黑色邊框),第二個是使用邊框轉成路徑指令的結果 (黑色填色,無邊框):

An example image

布林運算

在路徑選單中的這個指令讓你用布林運算合併兩個或多個物件:

An example image

這些指令的鍵盤快捷鍵是針對布林運算的類比算法 (相加是聯集、減去是差集...等)。相減排除指令只能套用到兩個已選擇的物件;其他的可以一次處理多個物件。結果都是呈現下層物件的樣式。

使用排除指令的結果看起來像是合併(如上),但它的差別在於排除會在原來的路徑交差點增加額外的節點。除法剪切之間的不同是前者以最上層物件切去整個下層物件,而後者只切去下層物件的邊框並去掉任何填色 (這個對將無填色的邊框切割成碎片很方便)。

內縮和外擴

Inkscape 不只可用縮放來擴張和收縮形狀,也可藉由偏移物件的路徑達成效果,即每個點以垂直於路徑方向移動。對應的指令名稱為內縮 (Ctrl+() 和外擴 (Ctrl+))。下面陳列的是原始路徑 (紅色) 和一些由原路徑經過內縮或外擴的路徑:

An example image

簡單的內縮外擴指令產生這些路徑 (如果原物件不是路徑先將它轉成路徑)。通常動態偏移 (Ctrl+J) 更方便些,可製作出一個帶有可控制偏移距離的控制柄的物件。選取下面的物件,切換到節點工具並拖動它的控制點來了解這功能:

An example image

上述的動態偏移物件會記住原本路徑,所以當你一遍又一遍的改變偏移距離時它不會受到「損害」。當你不需要再做任何調整時,你可將偏移物件轉換回路徑。

還有更方便的連結偏移,類似於動態變化但是連結到另一個尚待編輯的路徑。一個來源路徑可有多個連結偏移。下面紅色的是來源路徑,它的連結偏移是黑色邊框且無填色,其他的是黑色填色而無邊框。

選取紅色的物件並編輯它的節點;觀察連結偏移跟著如何變化。現在選取任一個偏移並拖動它的控制柄以調整偏移半徑。最後注意移動或改變來源時所有連結偏移如何跟著動,而在不失去它們與來源的連結情形下你可以如何獨自地移動或改變偏移物件。

An example image

簡化

簡化指令 (Ctrl+L) 主要用於減少路徑的節點數目並且盡可能保持原來的形狀。這個對用鉛筆工具製作的路徑很有用,因為鉛筆工具有時候會製作不必要的節點。下面左邊的形狀是用手繪工具製作的,而右邊那一個是經過簡化的結果。原始路徑有 28 個節點,而簡化過的只有 17 個 (這表示用節點工具進行編輯會更容易) 且外觀更平滑。

An example image

簡化的程度 (稱為臨界值) 決定在選取物件的大小。因此,如果你選取一個路徑和一些較大的物件,那麼路徑簡化的程度會大於只單獨選取路徑時。另外,簡化指令具有加速性。這表示如果你連續快速按 Ctrl+L 數次 (每次間隔小於 0.5 秒),那麼每次呼叫指令都會增加臨界值。(如果你暫停一下再執行簡化,臨界值會回到預設值。) 靈活運用加速特性,可讓你輕易地依照不同需求套用準確的簡化程度。

除了平滑手繪的邊框以外,簡化還可用於各種創意效果。通常形狀是死板的,而某些程度簡化幾何形狀的好處是可創作出很棒的生動外觀 — 柔化形狀的邊角而產生非常自然的扭曲,時而流行時尚,時而簡樸有趣。下面有一個美工圖案形狀的例子,經過簡化後使外觀變得很漂亮:

An example image

建立文字

Inkscape 可以製作長篇幅且複雜的文章。不過也可以極為方便地製作少許文字的物件,諸如標題、旗幟、標誌、圖表標籤和說明...等。這小節將介紹基本的 Inkscape 文字功能。

建立文字物件和切換到文字工具 (F8) 一樣簡單。點擊文件中某個地方並輸入你要的文字。開啟文字和字型對話窗 (Shift+Ctrl+T) 可變更字型、樣式、大小和對齊。此對話窗也有文字輸入欄分頁,你可以在那裡編輯文字物件 - 在某些情形下它會比在畫布上編輯還方便 (尤其這個分頁支援拼字檢查功能)。

像其他工具一樣,文字工具能選取擁有「文字物件」類型的物件,所以你可以點擊來選取以及將游標放置在任何現有的文字物件 (比如本段落)。

文字排版常見的操作之一就是調整字距和行距。正如往常,Inkscape 提供了這個功能的鍵盤快捷鍵組合。當你正在編輯文字,Alt+<Alt+> 可改變文字物件中目前這行的字距,所以會以目前畫面的 1 像素為單位改變總長度 (選取工具中以同樣按鍵做像素大小的縮放)。一般來說,如果文字物件裡的字型大小大於預設的,它會適當地壓縮字母使其比預設的緊密一點。下面有一個範例:

An example image

作為標題時緊縮變化會看起來較好一點,但仍然不完美:字母間的距離會不一致,例如「a」和「t」離太遠而「t」和「i」又靠太近。這麼糟糕的字母縮排(在字型大時特別明顯)使用品質差的字型會比用品質好的字型還嚴重;儘管如此,在任何文字段落中使用任何字型,你可能會發現字距調整對於字母組合還是有好處的。

Inkscape 要作這些調整非常地容易。只要將你的文字編輯游標移到需要調整的字元之間並使用 Alt+方向鍵 來移動在游標右邊的字母。下面有一個相同的標題,這次手動調整看起來不一致的字母位置:

An example image

除了用 Alt+左方向鍵Alt+右方向鍵 水平移動字母外,你也可以藉由 Alt+上方向鍵Alt+下方向鍵 垂直移動字母:

An example image

當然你可以將文字轉換成路徑 (Shift+Ctrl+C) 並當作一般路徑物件來搬動。可是保持為文字屬性會更加方便 — 仍可編輯,你不需要移除字母縮排和間距就可以嘗試不同的字型,而且儲存成檔案的佔用空間也較小。「文字屬性」的唯一缺點是開啟 SVG 文件的系統上必須有安裝原來的字型。

如同字距,你也可以在多行的文字物件裡調整行距。在這個教學裡的某處試用 Ctrl+Alt+<Ctrl+Alt+> 按鍵來縮小或加寬行距,因此文字物件的整體高度會以畫面的 1 像素進行變化。跟在選取工具裡一樣,按著 Shift 再按增減行距或縮排的快捷鍵會產生原來的 10 倍效果。

XML 編輯器

Inkscape 的終極強力工具是 XML 編輯器 (Shift+Ctrl+X)。它會顯示文件的整個 XML 樹狀架構,隨時反映目前的狀態。你可以編輯圖畫並觀察 XML 樹狀架構中對應的變化。此外,你可以用 XML 編輯器編輯任何文字、元件或節點並在畫布上看到效果。這個是互動式學習 SVG 的最佳工具,而且它能夠讓你實現用其他普通編輯工具做不到的把戲。

結論

這篇教學僅展示了 Inkscape 所有功能的一小部份。我們希望你會喜歡。不要害怕實驗和分享你的創作。請造訪 www.inkscape.org 以獲得更多資訊、最新版本和來自使用者及開發者討論區的幫助。