Inkscape教程:形狀工具

Inkscape tutorial shape:Inkscape形狀工具教程
Inkscape是一款開源的跨平臺(Windows,Linux,)矢量繪圖軟件,類似於Coreldraw,Adobe Illustrator等。不僅自由免費,而且功能強大,官方網站及下載:http://www.inkscape.org/。
本文翻譯自該軟件附帶的教程文檔。

形狀

作者:bulia byak, [email protected]
翻譯:liuxqsmile
本教程涵蓋四種形狀工具:矩形、橢圓、星形和螺旋線。我們將向你展示Inkscape在形狀繪製上的能力,並通過實例演示這些工具的用法和用途。
通過Ctrl+Arrows, 滾輪, 或者中鍵拖動 將繪圖頁面向下捲動。繪圖對象的創建、選擇、變換等基本操作,請參考幫助Help > 教程Tutorials中的基礎教程。
Inkscape有四種通用的形狀工具,可以創建和編輯相應的形狀。每種形狀類型都具有共同的特徵,可以通過拖動式的控制柄和一些數值參數來調節,使其具有不同的外觀。
例如,在星形工具中,可以改變星的角數,邊長,角度,圓角等,但仍然保持星形。形狀不像簡單路徑那樣“自由”,但通常更有趣,也更有用。形狀總是可以轉爲路徑(Ctrl+Shift+C),但路徑不能轉爲形狀。
形狀工具包括:矩形, 橢圓, 星形, 和 螺旋線。首先,我們看一下形狀工具的基本工作模式,然後再分別詳細介紹。

一般性操作

選擇相應的形狀工具,在畫布上拖動drag鼠標可以創建新的形狀。新形狀創建後(自動被選中),上面有白色標記狀的控制柄,可以通過拖動這些控制柄改變形狀的外觀。
在任意一種形狀工具模式下,或在節點工具模式下(F2),選擇任意類型的形狀,都可以使形狀的控制柄顯現出來。當鼠標懸停在控制柄上時,底部的狀態欄將會告訴你拖動或點擊將產生的編輯效果。
每一種形狀工具在繪圖區頂部都會顯示一個水平的工具控制欄。通常包括幾個數字輸入框和恢復默認參數的按鈕。如果當前選擇的形狀工具類型與當前對象的形狀類型一致,在控制欄中輸入數字也可以改變被選對象的形狀。
工具控制欄中參數的修改將應用到新創建的形狀上。例如,如果將星形的頂點數改變,新的星形的頂點數將與改變後的數值一致。另外,選擇形狀後,也會將其具有的特徵參數顯示在工具控制欄,從而影響以後創建的新形狀。
在某一種形狀工具模式下,可以通過在形狀上單擊使其被選中。Ctrl+click (選擇羣組內對象) 和Alt+Click (選擇下層對象)也跟一般的選擇模式一樣起作用。

矩形

矩形是設計和繪圖中最常用、最簡單的形狀。Inkscape盡力使矩形的創建和編輯簡單快捷。
F4或者點擊工具列中相應的圖標,可以切換到矩形工具模式。請在這個藍色矩形旁再畫一個矩形:
保持在矩形工具模式下,通過單擊,交替選擇兩個矩形。
矩形繪製技巧:
配合Ctrl鍵,可以繪製正方形或邊長爲整數比率(2:1,3:1等)的矩形。

