Inkscape tutorial: 基本

Inkscape

指導手冊 | 基本

這篇教學示範 Inkscape 的基本使用。如果你從 Inkscape 說明 選單開啟這篇教學,那麼本文是標準的 Inkscape 文件,因此你可以觀看、編輯、複製內容或儲存。你也可以將檔案作為副本儲存到想要的位置。

基本教學的內容涵蓋畫布瀏覽、管理文件、形狀工具基礎、選取技巧、用選取器改變物件、群組、設定填色和邊框、對齊和排列順序。到說明選單中看看其他教學有更多進階的主題。

平移畫布

有許多方式來平移 (捲動) 文件畫布。試著用鍵盤上的 Crtl+方向鍵 來捲動。(立刻嘗試這個方法向下捲動這個文件。) 你也可以用滑鼠中鍵拖動畫布。或者,使用捲軸 (按 Ctrl+B 以顯示或隱藏捲軸)。滑鼠滾輪 也可進行垂直方向的捲動;按 Shift 並滾動可水平捲動。

縮放畫面

The easiest way to zoom is by pressing - and + (or =) keys. You can also use Ctrl+middle click or Ctrl+right click to zoom in, Shift+middle click or Shift+right click to zoom out, or rotate the mouse wheel with Ctrl. Or, you can click in the zoom entry field (in the bottom right region of the document window, labelled “Z”), type a precise zoom value in %, and press Enter. Try right-clicking and scrolling on the Zoom value field, too.

We also have the Zoom tool (in the toolbar on left) which lets you to zoom into an area by dragging around it.

Inkscape 也保留在這個工作階段中使用過的縮放層級記錄。按下 ` 鍵回到上一個縮放狀態,或 Shift+` 前往下一個。

Inkscape 工具

The vertical toolbar on the left shows Inkscape's drawing and editing tools. Depending on your screen resolution, the Commands Bar with general command buttons, such as “Save” and “Print”, can be found either in the top part of the window, right below the menu, or on the right side of the window. Right above the Canvas Area, there's the Tool Controls Bar with controls that are specific to each tool. The Status Bar at the bottom of the window will display useful hints and messages as you work.

Many operations are available through keyboard shortcuts. Open HelpLearn moreKeys and Mouse Reference to see the complete list of available shortcuts.

建立和管理文件

使用 檔案新增 或按 Ctrl+N 快捷鍵建立新的空白文件。若要從 Inkscape 範本建立新的文件,則使用 檔案從範本新增... 或者按 Ctrl+Alt+N 快捷鍵。

使用 檔案開啟 (Ctrl+O) 開啟現有的 SVG 檔案。使用 檔案儲存 (Ctrl+S) 儲存檔案,或者用 檔案另存新檔 (Shift+Ctrl+S) 以新名稱儲存檔案。(即使現在 Inkscape 預設啟用自動儲存功能,仍然建議“提早儲存,經常儲存“。)

Inkscape uses the SVG (Scalable Vector Graphics) format for its files. SVG is an open standard widely supported by graphic software. SVG files are based on XML and can be edited with any text or XML editor (apart from Inkscape, that is). Besides SVG, Inkscape can import and export many other file formats. You can find lists of the supported file formats in the Save, Export and Import dialogs.

Inkscape opens a separate document window for each document. You can navigate among them using your window manager (e.g. by Alt+Tab), or you can use the Inkscape shortcut, Ctrl+Tab, which will cycle through all open document windows. (Create a new document now and switch between it and this document for practice.) Note: Inkscape treats these windows like tabs in a web browser, this means the Ctrl+Tab shortcut only works with documents running in the same process. If you open multiple files from a file browser or launch more than one Inkscape process from an icon it may not work.

建立形狀

Time for some nice shapes! Click on the Rectangle tool in the toolbar on the left (or press R) and click-and-drag, either in a new empty document or right here:

如你所見,預設矩形為藍色填充並帶有黑色 邊框 (輪廓),且完全不透明。下面內容我們將會見到如何去改變它。用其他工具,你也可以建立橢圓形、星形和螺旋形:

這些工具統稱為形狀工具。每個你建立的形狀會顯示一個或多個方塊形狀的控制點;試著拖動它們可見到形狀如何跟著變化。形狀工具的控制面板可用另一種方式來微調形狀;這些控制影響目前選擇的形狀 (即那些顯示的控制點) 並且將會套用到新建立形狀的預設情形。

