inkscape——示01：The Swedish Flag

示例01：The Swedish Flag

英文位址：

1.1 啟動Inkscape。

該程式将打開一個具有預設頁面大小的視窗。

1.2. 将頁面大小設定為所需的标志大小。

瑞典國旗的正确寬度與高度比例為16到10。我們将頁面尺寸設定為320 x 200像素區域。這裡重要的是比率。列印或導出到位圖時圖形的大小可以稍後更改（預設情況下，導出時像素對應于螢幕像素）。

1. 打開文檔屬性對話框。

   通過選擇檔案 → 文檔屬性… （Shift + Ctrl + D） 打開“ 文檔屬性”對話框 。 圖示

2. 設定頁面大小。

   在新打開的視窗中，使用下拉菜單将“ 自定義尺寸：機關 ” 設定 為“ px”。将顯示機關設定 為“ px”以比對（這将使Inkscape的顯示長度以螢幕像素為機關）。然後通過将“ 自定義大小”設定為标志大小 ：“ 寬度”為320，“ 高度”為到200。可以通過在标簽旁邊的輸入框中鍵入數字來完成此操作（可以使用向上和向下的小箭頭更改輸入的值，但是當輸入的數字可能不是整數時，此方法将無法正常工作）。請注意，當您輸入新值時，更改隻有在您按下Return鍵，單擊另一個輸入框或将光标從“ 文檔屬性” 對話框移至另一個Inkscape視窗後才會生效。 頁面方向将自動更改為橫向。

将比例x設定為1.0。這樣可以確定内部“ px”（也稱為“ SVG 使用者機關”）等于外部“ px”（某些Inkscape模闆将一個内部“ px”設定為等于不同的外部值，例如1毫米或1英寸）。

3. 使頁面适合繪圖區域。

現在，頁面是繪圖區域底部的一個小矩形。為了适應頁面的繪圖區域，點選在指令欄上“縮放頁面以适應視窗” 圖示 ，或使用鍵盤快捷鍵：5。

1.3 設定網格。

當“ 文檔屬性”對話框打開時，我們将進行另一項更改，這将使繪制背景和劃線更加容易。網格是一組（通常）水準和垂直線，對于圖形對象提供的指南。（可選）對象在繪制或移動時将 “ 對齊 ”到網格，進而可以進行精确繪制。網格在列印或以位圖導出将不顯示。

1. 建立一個網格。

在“ 文檔屬性” 對話框中選擇“ 網格”頁籤。在“ 建立”部分下，從下拉菜單中選擇“ 矩形網格 ”（如果尚未選中），然後單擊“ 建立”按鈕。您應該在畫布上看到一條藍線網格。如果不這樣做，請確定在“ 定義的網格”部分中選中了“ 啟用”和“ 可見”框。如果選中了它們，則使用指令視圖 → 網格 （＃）切換網格的全局可見性。

1. 調整網格間距。

現在，您可以調整網格以比對國旗十字。國旗中十字架的尺寸和位置由瑞典法律規定。垂直條放置在标志寬度的5/16到7/16之間，而水準條放置在标志高度的4/10和6/10之間。

由于國旗的寬度設定為320*200，這裡用于繪制标志的Grid最好是每20像素一個劃分的網格，以便Grid 線将标志的寬度劃分為16個部分，将标志的高度劃分為10個部分。

要更改網格的比例，請傳回到“ 文檔屬性” 視窗的“ 網格”頁籤。

将間距X和間距Y都設定為20。

為了幫助準确地繪制标志，我們将打開節點到網格線的捕捉。首先選擇“吸附”頁籤。選中“ 吸附到網格”部分下的“ 始終對齊”選項。無論光标與網格 線的距離如何，都将強制捕捉。

通過突出顯示Snap Bar中的Snap（頂部或最左側， 工具提示：“啟用捕捉（％）”）圖示來啟用整體捕捉。

通過突出顯示“ Snap”節點，路徑和句柄 （第三）

圖示以及“ Snap cusp”節點來啟用節點的捕捉