剛繪製的矩形(新繪的矩形總是自動被選中)在三個角上顯示3個控制柄,但實際上有四個控制柄,如果矩形沒有圓角,右上角的兩個是重合在一起的。這兩個是倒圓控制柄;另外兩個(左上和右下)是縮放控制柄。
首先看倒圓控制柄,抓住一個向下拖動,四個角都成圓形,並且第二個倒圓控制柄也顯露出來(在角上的原始位置)。現在的圓角是等半徑的,如果要使其成爲不等半徑的圓角,就需要向左移動另一個控制柄。
下圖中前兩個矩形具有等半徑圓角,後兩個則是橢圓形圓角:
在矩形工具模式下,點擊選擇這些矩形,看看他們的倒圓控制柄的區別。
有 時,在整個繪圖中,我們希望圓角的半徑和形狀保持不變,而不是隨着矩形的大小而變化(例如流程圖中,不同大小的矩形具有相同的圓角)。這在 Inkscape中可以輕鬆實現。切換到選擇工具,在工具控制欄的尾部,有四個開關按鈕,左數第二個按鈕(顯示兩個同心圓角),可以控制縮放矩形時圓角是 否也同步縮放。
例如,在關閉“縮放圓角”情況下,下圖中原始的紅色矩形被複制和縮放了數次,各自具有不同的長寬比例:
注意所有矩形的圓角的大小和形狀都是相同的,在右上角的位置可以精確地重合在一起。所有的藍色虛線矩形都是從原始的紅色矩形縮放得到,沒有對倒圓控制柄做任何修改。
作爲對照,下圖中是在打開“縮放圓角”時的情形:
矩形的圓角各不相同,在右上角沒有一個細微的地方是重合的(可以放大了看)。在將原始矩形轉爲路徑後(Ctrl+Shift+C),縮放時產生的也是這樣的效果。
矩形的倒圓控制柄的操作技巧如下:
按住Ctrl拖動,使兩個控制柄的半徑相同(等半徑圓角)。
Ctrl+click使另一個控制柄的半徑與當前相同,不需要拖動。
Shift+click刪除圓角。
你可能也已經注意到,矩形工具的控制欄中有水平(Rx)和垂直(Ry)圓角半徑,可以精確控制其尺寸。顧名思義,不倒圓 Not rounded按鈕可以刪除選中矩形中的倒角。
這些操作可以同時對多個矩形起作用。例如,要改變當前圖層的多個矩形,只需要Ctrl+A (全部選擇),然後在控制欄中設置需要的參數,而同時被選中的其他類型的形狀則不會受到影響。
下面我們來看一下縮放控制柄。你可能會想,既然可以通過選擇工具縮放,要這個縮放控制柄不是多餘了嗎?
選擇工具縮放存在的問題是,它總是沿着頁面的方向進行水平和豎直縮放,而矩形縮放控制柄是沿邊的方向進行縮放,即使矩形經過選擇或傾斜。請試一下用選擇工具和(矩形工具模式下的)縮放控制柄對下面的矩形進行縮放的區別:
由於有兩個縮放控制柄,可以沿任意方向縮放矩形,甚至可以讓它沿着一條邊的方向移動。這種縮放模式保持圓角半徑不變。
縮放控制柄的技巧:
Ctrl拖動沿某一邊或對角線方向縮放。換句話所,Ctrl拖動保持寬度、高度或寬高比不變(即使其本身的座標系經過縮放和傾斜)。
下面是同樣的矩形,請用Ctrl拖動,使之沿虛線方向縮放:
通過傾斜和旋轉矩形,然後複製和縮放,可以很容易地生成三維效果:
一些其它的矩形構圖,其中也用了圓角和漸變填充:

橢圓

橢圓工具(F5) 可以創建橢圓和圓,然後也可以將其分爲分割或圓弧段。繪製技巧與矩形工具相同:
Ctrl繪製圓或整數比率(2:1, 3:1,...)橢圓。
讓我們詳細看一下橢圓的控制柄。首先選擇這個橢圓:
與矩形工具相似,可以看到三個控制柄,實際上是四個。最右側的是兩個重合在一起,可以通過它“打開”橢圓。拖動最右側的控制柄,然後再拖動新出現的一個,可以得到各種扇形的分割和弧線:
要得到分割segment(半徑封閉),拖動時鼠標要保持在橢圓的外面,相反,如果鼠標在橢圓裏面,則得到弧線arc。上圖中,左側共有四個分割,右側有 三個弧線。注意,弧線是不封閉的,僅弧線上有輪廓線,兩端沒有連接在一起。如果去掉填充色,只保留輪廓,看得就更清楚一些:
注意左側看起來像扇子的很窄的分割,它是通過Ctrl對控制柄進行角度捕捉實現的。下面是弧線和分割控制柄的一些操作技巧:
  • 配合Ctrl鍵拖動時,控制柄每次改變15度角。
  • Shift+click使其重新成爲完整的橢圓。