To undo your last action, press Ctrl+Z. (Or, if you change your mind again, you can redo the undone action by Ctrl+Shift+Z.)

移動、縮放、旋轉

The most frequently used Inkscape tool is the Selector. Click the topmost button (with the arrow) on the toolbar, or press S, F1 or toggle the tool using Space. Now you can select any object on the canvas. Click on the rectangle below.

你會見到 8 個箭頭形狀的控制點出現在物件的四周。現在你可以:

  • 拖動它來移動物件。(按 Ctrl 以固定移動方向為垂直和水平)

  • 拖動任何控制點來縮放物件大小。(按 Ctrl 以維持原來的長寬比例)

現在再點一次矩形。控制點改變了。現在你可以:

  • 拖動頂點上的控制點來旋轉物件。(按 Ctrl 以固定每 15 度為一階作旋轉。拖動交叉記號以改變旋轉中心的位置。)

  • 拖動非頂點上的控制點來傾斜 (切變) 物件。(按 Ctrl 以固定每 15 度為一階作傾斜 。)

當用選取器時,你也可以使用工具控制列 (畫布上方) 的數字輸入區來設定選取的坐標 (X 和 Y) 和大小 (W 和 H) 的準確數值。

用按鍵改變物件

一個 Inkscape 的特色是除了大部份向量繪圖的特點以外還強調能用鍵盤完成所有設定。幾乎沒有任何命令和動作是鍵盤做不到的,改變物件也沒有例外。

你可以使用鍵盤操作移動 (方向鍵)、縮放 (<> 鍵) 和旋轉 ([] 鍵) 物件。預設移動和縮放的單位為 2 px;按 Shift,以 10 倍預設值來移動或縮放。Ctrl+>Ctrl+< 分別放大或縮小為原來的 200% 或 50%。預設以 15 度進行旋轉;按 Ctrl,可以以 90 度進行旋轉。

無論如何,或許最有用的是像素大小的改變,藉由使用 Alt 搭配改變按鍵來調用。例如,Alt+方向鍵 可>以 1 螢幕像素 (即你的螢幕上一個像素大小) 移動選取物件。這表示如果放大 (拉近) 畫面,用 Alt 搭配快捷鍵你可以以很高精確度的方式移動物件。相反地,縮小 (拉遠) 畫面時,移動精確度會小於使用 Alt 鍵移動。使用不同螢幕縮放等級,你按照任務需求使用各種精確度。

同樣地,Alt+>Alt+< 縮放選取物件是由 1 螢幕像素改變外觀大小,而 Alt+[Alt+] 旋轉是以距離中心最遠的點移動 1 螢幕像素。

備註:如果 Linux 使用者的視窗管理程式在進行 inkscape 應用前捕獲那些按鍵事件 (該快捷鍵可能被用於切換工作區),那麼可能無法得到 Alt+arrow 和一些其他按鍵組合預期的結果。因此其中一種解決方式就是改變視窗管理器的設置。

多重選取

You can select any number of objects simultaneously by Shift+clicking them. Or, you can drag around the objects you need to select; this is called rubberband selection. (Selector creates rubberband when dragging from an empty space; however, if you press Shift before starting to drag, Inkscape will always create the rubberband.) By holding down Alt, you can turn the Selector tool into a pencil that you can use to draw on the objects you want to select. Practice by selecting all three of the shapes below:

現在,使用框選 (拖曳或 Shift+拖曳) 來選擇這兩個橢圓,但不要矩形:

每個單獨的物件在選取範圍內會顯示選取標示 — 預設是一個矩形虛線框。這些標示使得容易一眼看出哪個被選取、哪個沒被選取。舉例來說,如果你選擇兩個橢圓形和一個矩形,沒有標示的情況下你會很難猜測橢圓形是否已被選取。

在一個已選取的物件上按 Shift+點擊 可從選取區中將它排除。選取上面全部三個物件,然後使用 Shift+點擊 從選取區中將兩個橢圓形排除只留下矩形。

Esc 鍵可取消選取任何已選擇的物件。Ctrl+A 可選取再目前圖層中所有的物件(如果你沒有建立圖層,那就變為選取文件中的所有物件)。Ctrl+A 快捷鍵的預設行為可在偏好設定中進行調整。

