Inkscape tutorial: 技巧和秘訣

Inkscape

指導手冊 | 技巧和秘訣

這篇教學將說明各種技巧和秘訣,使用者會學到透過使用 Inkscape 和一些「隱藏」功能來幫助你快速完成任務。

放射狀分佈鋪排仿製

使用者很容易就懂得如何使用一般格線和圖樣的建立鋪排仿製對話窗。但是如果你需要放射狀分佈,可以讓物件群共用同一個旋轉中心嗎?這也是能夠達成的!

如果你的放射狀圖案只需要 3、4、6、8 或 12 個元件,那麼你可以試試 P3、P31M、P3M1、P4、P4M、P6 或 P6M 對稱。這些對於製作雪花或類似的東西很有用。不過有一個更普遍的方法,如下。

選擇 P1 對稱 (簡單平移),然後切換到位移分頁並設定每行/位移 Y每列/位移 X 皆為 -100% 以補償剛剛的平移。這時全部的仿製物件會完全重疊在原始物件的上面。繼續切換到旋轉分頁並設定每列旋轉一些角度,然後以單行多列建立圖案。舉例來說,下面的圖案是用 30 列且每一列旋轉 6 度製作出來的:

To get a clock dial out of this, all you need to do is cut out or simply overlay the central part by a white circle (to do boolean operations on multiple clones at once, combine them first).

藉由同時使用行與列可製作更多有趣的效果。下面的圖案是用 10 列和 8 行,且每行旋轉 2 度而每列旋轉 18 度。這裡每個直線群組代表一「列」,所以群組彼此之間都相距 18 度;每列裡面的單獨直線則相隔 2 度:

在上面的例子裡,直線繞著自己的中心旋轉。但如果你想要的旋轉中心在形狀的外面怎麼辦?只要使用選取工具在物件上點擊兩下進入旋轉模式。將物件的旋轉中心 (外觀為小叉叉形狀的控制點) 到你要鋪排的中心位置。對物件使用建立鋪排仿製。這就是利用隨機性的縮放、旋轉和透明來製作「爆炸」或「恆星爆裂」效果的方法:

非線性漸層

SVG 版本 1.1 不支援非線性漸層 (即顏色之間有非線性轉變)。不過,你可以用多停止點漸層模擬類似的效果。

星形帶有簡單的兩點漸層 (你可以在填色和邊框對話窗或使用漸層工具指定顏色)。現在使用漸層工具在中間位置加入新的漸層停止點;可以在漸層線上點擊兩下,或選取小方塊形狀的漸層停止點並點擊在上面漸層工具列的插入新停止點按鈕。稍微拖動新停止點。然後在中間停止點的前後加入更多的停止點並且也拖動這些停止點,以便讓漸層呈現平滑狀態。你加入愈多停止點會讓漸層看起來更平滑。一開始帶有兩個停止點的黑白漸層:

而這邊有各種樣式的「非線性」多停止點漸層 (用漸層工具查看這些圖形):

離心放射狀漸層

放射狀漸層不一定要對稱。用漸層工具,按著 Shift 拖曳橢圓形漸層中央的控制點。這會使漸層中呈現 x 形狀之作用中的控制點從中心往外移動。當不需要時,你可以拖曳控制點往中心移回原本的位置。

Mesh gradients

For even more complex gradients, Inkscape offers the Mesh Gradient tool (the tool right below the gradient tool in the tool bar). Set the shape (radial or grid) and the number of rows and columns of color patches in the tool controls bar, and then use the tool to drag over any shape to fill it with a mesh gradient.

Now you can adjust the shape of the color patches with the triangular handles, and select the diamond-shaped handles to change the patches' color. You can even pick the color of objects below the mesh gradient by clicking on the color picker icon in its tool controls.

對齊頁面中心

想要對齊頁面中心或邊緣,可選取物件或群組然後在 對齊和分佈對話窗 (Shift+Ctrl+A) 裡從 相對於: 清單中選擇 頁面

清理文件