。

接下來，確定在對齊欄中突出顯示“ 對齊網格”圖示

。如果這些圖示中的任何一個都不可見，則可能必須加寬/加高 Inkscape視窗，或者使用在欄的右端或底部的三角形打開的下拉菜單，然後選中相應的框。最後，確定對齊邊界框 （第二個）圖示

未突出顯示。

“文檔屬性”對話框的“捕捉”頁籤。

1.4 繪制标志背景。

該标志具有淺藍色背景。我們将使用一個填充的矩形。

1. 選擇矩形工具。

點選矩形工具圖示，在 工具箱上的左Inkscape的視窗（或使用鍵盤快捷鍵F4）選擇 矩形工具。

Inkscape的一個不錯的功能是内置了很好的提示。當滑鼠指針懸停在 Rectangle Tool圖示上時，您将看到一個 工具提示， 描述Rectangle Tool的用法。Inkscape中的幾乎所有圖示和對象都具有此功能。通常包括圖示的鍵盤快捷鍵，在這種情況下，表明按下 F4将選擇矩形工具。

選擇“ 矩形工具”後，将指針移到繪圖區域上。指針将變成一個矩形。這表示您已準備好繪制矩形或正方形。指針左上角的小十字表示活動點。

在視窗的底部，有一個“ 通知區域”（在狀态欄中）。這裡告訴您可以使用所選工具執行哪些操作。請注意，區域并不總是足夠大以顯示所有選項。将滑鼠移到該區域上将彈出一個 工具提示，顯示完整内容。

1. 繪制背景矩形。

   要繪制背景矩形，請按照“ 通知區域”中的提示進行操作 。單擊并将指針從頁面區域的一個角拖動到另一角。

注意矩形的角是如何捕捉到Grid的。如果矩形與頁面大小不比對，則可以使用矩形左上角或右下角的拖動搖桿（小方塊）來調整矩形的大小。（右上角的圓具有不同的功能。它用于使矩形的四個角變圓。）在拖動正方形時，它們将捕捉到Grid。

如果你做錯了，你可以在 指令欄點選 撤消圖示，使用菜單欄“編輯” → “撤消” （按Ctrl + Z ）

瑞典國旗，第三步：背景矩形。

1.5 畫十字。

十字架由水準條和垂直條組成。

1. 畫水準條。

在仍然選擇“ 矩形工具”的情況下，通過從标志左側的背景矩形底部的六條網格線開始，單擊并拖動指針直到從标志右側的底部開始的四條網格線，來建立條形圖。矩形角應對齊網格。請注意，矩形的“ 填充”顔色與背景顔色相同，但是您仍然應該能夠看到新的形狀。

如果看不到… 不要驚慌！ Inkscape通常使用“ 目前”樣式 （屬性：顔色，線條樣式等）來繪制新對象。

1. 畫豎線。

   垂直條應從背景矩形的左側開始在5到7條網格線之間延伸。

繪制水準條和垂直條之後的顯示。十字架的一個矩形如何與另一個矩形重疊。

1.6 合并成一個十字架。

将條形圖合并成一個十字架可能更好（至少在教學上更是如此），以使該十字架是一個對象而不是兩個對象。

1. 選擇兩個矩形。

   這可以通過 選擇工具和Shift鍵完成。啟用選擇工具通過點選 在圖示工具箱或使用鍵盤快捷鍵的一個 F1或 小号。

   更改為選擇工具（由在畫布上時指針變為箭頭或在對象上時箭頭變為訓示）後，單擊交叉中的矩形之一。然後，在按住Shift鍵的同時 ，單擊十字上的另一個矩形。就選擇兩個矩形，如其虛線邊框所示。請注意，背景矩形沒有被虛線邊框包圍，并且“ 通知區域”報告已選擇了兩個對象。

   

   選擇了形成十字的兩個矩形。