群組

幾個物件可結合為一個群組。一個群組於拖曳或變形時會表現得像單一個物件。下面左邊的三個物件是獨立的,而右邊相同的三個物件是已群組的。試著拖動這個群組看看。

你選取一個或多個物件並按 Ctrl+G 可建立一個群組。選取它們並按 Ctrl+U 可解散一個或多個群組。這些動作也可由 點擊滑鼠右鍵物件選單或命令列完成。多個群組本身也可能被再次群組,只是看起來像任何其他物件;這樣遞迴的群組可以做下去到任意深度。然而,Ctrl+U 只會解散一個選取中最上層的群組;如果想要完全解散深層的「群組中有群組」,那麼就需要重複地按 Ctrl+U (或者使用 擴充模組排列深層解散群組)。

如果想要編輯群組中的一個物件,你未必一定得解散群組。只要 Ctrl+點擊 那個物件,那麼物件會被選取並可進行編輯,或者 Shift+Ctrl+點擊 多個物件(任何群組的內部或外面)來多重選取而不管群組與否。

你也可以在群組上點擊兩下,進入群組內部並存取全部物件而不需要解散群組。在空白畫布區域上再次點擊兩下離開群組。

試著不解散群組便移動或變形群組 (右上) 內個別的形狀,然後取消選擇並再次選取群組可發現其仍維持群組狀態。

填色和邊框

設定物件顏色最簡單的方式是選取物件,然後點擊畫布下方調色盤上的色票 (顏色欄位) 便可將其作為物件的填色。

Alternatively, you can open the Swatches dialog from the View menu (or press Shift+Ctrl+W), select the palette that you want to use after clicking on the dropdown selector at the top, select an object, and click any swatch to fill the object (change its fill color).

更強大的是從物件選單開啟填充和邊框對話窗 (或按 Shift+Ctrl+F 快捷鍵)。選取下面的形狀並開啟填充和邊框對話窗。

You will see that the dialog has three tabs: Fill, Stroke paint, and Stroke style. The Fill tab lets you edit the fill (interior) of the selected object(s). Using the buttons just below the tab, you can select types of fill, including no fill (the button with the X), flat color fill, as well as linear, radial or mesh gradients and patterns. For the above shape, the flat fill button will be activated.

Further below, you see the color picker. You can choose between different types of color pickers in the dropdown menu on the right side above the color picker: RGB, CMYK, HSL, and more. You can also turn on an additional Wheel picker for some of these, where you can rotate a triangle to choose a hue on the wheel, and then select a shade of that hue within the triangle. All color pickers contain a slider labelled “A“ to set the alpha (opacity) of the selected color.

每當你選擇一個物件,顏色選擇器會更新並顯示目前的填色和邊框 (若是多重選取,對話窗顯示是它們的平均顏色)。用這些樣品玩玩或建立你自己的:

使用邊框填塗分頁可以移除物件的邊框 (輪廓),或者指定任何顏色或透明度 :

最後一個分頁「邊框樣式」讓你設定寬度和邊框的其他參數:

最後,你可以用漸層色替代純色作為填色和(或)邊框顏色:

When you switch from flat color to gradient, the newly created gradient uses the previous flat color, going from opaque to transparent. The Fill and Stroke dialog will change to show the Gradient editor. Switch to the Gradient tool (G) to drag the gradient handles — the controls connected by lines that define the direction and length of the gradient. When any of the gradient handles is selected (highlighted blue), the Gradient Editor displays the color of that handle and allows you to change it.

Yet another convenient way to change the color of an object is by using the Dropper tool (D). Just click anywhere in the drawing with that tool, and the color you clicked on will be assigned to the selected object's fill (Shift+click will assign the stroke color).

再製、對齊、分佈

最常見的動作之一為再製物件 (Ctrl+D)。再製物件會放置在原本物件的正上方並且已選取,所以你可以用滑鼠方向鍵將它拖走。試著用這個黑色正方形排成直線作為練習:

Chances are, your copies of the square are placed more or less randomly. This is where the ObjectAlign and Distribute dialog (Shift+Ctrl+A) is useful. Select all the squares (Shift+click or drag a rubberband), open the dialog and press the “Center on horizontal axis” button, then the “Distribute horizontally with even horizontal gaps” button (read the button tooltips). The objects are now neatly aligned and distributed with equal spaces in between. Here are some other alignment and distribution examples:

排列順序

排列順序這項涉及繪畫時物件的堆疊次序,即哪些物件在頂層而遮住其他物件,導致下方的物件 (完全) 看不見。在物件選單中有兩個指令 — 提到最上層 (Home 鍵) 和降到最下層 (End 鍵),可移動你的選取物件到目前圖層排列順序的最上層和最下層。另外兩個指令 — 提升 (PgUp) 和降低 (PgDn),可只作一次下沉或上升選取,即在排列順序中移動它越過一個非選取物件 (根據它們各自的邊界框,只有物件重疊選取區時才算)。

以反向順序排列下面的物件來練習這些指令,所以最左邊的橢圓形在頂層而最右邊那個在底層:

Tab 鍵是非常有用的選取快捷鍵。如果沒有任何選取,那麼它會選取最下層的物件;不然它會選取排列順序中選取物件上面的一個物件。Shift+Tab 則反之,從最上層物件開始且向下進行。你建立的物件新增至堆疊的最上層,於沒有任何選取情形下按下 Shift+Tab 可簡便地選取你最後建立的物件。於上面堆疊在一起的橢圓形上練習 TabShift+Tab 鍵。

選取下方物件和拖曳選取物件

如果你需要的物件隱藏在其他物件背後,該怎麼辦?如果上層物件 (可能) 是透明的,你仍然可看見底層的物件,但是在它上面點擊會選取到上層的物件 (你不需要的那個)。

Alt+點擊 就是針對這種情況。首先用 Alt+點擊 選取上層的物件就像普通的點選。然而,再次 Alt+點擊 同一個點會選取上層物件下面的那個物件;再做一次會選取更下面的物件,等等。因此,連續 Alt+點擊 幾次會從上層到下層循環,經由點擊位置上的物件群整個堆疊順序。當達到最下層物件時,再 Alt+點擊 一次自然會再一次選取最上層物件。

With Alt+mouse wheel over a selected object, Inkscape will conveniently cycle through all objects in the position of the mouse pointer and highlight the selected object for you.

[如果你在 Linux 下,你會發現 Alt+點擊 可能沒有作用。相反地,可能會變成拖動整個 Inkscape 視窗。這是因為你的視窗管理程式已經預定 Alt+點擊 為不同的動作。修正此問題的方法為找到視窗管理程式的視窗行為設定並關閉該快捷鍵功能,或者將其對應到使用 Meta 鍵 (亦稱 Windows 鍵),如此一來 Inkscape 和其他應用程式便可自由使用 Alt 鍵。]

這樣不錯,但是你選取一個表面下的物件可以做些什麼?可以用按鍵改變它和拖曳選取控制點。然而拖動物件本身會再次變回選取最上層物件(這是點擊和拖曳設計為如何工作 — 它會先選取游標下的(最上層)物件,然後拖曳選取)。使用 Alt+拖曳 來告訴 Inkscape 現在什麼被選取要進行拖動而不要選取任何別的東西。這將會移動目前的選取而不管你的滑鼠拖曳到哪裡。

練習 Alt+點擊Alt+拖曳 在綠色透明矩形下面的兩個褐色形狀:

選取相似物件

Inkscape 能夠選取和目前物件相似的其他物件。例如,你想要選取在第一個選取藍色正方形底下的所有藍色正方形,則使用選單中的 編輯選取相同物件填色 (在畫布上 點擊滑鼠右鍵)。那麼所有填色為藍色的物件都會被選取。

除了依照填色選取外,你也可以依照邊框顏色、邊框樣式、填色 & 邊框、物件類型來選取多個相似物件。如果需要比上述更複雜的操作可以試著使用 編輯尋找/取代 對話窗。

結論

對基本教學作一個總結。Inkscape 遠不止這些,但經由這裡介紹的技巧,你已經可以製作簡單而有用的圖形。建議閱讀“Inkscape: 進階”與 說明指導手冊 中的其他教學了解更複雜的東西。

Authors: Bulia Byak; Jonathan Leighton; Ralf Stephan; Bryce Harrington; Alexandre Prokoudine; Colin Marquardt; Josh Andler; Nicolas Dufour; Gellért Gyuris; Maren Hachmann

Translators: dongjun wu — 2009

Header / footer design: Esteban Capella — 2019