許多沒用到的漸層、圖樣和標記 (更準確地說是你手動編輯的那些) 保存在對應的參數面板中並可重複使用於新物件上。但是如果你想要將你的文件最佳化,請使用檔案選單裡的清理文件 指令。它會移除文件中沒有用到的漸層、圖樣或標記,使檔案體積更小。

隱藏特性和 XML 編輯器

XML 編輯器 (Shift+Ctrl+X) 讓你能夠在不使用內部的編輯器情形下改變文件絕大部分的外觀。而且 Inkscape 支援的 SVG 特性通常比圖形介面上可使用的還多。舉例來說,我們現在支援顯示遮罩和裁剪路徑,雖然沒有圖形介面可建立或修改。XML 編輯器是使用這些功能的唯一方法 (如果你了解 SVG 的話)。

改變尺標的測量單位

In the default template, the unit of measure used by the rulers is mm. This is also the unit used in displaying coordinates at the lower-right corner and preselected in all units menus. (You can always hover your mouse over a ruler to see the tooltip with the units it uses.) To change this, open Document Properties (Shift+Ctrl+D) and change the Display units on the Display tab.

圖章

想要快速建立許多物件的複本,就使用圖章功能。先拖動物件(或者縮放、旋轉物件),然後當按住滑鼠按鈕時按空白鍵。這會留下目前物件形狀的「圖案」。你可根據需求重複這個動作好幾次。

筆工具的技巧

使用筆 (貝茲曲線) 工具,你有下列幾種方式來結束目前的線條:

  • Enter

  • 點擊兩下滑鼠左鍵

  • 點擊滑鼠右鍵

  • 選擇其他工具

注意當路徑處於未完成狀態 (即路徑呈現綠色,目前的線段呈現紅色),這個路徑尚未以物件形態存在文件中。因此,可用 Esc (取消整個路徑) 或 Backspace (移除未完成路徑的最後線段) 來取消路徑,而不用復原

要加入新的子路徑到現有的路徑,選取路徑並按著 Shift 從任意一個點開始繪製。但是如果你只不過想接續現有的路徑,那麼不需要按著 Shift 鍵;僅需從選取路徑的結束錨點開始繪製。

輸入 Unicode 字元

當使用文字工具時,按 Ctrl+U 可在一般模式與 Unicode 模式之間作切換。在 Unicode 模式中,你輸入的字會以 4 個十六進位數字為一組變成一個單一的 Unicode 字元,因而允許你輸入各種符號 (只要你曉得它們的 Unicode 區分碼且字型能支援)。按 Enter 可完成 Unicode 輸入。例如,Ctrl+U+2+0+1+4+Enter 可插入一個 em-dash (—)。按 Esc 可不插入任何字元便離開 Unicode 模式。

你也可以使用文字萬國碼字元對話窗來搜尋和插入字形到你的檔案中。

使用格線繪製圖示

假設你想製作一個 24x24 像素的圖示。建立一幅寬高為 24x24 px 的畫布 (使用文件偏好設定) 並設定格線為 0.5 px (48x48 的格線數)。這時,如果你將填充物件對齊偶數格線,而邊框物件對齊到奇數格線加上 px 單位的邊框寬度就變成偶數,並於預設 90dpi (也就是 1 px 變成 1 點陣圖像素) 匯出,你會得到一個清晰的點陣圖像,而沒有不必要的平滑效果。

物件旋轉

當使用選取工具,在物件上點擊會看到縮放箭頭,然後在物件上再次點擊會見到旋轉、位移的箭頭。如果點擊和拖曳四個角上的箭頭,物件會繞著中心點旋轉 (顯示為十字標誌)。如果你在做這個動作時按住 Shift 鍵,那麼會繞著對角作旋轉。你也能將旋轉中心拖到任何地方。

或者,你可以按鍵盤上的 [] (15 度) 或 Ctrl+[Ctrl+] (90 度)作旋轉。按著 Alt 並按 [] 鍵可作緩慢的像素大小旋轉。

On-Canvas Alignment

