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文件,如本節開頭所示。請注意,即使成功導出,對話框也將保留在屏幕上。

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