2. 合并路徑。

   可以通過合并兩個Paths來合并兩個矩形 。（在這裡，路徑是矩形的邊框。）合并兩個矩形，選擇 路徑 →合并（按Ctrl + +）菜單欄。矩形現在合并為一個對象。

矩形合并後的十字。

十字架不再由Rectangle對象制成，而是定義為Path。

1.7 設定背景和交叉的顔色。

下一步是調整背景顔色與瑞典國旗的交叉顔色。我們将使用“ 填充和描邊”對話框，以便我們可以精确設定正确的顔色。

彈出“ 填充和描邊”對話框。

在指令欄點選“填充和描邊”按鈕打開填充和描邊對話框 ，點選填充的部分風格訓示燈在狀态欄，或者使用鍵盤快捷鍵 按住Shift + Ctrl鍵 + F。

預設情況下，該對話框将停靠在Inkscape 視窗内的右側。如果您有空間，請通過拖動對話框的頂部欄（其中 寫有“ 填充和描邊”的灰色欄）。将對話框拖放到Inkscape視窗之外。按下 5可使圖形重新顯示在主視窗内（或使用滑鼠中鍵将圖形拖回中心）。

填充和描邊對話框。

確定對話框頂部的填充頁籤突出顯示；如果沒有，請單擊頁籤。“ 填充和描邊” 對話框中的參數适用于目前標明的圖形對象。

1. 設定填充背景色。

通過使用選擇工具單擊選擇背景矩形 。在通知區域 應該報告一個矩形選擇和 風格訓示器将顯示填充顔色和筆觸矩形的顔色。填充頁籤内的單色按鈕應該是選中狀态。如果沒有，請單擊它。

有幾種方法可以指定所需的填充顔色。

• 我們将使用紅綠藍（RGB）模式（選擇RGB标簽（如果尚未突出顯示）。在此模式下，通過設定三種原色每種的數量來指定顔色。比例從0擴充到255。
• 可以通過在标記為R，G，B的條上向左或向右滑動小三角形，

• 或通過更改條右邊的框中的數字來更改每種原色的值（通過鍵入或使用向上/向下箭頭）。

  對于瑞典國旗，背景顔色由NIS标準顔色4055-R95B指定，等效于以下值：紅色：0，綠色：90，藍色：173。第四項是Alpha （A）或透明度，即訓示對象應該有多不透明。我們希望我們的國旗具有堅實的透明背景，是以Alpha應該設定為255（範圍是0到255）。同樣，“ 母版不透明度”幻燈片應設定為100％。

另一步驟是關閉任何描邊（邊框）顔色。在“ 填充和描邊”對話框中，選擇“ 筆刷繪制”頁籤，然後單擊“ 無繪制” 圖示以關閉描邊。

1. 設定交叉填充顔色。

選擇十字并按照前面的說明更改填充顔色。選擇十字時， 通知區域将報告已選擇具有12個節點的 路徑。您需要重新選擇“ 填充”标簽。這次，将顔色設定為R：255，G：194和B：0。還要像以前一樣關閉邊框。

1.8 儲存并導出您的工作。

現在是儲存您的工作的時候了。選擇 檔案 → 另存為… （Shift + Ctrl + S）。出現的對話框将取決于您的作業系統。選擇應在其中儲存圖形的檔案夾或目錄，并為圖形指定一個适當的名稱。最後，單擊“ 儲存”按鈕。

最後一步是将檔案導出為PNG（便攜式網絡圖形）位圖，其他圖形程式或網頁可以使用該位圖。[ 5 ] 彈出“ 導出位圖”對話框：（檔案 → 導出位圖… （Shift + Ctrl + E））。

導出位圖對話框。

有四個選項可以選擇要導出的區域： Page， Drawing， Selection和 Custom。在我們的情況下，“ 頁面”和“ 繪圖” 區域是相同的。選擇一個，然後在底部輸入或選擇檔案名，然後單擊“ 導出”按鈕以将圖形另存為PNG。您現在應該擁有一個帶有标志的PNG檔案，如本節開頭所示。請注意，即使成功導出，對話框也将保留在螢幕上。