When the option Enable on-canvas alignment is active in the Align and Distribute dialog, select some objects and slowly click twice on them to enable handles for on canvas alignment. The handles can be used to align the selected objects relative to the area of the current selection.

  • Click on handles will align objects relative to the selection area.

  • Click on the central handle to align the selected objects on the horizontal axis. Shift+click on objects will aligned them on the vertical axis.

  • Shift+click on the outer handles aligns on the outside of the selection area.

下落式陰影

使用 濾鏡陰影和光暈下落式陰影 功能能夠快速建立物件的下落式陰影。

你也可以藉由填充和邊框對話窗中的模糊很簡單地手動為物件加上模糊的下落式陰影。先選取物件,用 Ctrl+D 再製,按 PgDown 把再製物件放到原始物件的下方,將再製物件放置到比原始物件下面一點及右邊一點的位置。現在開啟「填充和邊框」對話窗並將模糊值改為 5.0。就是這樣!

將文字放置在路徑上

要將文字沿著曲線放置,同時選取文字和路徑並從文字選單中選擇置於路徑。這串文字會從路徑起點開始。一般來說最好的方式是建立一個你想要填入的明確路徑,而不是把文字填入到其他繪圖元件 — 這會讓你更好控制且不會影響到你的繪畫。

選取原始物件

當你有置於路徑上的文字、連結偏移物件或仿製物件,這些物件的來源物件/路徑可能很難選取,因為可能正好在底下或設定為隱形和/或鎖定。神奇的 Shift+D 會幫助你;先選取文字、連結偏移物件或仿製物件,然後按 Shift+D 可將選取移動到對應的路徑、偏移來源或仿製原始物件。

恢復超出螢幕的視窗

當在不同的解析度或一些顯示模式的系統之間移動文件時,你會發現 Inkscape 已經儲存了視窗位置,程式會把視窗放置到超出螢幕的地方。直接將視窗最大化 (使用任務欄會把視窗帶回檢視區),儲存並重新載入。你可以藉由取消勾選整體選項變成儲存視窗空間 (Inkscape 偏好設定介面視窗部分) 來避免這種問題。

透明、漸層和 PostScript 匯出

PostScript or EPS formats do not support transparency, so you should never use it if you are going to export to PS/EPS. In the case of flat transparency which overlays flat color, it's easy to fix it: Select one of the transparent objects; switch to the Dropper tool (F7 or D); make sure that the Opacity: Pick button in the dropper tool's tool bar is deactivated; click on that same object. That will pick the visible color and assign it back to the object, but this time without transparency. Repeat for all transparent objects. If your transparent object overlays several flat color areas, you will need to break it correspondingly into pieces and apply this procedure to each piece. Note that the dropper tool does not change the opacity value of the object, but only the alpha value of its fill or stroke color, so make sure that every object's opacity value is set to 100% before you start out.

互動性

多數 SVG 元件可以調整針對使用者輸入做出反應 (通常這只在網頁瀏覽程式中顯示 SVG 時有效果)。

最簡單的功能是加入可點擊的連結到物件中。在物件上點擊滑鼠右鍵並從功能表選單中選擇建立連結。出現「物件性質」對話窗後,你能夠使用 href 數值設定目標連結。

更多操作可從「物件性質」對話窗 (Ctrl+Shift+O) 中使用可存取的互動性屬性值。你也可以使用 JavaScript 實現任意函數功能。一些基本範例:

  • 點擊物件時在目前視窗開啟其他檔案:

    • onclick 設定為 window.location='file2.svg';

  • 點擊物件時用新視窗開啟任意網頁連結:

    • onclick 設定為 window.open("https://inkscape.org","_blank");

  • 滑鼠移到上方時減少物件透明度:

    • onmouseover 設定為 style.opacity = 0.5;

    • onmouseout 設定為 style.opacity = 1;

Authors: Bulia Byak; Alexandre Prokoudine; Colin Marquardt; Ivan Masár; Kris De Gussem; Nicolas Dufour; Roland Alton; Patrick Storz; Guillaume Audirac; Gellért Gyuris; Maren Hachmann

Translators: dongjun wu — 2009; 蘇秀慧 — 2009

Header / footer design: Esteban Capella — 2019