捕捉角度的大小可以在Inkscape Preferences(其中的Steps子項)中調節。
另外兩個控制柄使橢圓繞中心縮放。操作技巧同矩形的控制柄是相似的:
  • Ctrl拖動可以使橢圓成爲圓(長短軸半徑相等)。
  • Ctrl+單擊使橢圓成爲圓,不需要鼠標拖動。
與矩形的縮放控制柄類似,橢圓的縮放控制柄也是沿其自身的座標軸方向調整其長度和寬度。也就是說,旋轉或傾斜後仍然可以沿其本身的長短軸方向進行拉伸和擠壓。試一下通過縮放控制柄對下面的橢圓進行縮放:

星形

星形是Inkscape中最複雜,最吸引人的形狀。如果你想用Inkscape讓你的朋友們眼前一亮(Wow!),只需要給他們展示一下星形工具。它簡直是樂趣無窮。
星形工具可以創建兩種類似但看起來差別很大的形狀:星形和多邊形。星形有兩個控制柄,決定星形角的長度和形狀;多邊形只有一個控制柄,拖動時控制旋轉和縮放:
在星形工具的控制欄中,第一項是一個選擇框,可以將星形轉爲對應的多邊形或者相反。第二項是一個數字框,設置星形或多邊形的頂點個數,這個參數只能在這裏設置,數值範圍爲3-1024。如果你的電腦性能不高,最好不要設置過大的數值(超過200)。
當繪製一個新的星形或多邊形時,
  • Ctrl使得其旋轉角度爲15度的整數倍。
一般來說,星形看起來更吸引人(實際上多邊形更實用)。星形的兩個控制柄的差異略有不同。第一個初始位置在角的頂端,控制角的長短,但相對於星形的中心旋轉時,另一個控制柄也跟着旋轉。也就是說,這個控制柄不能讓星形的角傾斜。
另外一個控制柄,初始位置在兩個角中間的底端,可以沿半徑或圓周方向任意移動,而不影響角頂端的控制柄(實際上,它的位置可以超過現有角的頂點而產生新的角)。這個控制柄可以使星形的角傾斜,獲得晶體、雪花、 曼荼羅以及porcupines等各種形狀。
如果你要的只是一個規則的星形,不需要這些裝飾性的工藝,你可以抑制傾斜控制柄的傾斜功能:
  • Ctrl拖動時可以讓星的角保持半徑方向(不產生傾斜)。
  • Ctrl+單擊取消傾斜,不用拖動鼠標。
作爲在畫布上拖動控制柄的一種補充方法,控制欄中的輪輻比Spoke ratio可以指定兩種控制柄相對於中心距離的比值。
Inkscape兜裏還有兩個小絕技。從幾何上來數,多邊形是由直邊和銳角組成,但現實中,會出現各種各樣的邊和圓角,這在Inkscape中也可以實現。倒圓星形和多邊形與矩形略有不同,並沒有專門的控制柄。但是,
  • Shift+拖動切向拖動控制柄來倒圓星形或多邊形。
  • Shift+點擊控制柄來取消圓角。
“切向”表示垂直於指向中心的半徑的方向。如果沿逆時針方向拖動,得到正圓角,順時針方向拖動,則得到負圓角。(參看下面圖中負圓角的例子。)
這裏比較一下由矩形工具產生的圓角正方形和由星形工具產生的圓角正四邊形:
可以看到,圓角矩形由邊和圓角構成,而圓角多邊形和星形則沒有邊,從角的頂點圓滑過渡到底端的點。Inkscape通過在各個頂點產生切線方向一致的Besizer曲線來平滑星形(正多邊形)。(將其轉爲路徑後,用節點工具可以看出來。)
控制欄中的圓角Rounded參數是切線相對於多邊形/星形的邊的長度的比例。爲負值時改變切線的方向。其值介於0.2-0.4時是一個“正常”的圓角, 其它值將會產生複雜、優美的圖案。對於星形,圓角數值過大時曲線沿控制柄延伸很遠。下面的例子給出了一些數值對應的圖案:
如果希望星形的角上尖銳而底部平滑或相反,可以通過對星形做 偏移offset (Ctrl+J)來實現:
  • Shift+drag拖動控制柄是是調節圓角的最精細的方法之一,可以處理得很好。
爲了模仿真實的形狀,Inkscape可以對星形和多邊形做隨機化randomize處理。輕微的隨機使形狀的規則性下降,更隨意,更有趣;而更強的隨機則可以產生無法預測的“瘋狂”效果。 具有圓角的星形隨機化後仍然保持圓角。其中的一些技巧:
  • Alt+drag切向拖動控制柄,產生隨機效果。
  • Alt+click取消隨機效果。
當 繪製或拖動控制柄隨機化星形時,形狀會“抖動”,因爲控制柄的每個位置都對應一種唯一的隨機化效果。不使用Alt,僅移動控制柄,則在當前的隨 機化水平上重新產生一種隨機化效果,使用Alt,拖動控制柄時,保持當前的隨機化效果,僅改變隨機化的程度。下面的星形具有相同的參數,僅略微移動控制 柄,具有不同的隨機化效果(隨機化程度0.1)。
下面是上圖中中間的星形,但隨機化程度介於-0.2到0.2:
Alt+drag拖動該行中間星形的控制柄,可以看到它可以變形成爲兩邊的形狀。
在你自己的工作中,你將會發現隨機化星形具有的各種用途,但我個人尤其喜歡這種像變形蟲和凸凹不平的星球表面一樣充滿幻想的圖案:

螺旋線

Inkscape中的螺旋線是一種靈活的形狀,儘管不像星形工具那樣吸引人,有時也有很大的用途。螺旋線像星形一樣,也從中心繪製,編輯也是相對於中心的,
  • Ctrl+drag保持角度爲15的整數倍。
畫好後,螺旋線有兩個控制柄,分別位於內部的起點和終點。拖動時都可以改變螺旋的角度(增減圈數)。其它的操作技巧:
  • 外部控制柄:
    • Shift+drag相對於中心縮放/旋轉(不改變螺旋的角度)。
    • Alt+drag改變螺旋角時保持半徑不變。
  • 內部控制柄:
    • Alt+drag豎直拖動改變發散度,向中心匯聚/分散。
    • Alt+click重設螺旋發散度。
    • Shift+click將內部控制柄移動到螺旋線的中心。
螺旋線的發散度divergence用來衡量其螺旋的非線性程度。值爲1時,爲標準的螺旋線;小於1(Alt+drag 向上),邊緣密集,大於1(Alt+drag 向下),中心密集:
螺旋線的最大圈數爲1024。
橢 圓工具不僅可以產生橢圓,也可以產生圓弧(具有常曲率),螺旋線則可以產生曲率平滑改變的曲線。與普通的Bezier曲線相比,圓弧和螺旋線更 方便,可以隨意改變長度(拖動控制柄),而不會影響到其形狀。螺旋線默認沒有填充,加上填充,取消輪廓線,也可以產生一些有趣的效果。
最有趣的是,輪廓線爲點時產生的效果:向內旋轉和(點或短線)等間隔分佈可以組合成很優美的波紋效果:
小結
Inkscape形狀工具的功能非常強大。有時間請注意多加練習,在實際的設計工作中他們不會讓你失望的。而且,矢量繪圖中形狀工具通常比路徑工具使用起來更快速,編輯起來更方便。如果你對這些工具有一些改進的建議,請與開發人員聯繫。
翻譯:柳小勤,Liu Xiaoqin, 2008


 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章